@tamagui/web 1.13.2 → 1.13.4

package/dist/cjs/createComponent.js

@@ -1,875 +1,3 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // 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 ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var createComponent_exports = {};
-__export(createComponent_exports, {
-  Spacer: () => Spacer,
-  Unspaced: () => Unspaced,
-  createComponent: () => createComponent,
-  defaultComponentState: () => defaultComponentState,
-  mouseUps: () => mouseUps,
-  spacedChildren: () => spacedChildren
-});
-module.exports = __toCommonJS(createComponent_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_compose_refs = require("@tamagui/compose-refs");
-var import_constants = require("@tamagui/constants");
-var import_helpers = require("@tamagui/helpers");
-var import_react = __toESM(require("react"));
-var import_config = require("./config.js");
-var import_constants2 = require("./constants/constants.js");
-var import_FontLanguageContext = require("./contexts/FontLanguageContext.js");
-var import_TextAncestorContext = require("./contexts/TextAncestorContext.js");
-var import_createVariable = require("./createVariable.js");
-var import_extendStaticConfig = require("./helpers/extendStaticConfig.js");
-var import_getSplitStyles = require("./helpers/getSplitStyles.js");
-var import_mergeProps = require("./helpers/mergeProps.js");
-var import_proxyThemeVariables = require("./helpers/proxyThemeVariables.js");
-var import_useShallowSetState = require("./helpers/useShallowSetState.js");
-var import_useAnimationDriver = require("./hooks/useAnimationDriver.js");
-var import_useMedia = require("./hooks/useMedia.js");
-var import_useServerHooks = require("./hooks/useServerHooks.js");
-var import_useTheme = require("./hooks/useTheme.js");
-var import_setupHooks = require("./setupHooks.js");
-var import_Slot = require("./views/Slot.js");
-var import_Theme = require("./views/Theme.js");
-process.env.TAMAGUI_TARGET;
-const defaultComponentState = {
-  hover: false,
-  press: false,
-  pressIn: false,
-  focus: false,
-  unmounted: true
-};
-const defaultComponentStateMounted = {
-  ...defaultComponentState,
-  unmounted: false
-};
-let tamaguiConfig;
-let AnimatedText;
-let AnimatedView;
-let initialTheme;
-const mouseUps = /* @__PURE__ */ new Set();
-if (typeof document !== "undefined") {
-  const cancelTouches = () => {
-    mouseUps.forEach((x) => x());
-    mouseUps.clear();
-  };
-  addEventListener("mouseup", cancelTouches);
-  addEventListener("touchend", cancelTouches);
-  addEventListener("touchcancel", cancelTouches);
-}
-function mergeShorthands({ defaultProps }, { shorthands }) {
-  for (const key of Object.keys(defaultProps)) {
-    defaultProps[shorthands[key] || key] = defaultProps[key];
-  }
-}
-let BaseText;
-let BaseView;
-let hasSetupBaseViews = false;
-function createComponent(configIn, ParentComponent) {
-  const staticConfig = (() => {
-    const next = (0, import_extendStaticConfig.extendStaticConfig)(configIn, ParentComponent);
-    if ("parsed" in next) {
-      return next;
-    } else {
-      return (0, import_extendStaticConfig.parseStaticConfig)(next);
-    }
-  })();
-  const defaultComponentClassName = `is_${staticConfig.componentName}`;
-  let tamaguiDefaultProps;
-  let defaultTag;
-  const component = (0, import_react.forwardRef)((propsIn, forwardedRef) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
-    if (process.env.TAMAGUI_TARGET === "native") {
-      if (!hasSetupBaseViews) {
-        hasSetupBaseViews = true;
-        const baseViews = (_b = (_a = import_setupHooks.hooks).getBaseViews) == null ? void 0 : _b.call(_a);
-        if (baseViews) {
-          BaseText = baseViews.Text;
-          BaseView = baseViews.View;
-        }
-      }
-    }
-    if (process.env.NODE_ENV === "test") {
-      if (propsIn["data-test-renders"]) {
-        (_c = propsIn["data-test-renders"])["current"] ?? (_c["current"] = 0);
-        propsIn["data-test-renders"]["current"] += 1;
-      }
-    }
-    let props;
-    if (tamaguiDefaultProps && !propsIn.asChild) {
-      props = (0, import_mergeProps.mergeProps)(tamaguiDefaultProps, propsIn)[0];
-    } else {
-      props = propsIn;
-    }
-    const debugProp = props["debug"];
-    const { Component, isText, isZStack } = staticConfig;
-    const componentName = props.componentName || staticConfig.componentName;
-    const stateRef = (0, import_react.useRef)(
-      void 0
-    );
-    stateRef.current ?? (stateRef.current = {});
-    const animationsConfig = (0, import_useAnimationDriver.useAnimationDriver)();
-    const useAnimations = animationsConfig == null ? void 0 : animationsConfig.useAnimations;
-    const isAnimated = (() => {
-      const next = !!(!staticConfig.isHOC && useAnimations && (props.animation || props.style && hasAnimatedStyleValue(props.style)));
-      if (next && !stateRef.current.hasAnimated) {
-        stateRef.current.hasAnimated = true;
-      }
-      return next || stateRef.current.hasAnimated;
-    })();
-    const componentClassName = props.asChild ? "" : props.componentName ? `is_${props.componentName}` : defaultComponentClassName;
-    const hasTextAncestor = !!(import_constants.isWeb && isText ? (0, import_react.useContext)(import_TextAncestorContext.TextAncestorContext) : false);
-    const languageContext = import_constants.isRSC ? null : (0, import_react.useContext)(import_FontLanguageContext.FontLanguageContext);
-    const isDisabled = props.disabled ?? ((_d = props.accessibilityState) == null ? void 0 : _d.disabled);
-    const isTaggable = !Component || typeof Component === "string";
-    const element = import_constants.isWeb ? isTaggable ? props.tag || defaultTag || Component : Component : Component;
-    const BaseTextComponent = BaseText || element || "span";
-    const 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;
-    const avoidClassesWhileAnimating = animationsConfig == null ? void 0 : animationsConfig.isReactNative;
-    const hasEnterStyle = !!props.enterStyle;
-    const needsMount = Boolean(
-      (import_constants.isWeb ? import_constants.isClient : true) && (hasEnterStyle || props.animation)
-    );
-    const states = (0, import_useServerHooks.useServerState)(
-      needsMount ? defaultComponentState : defaultComponentStateMounted
-    );
-    const state = propsIn.forceStyle ? { ...states[0], [propsIn.forceStyle]: true } : states[0];
-    const setState = states[1];
-    const setStateShallow = (0, import_useShallowSetState.useShallowSetState)(setState, debugProp, componentName);
-    const usePresence = animationsConfig == null ? void 0 : animationsConfig.usePresence;
-    const presence = !import_constants.isRSC && isAnimated && usePresence ? usePresence() : null;
-    if (isAnimated && presence) {
-      const presenceState = presence[2];
-      if (presenceState) {
-        if (state.unmounted && presenceState.enterVariant) {
-          props[presenceState.enterVariant] = true;
-        }
-        if (!presenceState.isPresent && presenceState.exitVariant) {
-          props[presenceState.exitVariant] = true;
-        }
-      }
-    }
-    const isAnimatedReactNative = isAnimated && (animationsConfig == null ? void 0 : animationsConfig.isReactNative);
-    const isReactNative = Boolean(staticConfig.isReactNative || isAnimatedReactNative);
-    if (process.env.NODE_ENV === "development") {
-      const id = (0, import_react.useId)();
-      if (debugProp) {
-        const name = `${componentName || (Component == null ? void 0 : Component.displayName) || (Component == null ? void 0 : Component.name) || "[Unnamed Component]"}`;
-        const type = isAnimatedReactNative ? "(animated)" : isReactNative ? "(rnw)" : "";
-        const dataIs = propsIn["data-is"] || "";
-        const banner = `${name}${dataIs ? ` ${dataIs}` : ""} ${type} id ${id}`;
-        console.group(`%c ${banner}`, "background: yellow;");
-        if (!import_constants.isServer) {
-          console.log("state", state);
-        }
-      }
-    }
-    const shouldAvoidClasses = !import_constants.isWeb || !!(props.animation && avoidClassesWhileAnimating) || !staticConfig.acceptsClassName;
-    const shouldForcePseudo = !!propsIn.forceStyle;
-    const noClassNames = shouldAvoidClasses || shouldForcePseudo;
-    const themeState = (0, import_useTheme.useThemeWithState)({
-      name: props.theme,
-      componentName,
-      reset: props.reset,
-      inverse: props.themeInverse,
-      // @ts-expect-error
-      disable: props["data-themeable"],
-      debug: props.debug,
-      shouldUpdate: () => !!stateRef.current.didAccessThemeVariableValue
-    });
-    elementType = Component || elementType;
-    const isStringElement = typeof elementType === "string";
-    const isExiting = (presence == null ? void 0 : presence[0]) === false;
-    const mediaState = (0, import_useMedia.useMedia)(
-      // @ts-ignore, we just pass a stable object so we can get it later with
-      // should match to the one used in `setMediaShouldUpdate` below
-      stateRef,
-      debugProp ? { props, staticConfig } : null
-    );
-    (0, import_createVariable.setDidGetVariableValue)(false);
-    const splitStyles = (0, import_getSplitStyles.useSplitStyles)(
-      props,
-      staticConfig,
-      themeState.theme,
-      {
-        ...state,
-        mediaState,
-        noClassNames,
-        dynamicStylesInline: noClassNames,
-        hasTextAncestor,
-        resolveVariablesAs: "auto",
-        isExiting
-      },
-      null,
-      languageContext || void 0,
-      elementType,
-      debugProp
-    );
-    const isMediaSpaced = Array.isArray(splitStyles.hasMedia);
-    const shouldListenForMedia = (0, import_createVariable.didGetVariableValue)() || isMediaSpaced || noClassNames && splitStyles.hasMedia === true;
-    (0, import_useMedia.setMediaShouldUpdate)(stateRef, {
-      enabled: shouldListenForMedia,
-      keys: noClassNames && isMediaSpaced ? splitStyles.hasMedia : null
-    });
-    const hostRef = (0, import_useServerHooks.useServerRef)(null);
-    const isAnimatedReactNativeWeb = isAnimated && avoidClassesWhileAnimating;
-    if (process.env.NODE_ENV === "development") {
-      if (!process.env.TAMAGUI_TARGET) {
-        console.error(
-          `No process.env.TAMAGUI_TARGET set, please set it to "native" or "web".`
-        );
-      }
-      if (debugProp) {
-        console.groupCollapsed("props");
-        console.log("props in", propsIn, "mapped to", props, "in order", Object.keys(props));
-        console.log("splitStyles", splitStyles);
-        console.log("shouldListenForMedia", shouldListenForMedia);
-        console.log("className", Object.values(splitStyles.classNames));
-        if (import_constants.isClient) {
-          console.log("ref", hostRef, "(click to view)");
-        }
-        console.groupEnd();
-        if (debugProp === "break") {
-          debugger;
-        }
-      }
-    }
-    const {
-      viewProps: viewPropsIn,
-      pseudos,
-      style: splitStylesStyle,
-      classNames,
-      space
-    } = splitStyles;
-    const propsWithAnimation = props;
-    let animationStyles;
-    if (!import_constants.isRSC && isAnimated && useAnimations && !staticConfig.isHOC) {
-      const animations = useAnimations({
-        props: propsWithAnimation,
-        style: splitStylesStyle,
-        presence,
-        state,
-        pseudos: pseudos || null,
-        onDidAnimate: props.onDidAnimate,
-        hostRef,
-        staticConfig
-      });
-      if (animations) {
-        animationStyles = animations.style;
-      }
-    }
-    const {
-      asChild,
-      children,
-      onPress,
-      onPressIn,
-      onPressOut,
-      onHoverIn,
-      onHoverOut,
-      themeShallow,
-      spaceDirection: _spaceDirection,
-      disabled: disabledProp,
-      onMouseUp,
-      onMouseDown,
-      onMouseEnter,
-      onMouseLeave,
-      separator,
-      // ignore from here on out
-      forceStyle: _forceStyle,
-      // @ts-ignore  for next/link compat etc
-      onClick,
-      theme: _themeProp,
-      // @ts-ignore
-      defaultVariants,
-      ...nonTamaguiProps
-    } = viewPropsIn;
-    const disabled = ((_e = props.accessibilityState) == null ? void 0 : _e.disabled) || props.accessibilityDisabled;
-    let viewProps = nonTamaguiProps;
-    if (process.env.TAMAGUI_TARGET === "web" && !isReactNative && !asChild) {
-      viewProps = (_g = (_f = import_setupHooks.hooks).usePropsTransform) == null ? void 0 : _g.call(_f, elementType, nonTamaguiProps, hostRef);
-    } else {
-      viewProps = nonTamaguiProps;
-    }
-    viewProps.ref = (0, import_compose_refs.useComposedRefs)(hostRef, forwardedRef);
-    if (process.env.NODE_ENV === "development") {
-      if (!isText && import_constants.isWeb && !staticConfig.isHOC) {
-        import_react.Children.toArray(props.children).forEach((item) => {
-          if (typeof item === "string" && item !== "\n") {
-            console.error(
-              `Unexpected text node: ${item}. A text node cannot be a child of a <View>.`
-            );
-          }
-        });
-      }
-    }
-    const unPress = (0, import_react.useCallback)(() => {
-      setStateShallow({
-        press: false,
-        pressIn: false
-      });
-    }, [setStateShallow]);
-    if (import_constants.isWeb) {
-      (0, import_react.useEffect)(() => {
-        return () => {
-          mouseUps.delete(unPress);
-        };
-      }, []);
-    }
-    const shouldSetMounted = needsMount && state.unmounted;
-    (0, import_react.useEffect)(() => {
-      if (!shouldSetMounted)
-        return;
-      if (state.unmounted === true && needsMount) {
-        setStateShallow({
-          unmounted: false
-        });
-        return;
-      }
-      setStateShallow({
-        unmounted: false
-      });
-    }, [shouldSetMounted, state.unmounted]);
-    let styles;
-    if (isStringElement && shouldAvoidClasses && !shouldForcePseudo) {
-      styles = {
-        ...animationStyles ?? splitStylesStyle
-      };
-    } else {
-      styles = [animationStyles ?? splitStylesStyle];
-      if (shouldForcePseudo) {
-        const next = {};
-        styles.forEach((style) => Object.assign(next, style));
-        Object.assign(splitStyles.style, next);
-      }
-    }
-    let fontFamily = isText ? splitStyles.fontFamily || staticConfig.defaultProps.fontFamily : null;
-    if (fontFamily && fontFamily[0] === "$") {
-      fontFamily = fontFamily.slice(1);
-    }
-    const fontFamilyClassName = fontFamily ? `font_${fontFamily}` : "";
-    const classList = [
-      hasEnterStyle && (state.unmounted && needsMount || !import_constants.isClient) ? "t_will-mount" : "",
-      componentName ? componentClassName : "",
-      fontFamilyClassName,
-      classNames ? Object.values(classNames).join(" ") : ""
-    ];
-    const className = classList.join(" ");
-    if (process.env.TAMAGUI_TARGET === "web") {
-      const style = animationStyles ?? splitStyles.style;
-      if (isAnimatedReactNativeWeb) {
-        viewProps.style = style;
-      } else if (isReactNative) {
-        const cnStyles = { $$css: true };
-        for (const name of className.split(" ")) {
-          cnStyles[name] = name;
-        }
-        viewProps.style = [...Array.isArray(style) ? style : [style], cnStyles];
-        if (process.env.NODE_ENV === "development") {
-          Object.keys(viewProps).forEach((key) => {
-            if (key.startsWith("data-")) {
-              viewProps.dataSet ?? (viewProps.dataSet = {});
-              viewProps.dataSet[key.replace("data-", "")] = viewProps[key];
-              delete viewProps[key];
-            }
-          });
-        }
-      } else {
-        viewProps.className = className;
-        viewProps.style = style;
-      }
-    }
-    if (process.env.TAMAGUI_TARGET === "native") {
-      if (splitStyles.fontFamily) {
-        const faceInfo = (_h = tamaguiConfig.fontsParsed[splitStyles.fontFamily]) == null ? void 0 : _h.face;
-        if (faceInfo) {
-          const [weight, style] = (() => {
-            var _a2, _b2;
-            let weight2;
-            let style2;
-            for (let i = styles.length; i >= 0; i--) {
-              weight2 ?? (weight2 = (_a2 = styles[i]) == null ? void 0 : _a2.fontWeight);
-              style2 ?? (style2 = (_b2 = styles[i]) == null ? void 0 : _b2.fontStyle);
-            }
-            return [weight2 || "400", style2 || "normal"];
-          })();
-          const overrideFace = (_j = (_i = faceInfo[weight]) == null ? void 0 : _i[style]) == null ? void 0 : _j.val;
-          if (overrideFace) {
-            for (const style2 of styles) {
-              if (style2 == null ? void 0 : style2.fontFamily) {
-                style2.fontFamily = overrideFace;
-                style2.fontWeight = void 0;
-                style2.fontStyle = void 0;
-              }
-            }
-          }
-        }
-      }
-      viewProps.style = styles;
-    }
-    const runtimePressStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.pressStyle);
-    const attachPress = Boolean(
-      runtimePressStyle || onPress || onPressOut || onPressIn || onClick
-    );
-    const runtimeHoverStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.hoverStyle);
-    const isHoverable = import_constants.isWeb && !!(runtimeHoverStyle || onHoverIn || onHoverOut || onMouseEnter || onMouseLeave);
-    const handlesPressEvents = !(import_constants.isWeb || asChild);
-    const shouldAttach = Boolean(
-      attachPress || isHoverable || noClassNames && "pressStyle" in props || import_constants.isWeb && noClassNames && "hoverStyle" in props
-    );
-    const events = shouldAttach && !import_constants.isRSC && !isDisabled && !asChild ? {
-      onPressOut: attachPress ? (e) => {
-        unPress();
-        onPressOut == null ? void 0 : onPressOut(e);
-        onMouseUp == null ? void 0 : onMouseUp(e);
-      } : void 0,
-      ...isHoverable && {
-        onMouseEnter: isHoverable ? (e) => {
-          const next = {};
-          if (isHoverable) {
-            next.hover = true;
-          }
-          if (state.pressIn) {
-            next.press = true;
-          }
-          if (isHoverable || state.pressIn) {
-            setStateShallow(next);
-          }
-          onHoverIn == null ? void 0 : onHoverIn(e);
-          onMouseEnter == null ? void 0 : onMouseEnter(e);
-        } : void 0,
-        onMouseLeave: isHoverable ? (e) => {
-          const next = {};
-          mouseUps.add(unPress);
-          if (isHoverable) {
-            next.hover = false;
-          }
-          if (state.pressIn) {
-            next.press = false;
-            next.pressIn = false;
-          }
-          if (Object.keys(next).length) {
-            setStateShallow(next);
-          }
-          onHoverOut == null ? void 0 : onHoverOut(e);
-          onMouseLeave == null ? void 0 : onMouseLeave(e);
-        } : void 0
-      },
-      onPressIn: attachPress ? (e) => {
-        setStateShallow({
-          press: true,
-          pressIn: true,
-          hover: false
-        });
-        onPressIn == null ? void 0 : onPressIn(e);
-        onMouseDown == null ? void 0 : onMouseDown(e);
-        if (import_constants.isWeb) {
-          mouseUps.add(unPress);
-        }
-      } : void 0,
-      onPress: attachPress ? (e) => {
-        unPress();
-        import_constants.isWeb && (onClick == null ? void 0 : onClick(e));
-        onPress == null ? void 0 : onPress(e);
-      } : void 0
-    } : null;
-    if (process.env.TAMAGUI_TARGET === "native") {
-      if (events) {
-        Object.assign(events, {
-          cancelable: !props.rejectResponderTermination,
-          disabled: isDisabled,
-          hitSlop: props.hitSlop,
-          delayLongPress: props.delayLongPress,
-          delayPressIn: props.delayPressIn,
-          delayPressOut: props.delayPressOut,
-          focusable: viewProps.focusable ?? true,
-          minPressDuration: 0
-        });
-      }
-    }
-    (_l = (_k = import_setupHooks.hooks).useEvents) == null ? void 0 : _l.call(_k, viewProps, events, splitStyles, setStateShallow);
-    const shouldReset = !!(themeShallow && themeState.isNewTheme);
-    if (shouldReset) {
-      stateRef.current.themeShallow = true;
-    }
-    let content = !children || asChild ? children : spacedChildren({
-      separator,
-      children,
-      space,
-      direction: props.spaceDirection || "both",
-      isZStack,
-      debug: debugProp
-    });
-    if (asChild) {
-      elementType = import_Slot.Slot;
-      viewProps = {
-        ...viewProps,
-        onPress,
-        onPressIn,
-        onPressOut
-      };
-    }
-    content = (0, import_react.createElement)(elementType, viewProps, content);
-    content = (0, import_Theme.useThemedChildren)(themeState, content, {
-      shallow: stateRef.current.themeShallow
-      // passPropsToChildren: true,
-    });
-    if (process.env.TAMAGUI_TARGET === "web") {
-      if (events || isAnimatedReactNativeWeb) {
-        content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "span",
-          {
-            className: `${isAnimatedReactNativeWeb ? className : ""}  _dsp_contents`,
-            ...events && {
-              onMouseEnter: events.onMouseEnter,
-              onMouseLeave: events.onMouseLeave,
-              onClick: events.onPress,
-              onMouseDown: events.onPressIn,
-              onMouseUp: events.onPressOut,
-              onTouchStart: events.onPressIn,
-              onTouchEnd: events.onPressOut
-            },
-            children: content
-          }
-        );
-      }
-    }
-    if (process.env.NODE_ENV === "development" && process.env.DEBUG !== "tamagui") {
-      if (debugProp) {
-        const element2 = typeof elementType === "string" ? elementType : "Component";
-        console.groupCollapsed(`render <${element2} /> with props`, viewProps);
-        for (const key in viewProps) {
-          console.log(key, viewProps[key]);
-        }
-        console.log("children", content);
-        console.groupEnd();
-        if (typeof window !== "undefined") {
-          console.log({ state, themeState, isAnimated, isAnimatedReactNativeWeb, tamaguiDefaultProps, viewProps, splitStyles, animationStyles, handlesPressEvents, isStringElement, classNamesIn: (_m = props.className) == null ? void 0 : _m.split(" "), classNamesOut: (_n = viewProps.className) == null ? void 0 : _n.split(" "), events, shouldAttach, styles, pseudos, content, shouldAvoidClasses, avoidClasses: avoidClassesWhileAnimating, animation: props.animation, style: splitStylesStyle, staticConfig, tamaguiConfig, shouldForcePseudo });
-        }
-        console.groupEnd();
-      }
-    }
-    return content;
-  });
-  if (staticConfig.componentName) {
-    component.displayName = staticConfig.componentName;
-  }
-  (0, import_config.onConfiguredOnce)((conf) => {
-    if (!tamaguiConfig) {
-      tamaguiConfig = conf;
-      if (!initialTheme) {
-        const next = conf.themes[Object.keys(conf.themes)[0]];
-        initialTheme = (0, import_proxyThemeVariables.proxyThemeVariables)(next);
-        if (process.env.NODE_ENV === "development") {
-          if (!initialTheme) {
-            console.log("Warning: Missing theme");
-          }
-        }
-      }
-    }
-    mergeShorthands(staticConfig, tamaguiConfig);
-    let defaultPropsIn = staticConfig.defaultProps || {};
-    const parentNames = [...staticConfig.parentNames || [], staticConfig.componentName];
-    if (tamaguiConfig.defaultProps && parentNames && staticConfig.componentName) {
-      defaultPropsIn = mergeConfigDefaultProps(
-        staticConfig.componentName,
-        defaultPropsIn,
-        tamaguiConfig.defaultProps,
-        parentNames,
-        tamaguiConfig
-      );
-    }
-    const debug = defaultPropsIn["debug"];
-    const [ourProps, ourClassNames] = (0, import_mergeProps.mergeProps)(defaultPropsIn, {});
-    if (ourProps.tag) {
-      defaultTag = ourProps.tag;
-    }
-    const noClassNames = !staticConfig.acceptsClassName;
-    const { name, variants, defaultVariants, ...restProps } = ourProps;
-    const [defaults, defaultsClassnames] = (0, import_mergeProps.mergeProps)(component.defaultProps, {
-      ...defaultVariants,
-      ...restProps
-    });
-    if (!import_constants.isWeb) {
-      for (const key in staticConfig.defaultProps) {
-        const val = staticConfig.defaultProps[key];
-        if (import_helpers.validPseudoKeys[key])
-          continue;
-        defaults[key] = val;
-      }
-    }
-    tamaguiDefaultProps = defaults;
-    if (process.env.NODE_ENV === "development" && debug) {
-      if (process.env.IS_STATIC !== "is_static") {
-        console.log(`\u{1F41B} [${staticConfig.componentName || "Component"}]`, {
-          staticConfig,
-          tamaguiDefaultProps,
-          defaults,
-          defaultPropsIn,
-          defaultPropsKeyOrder: Object.keys(staticConfig.defaultProps),
-          defaultPropsInKeyOrder: Object.keys(defaultPropsIn).map((k) => [
-            k,
-            defaultPropsIn[k]
-          ]),
-          ourProps,
-          ourClassNames,
-          defaultsClassnames,
-          defaultTag,
-          noClassNames
-        });
-      }
-    }
-  });
-  let res = component;
-  if (configIn.memo) {
-    res = (0, import_react.memo)(res);
-  }
-  res.staticConfig = {
-    validStyles: staticConfig.validStyles || import_helpers.stylePropsView,
-    ...staticConfig
-  };
-  res.extractable = (Component, conf) => {
-    Component.staticConfig = (0, import_extendStaticConfig.extendStaticConfig)(
-      {
-        Component,
-        ...conf,
-        neverFlatten: true,
-        isHOC: true,
-        defaultProps: {
-          ...Component.defaultProps,
-          ...conf == null ? void 0 : conf.defaultProps
-        }
-      },
-      res
-    );
-    return Component;
-  };
-  return res;
-}
-const Unspaced = (props) => props.children;
-Unspaced["isUnspaced"] = true;
-const Spacer = createComponent({
-  acceptsClassName: true,
-  memo: true,
-  componentName: "Spacer",
-  validStyles: import_helpers.validStyles,
-  defaultProps: {
-    ...import_constants2.stackDefaultStyles,
-    // avoid nesting issues
-    tag: "span",
-    size: true,
-    pointerEvents: "none"
-  },
-  variants: {
-    size: {
-      "...size": (size, { tokens }) => {
-        size = size === true ? "$true" : size;
-        const sizePx = tokens.space[size] ?? size;
-        return {
-          width: sizePx,
-          height: sizePx,
-          minWidth: sizePx,
-          minHeight: sizePx
-        };
-      }
-    },
-    flex: {
-      true: {
-        flexGrow: 1
-      }
-    },
-    direction: {
-      horizontal: {
-        height: 0,
-        minHeight: 0
-      },
-      vertical: {
-        width: 0,
-        minWidth: 0
-      },
-      both: {}
-    }
-  }
-});
-function spacedChildren(props) {
-  var _a, _b, _c;
-  const { isZStack, children, space, direction, spaceFlex, separator } = props;
-  const hasSpace = !!(space || spaceFlex);
-  const hasSeparator = !(separator === void 0 || separator === null);
-  if (!(hasSpace || hasSeparator || isZStack)) {
-    return children;
-  }
-  const childrenList = import_react.Children.toArray(children);
-  const len = childrenList.length;
-  if (len <= 1 && !isZStack && !((_b = (_a = childrenList[0]) == null ? void 0 : _a["type"]) == null ? void 0 : _b["shouldForwardSpace"])) {
-    return childrenList;
-  }
-  const final = [];
-  for (let [index, child] of childrenList.entries()) {
-    const isEmpty = child === null || child === void 0 || Array.isArray(child) && child.length === 0;
-    if (!isEmpty && import_react.default.isValidElement(child) && ((_c = child.type) == null ? void 0 : _c["shouldForwardSpace"])) {
-      child = import_react.default.cloneElement(child, {
-        space,
-        spaceFlex,
-        separator,
-        key: child.key
-      });
-    }
-    if (isEmpty || !child || child["key"] && !isZStack) {
-      final.push(child);
-    } else {
-      final.push(
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Fragment, { children: isZStack ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AbsoluteFill, { children: child }) : child }, index)
-      );
-    }
-    if (isUnspaced(child) && index === 0)
-      continue;
-    if (isZStack)
-      continue;
-    const next = childrenList[index + 1];
-    if (next && !isUnspaced(next)) {
-      if (separator) {
-        if (hasSpace) {
-          final.push(
-            createSpacer({
-              key: `_${index}_00tmgui`,
-              direction,
-              space,
-              spaceFlex
-            })
-          );
-        }
-        final.push(
-          import_react.default.isValidElement(separator) ? import_react.default.cloneElement(separator, { key: `sep_${index}` }) : separator
-        );
-        if (hasSpace) {
-          final.push(
-            createSpacer({
-              key: `_${index}01tmgui`,
-              direction,
-              space,
-              spaceFlex
-            })
-          );
-        }
-      } else {
-        final.push(
-          createSpacer({
-            key: `_${index}02tmgui`,
-            direction,
-            space,
-            spaceFlex
-          })
-        );
-      }
-    }
-  }
-  if (process.env.NODE_ENV === "development") {
-    if (props.debug) {
-      console.log(`  Spaced children`, final, props);
-    }
-  }
-  return final;
-}
-function createSpacer({ key, direction, space, spaceFlex }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    Spacer,
-    {
-      size: space,
-      direction,
-      ...typeof spaceFlex !== "undefined" && {
-        flex: spaceFlex === true ? 1 : spaceFlex === false ? 0 : spaceFlex
-      }
-    },
-    key
-  );
-}
-function isUnspaced(child) {
-  const t = child == null ? void 0 : child["type"];
-  return (t == null ? void 0 : t["isVisuallyHidden"]) || (t == null ? void 0 : t["isUnspaced"]);
-}
-const DefaultProps = /* @__PURE__ */ new Map();
-function mergeConfigDefaultProps(name, props, configDefaults, parentNames, conf) {
-  const len = parentNames.length;
-  let prev;
-  for (let i = 0; i < len; i++) {
-    const n = parentNames[i];
-    if (!n)
-      continue;
-    if (DefaultProps.has(n)) {
-      prev = DefaultProps.get(n);
-      continue;
-    }
-    const props2 = configDefaults[n];
-    if (!props2) {
-      if (prev) {
-        DefaultProps.set(n, prev);
-      }
-      continue;
-    }
-    prev = (0, import_mergeProps.mergeProps)(prev || {}, props2, false, conf.inverseShorthands)[0];
-    DefaultProps.set(n, prev);
-  }
-  const ourDefaultsMerged = DefaultProps.get(name);
-  if (ourDefaultsMerged) {
-    return (0, import_mergeProps.mergeProps)(props, ourDefaultsMerged, false, conf.inverseShorthands)[0];
-  }
-  return props;
-}
-const AbsoluteFill = createComponent({
-  defaultProps: {
-    ...import_constants2.stackDefaultStyles,
-    flexDirection: "column",
-    position: "absolute",
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    pointerEvents: "box-none"
-  }
-});
-function hasAnimatedStyleValue(style) {
-  return Object.keys(style).some((k) => {
-    const val = style[k];
-    return val && typeof val === "object" && "_animation" in val;
-  });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Spacer,
-  Unspaced,
-  createComponent,
-  defaultComponentState,
-  mouseUps,
-  spacedChildren
-});
+"use strict";var Wt=Object.create;var me=Object.defineProperty;var Ht=Object.getOwnPropertyDescriptor;var Kt=Object.getOwnPropertyNames;var Zt=Object.getPrototypeOf,zt=Object.prototype.hasOwnProperty;var qt=(n,o)=>{for(var e in o)me(n,e,{get:o[e],enumerable:!0})},ut=(n,o,e,y)=>{if(o&&typeof o=="object"||typeof o=="function")for(let h of Kt(o))!zt.call(n,h)&&h!==e&&me(n,h,{get:()=>o[h],enumerable:!(y=Ht(o,h))||y.enumerable});return n};var Jt=(n,o,e)=>(e=n!=null?Wt(Zt(n)):{},ut(o||!n||!n.__esModule?me(e,"default",{value:n,enumerable:!0}):e,n)),Qt=n=>ut(me({},"__esModule",{value:!0}),n);var ns={};qt(ns,{Spacer:()=>Rt,Unspaced:()=>Vt,createComponent:()=>ke,defaultComponentState:()=>_e,mouseUps:()=>B,spacedChildren:()=>Ot});module.exports=Qt(ns);var X=require("react/jsx-runtime"),St=require("@tamagui/compose-refs"),d=require("@tamagui/constants"),L=require("@tamagui/helpers"),r=Jt(require("react")),vt=require("./config.js"),Oe=require("./constants/constants.js"),bt=require("./contexts/FontLanguageContext.js"),Tt=require("./contexts/TextAncestorContext.js"),ye=require("./createVariable.js"),Y=require("./helpers/extendStaticConfig.js"),Pt=require("./helpers/getSplitStyles.js"),j=require("./helpers/mergeProps.js"),At=require("./helpers/proxyThemeVariables.js"),Ct=require("./helpers/useShallowSetState.js"),Nt=require("./hooks/useAnimationDriver.js"),he=require("./hooks/useMedia.js"),ge=require("./hooks/useServerHooks.js"),Et=require("./hooks/useTheme.js"),pe=require("./setupHooks.js"),xt=require("./views/Slot.js"),wt=require("./views/Theme.js");process.env.TAMAGUI_TARGET;const _e={hover:!1,press:!1,pressIn:!1,focus:!1,unmounted:!0},Xt={..._e,unmounted:!1};let U,ft,mt,Ve;const B=new Set;if(typeof document<"u"){const n=()=>{B.forEach(o=>o()),B.clear()};addEventListener("mouseup",n),addEventListener("touchend",n),addEventListener("touchcancel",n)}function Yt({defaultProps:n},{shorthands:o}){for(const e of Object.keys(n))n[o[e]||e]=n[e]}let pt,yt,ht=!1;function ke(n,o){const e=(()=>{const a=(0,Y.extendStaticConfig)(n,o);return"parsed"in a?a:(0,Y.parseStaticConfig)(a)})(),y=`is_${e.componentName}`;let h,C;const g=(0,r.forwardRef)((a,l)=>{var ze,qe,Je,Qe,Xe,Ye,et,tt,st,nt,ot,at,it,rt;if(process.env.TAMAGUI_TARGET==="native"&&!ht){ht=!0;const t=(qe=(ze=pe.hooks).getBaseViews)==null?void 0:qe.call(ze);t&&(pt=t.Text,yt=t.View)}process.env.NODE_ENV==="test"&&a["data-test-renders"]&&((Je=a["data-test-renders"]).current??(Je.current=0),a["data-test-renders"].current+=1);let s;h&&!a.asChild?s=(0,j.mergeProps)(h,a)[0]:s=a;const p=s.debug,{Component:m,isText:w,isZStack:I}=e,v=s.componentName||e.componentName,i=(0,r.useRef)(void 0);i.current??(i.current={});const u=(0,Nt.useAnimationDriver)(),_=u==null?void 0:u.useAnimations,P=(()=>{const t=!!(!e.isHOC&&_&&(s.animation||s.style&&ss(s.style)));return t&&!i.current.hasAnimated&&(i.current.hasAnimated=!0),t||i.current.hasAnimated})(),Se=s.asChild?"":s.componentName?`is_${s.componentName}`:y,N=!!(d.isWeb&&w&&(0,r.useContext)(Tt.TextAncestorContext)),ve=d.isRSC?null:(0,r.useContext)(bt.FontLanguageContext),De=s.disabled??((Qe=s.accessibilityState)==null?void 0:Qe.disabled),Me=d.isWeb&&(!m||typeof m=="string")&&(s.tag||C)||m,Ue=pt||Me||"span",Ge=yt||Me||(N?"span":"div");ft=u?u.Text:Ue,mt=u?u.View:Ge;let V=w?(P?ft:null)||Ue:(P?mt:null)||Ge;const be=u==null?void 0:u.isReactNative,Ie=!!s.enterStyle,ee=Boolean((d.isWeb?d.isClient:!0)&&(Ie||s.animation)),Te=(0,ge.useServerState)(ee?_e:Xt),A=a.forceStyle?{...Te[0],[a.forceStyle]:!0}:Te[0],_t=Te[1],k=(0,Ct.useShallowSetState)(_t,p,v),$e=u==null?void 0:u.usePresence,$=!d.isRSC&&P&&$e?$e():null;if(P&&$){const t=$[2];t&&(A.unmounted&&t.enterVariant&&(s[t.enterVariant]=!0),!t.isPresent&&t.exitVariant&&(s[t.exitVariant]=!0))}const Fe=P&&(u==null?void 0:u.isReactNative),Pe=Boolean(e.isReactNative||Fe);if(process.env.NODE_ENV==="development"){const t=(0,r.useId)();if(p){const f=`${v||(m==null?void 0:m.displayName)||(m==null?void 0:m.name)||"[Unnamed Component]"}`,E=Fe?"(animated)":Pe?"(rnw)":"",J=a["data-is"]||"",x=`${f}${J?` ${J}`:""} ${E} id ${t}`;console.group(`%c ${x}`,"background: yellow;"),d.isServer||console.log("state",A)}}const Ae=!d.isWeb||!!(s.animation&&be)||!e.acceptsClassName,te=!!a.forceStyle,D=Ae||te,se=(0,Et.useThemeWithState)({name:s.theme,componentName:v,reset:s.reset,inverse:s.themeInverse,disable:s["data-themeable"],debug:s.debug,shouldUpdate:()=>!!i.current.didAccessThemeVariableValue});V=m||V;const je=typeof V=="string",kt=($==null?void 0:$[0])===!1,Dt=(0,he.useMedia)(i,p?{props:s,staticConfig:e}:null);(0,ye.setDidGetVariableValue)(!1);const b=(0,Pt.useSplitStyles)(s,e,se.theme,{...A,mediaState:Dt,noClassNames:D,dynamicStylesInline:D,hasTextAncestor:N,resolveVariablesAs:"auto",isExiting:kt},null,ve||void 0,V,p),Be=Array.isArray(b.hasMedia),Le=(0,ye.didGetVariableValue)()||Be||D&&b.hasMedia===!0;(0,he.setMediaShouldUpdate)(i,{enabled:Le,keys:D&&Be?b.hasMedia:null});const ne=(0,ge.useServerRef)(null),oe=P&&be;if(process.env.NODE_ENV==="development"&&(process.env.TAMAGUI_TARGET||console.error('No process.env.TAMAGUI_TARGET set, please set it to "native" or "web".'),p&&(console.groupCollapsed("props"),console.log("props in",a,"mapped to",s,"in order",Object.keys(s)),console.log("splitStyles",b),console.log("shouldListenForMedia",Le),console.log("className",Object.values(b.classNames)),d.isClient&&console.log("ref",ne,"(click to view)"),console.groupEnd(),p==="break")))debugger;const{viewProps:Mt,pseudos:M,style:ae,classNames:We,space:Ut}=b,Gt=s;let W;if(!d.isRSC&&P&&_&&!e.isHOC){const t=_({props:Gt,style:ae,presence:$,state:A,pseudos:M||null,onDidAnimate:s.onDidAnimate,hostRef:ne,staticConfig:e});t&&(W=t.style)}const{asChild:H,children:Ce,onPress:K,onPressIn:Z,onPressOut:z,onHoverIn:ie,onHoverOut:re,themeShallow:It,spaceDirection:as,disabled:is,onMouseUp:Ne,onMouseDown:Ee,onMouseEnter:le,onMouseLeave:ce,separator:$t,forceStyle:rs,onClick:de,theme:ls,defaultVariants:cs,...xe}=Mt,He=((Xe=s.accessibilityState)==null?void 0:Xe.disabled)||s.accessibilityDisabled;let c=xe;process.env.TAMAGUI_TARGET==="web"&&!Pe&&!H?c=(et=(Ye=pe.hooks).usePropsTransform)==null?void 0:et.call(Ye,V,xe,ne):c=xe,c.ref=(0,St.useComposedRefs)(ne,l),process.env.NODE_ENV==="development"&&!w&&d.isWeb&&!e.isHOC&&r.Children.toArray(s.children).forEach(t=>{typeof t=="string"&&t!==`
+`&&console.error(`Unexpected text node: ${t}. A text node cannot be a child of a <View>.`)});const q=(0,r.useCallback)(()=>{k({press:!1,pressIn:!1})},[k]);d.isWeb&&(0,r.useEffect)(()=>()=>{B.delete(q)},[]);const Ke=ee&&A.unmounted;(0,r.useEffect)(()=>{if(Ke){if(A.unmounted===!0&&ee){k({unmounted:!1});return}k({unmounted:!1})}},[Ke,A.unmounted]);let R;if(je&&Ae&&!te)R={...W??ae};else if(R=[W??ae],te){const t={};R.forEach(f=>Object.assign(t,f)),Object.assign(b.style,t)}let F=w?b.fontFamily||e.defaultProps.fontFamily:null;F&&F[0]==="$"&&(F=F.slice(1));const Ft=F?`font_${F}`:"",we=[Ie&&(A.unmounted&&ee||!d.isClient)?"t_will-mount":"",v?Se:"",Ft,We?Object.values(We).join(" "):""].join(" ");if(process.env.TAMAGUI_TARGET==="web"){const t=W??b.style;if(oe)c.style=t;else if(Pe){const f={$$css:!0};for(const E of we.split(" "))f[E]=E;c.style=[...Array.isArray(t)?t:[t],f],process.env.NODE_ENV==="development"&&Object.keys(c).forEach(E=>{E.startsWith("data-")&&(c.dataSet??(c.dataSet={}),c.dataSet[E.replace("data-","")]=c[E],delete c[E])})}else c.className=we,c.style=t}if(process.env.TAMAGUI_TARGET==="native"){if(b.fontFamily){const t=(tt=U.fontsParsed[b.fontFamily])==null?void 0:tt.face;if(t){const[f,E]=(()=>{var ct,dt;let x,lt;for(let fe=R.length;fe>=0;fe--)x??(x=(ct=R[fe])==null?void 0:ct.fontWeight),lt??(lt=(dt=R[fe])==null?void 0:dt.fontStyle);return[x||"400",lt||"normal"]})(),J=(nt=(st=t[f])==null?void 0:st[E])==null?void 0:nt.val;if(J)for(const x of R)x!=null&&x.fontFamily&&(x.fontFamily=J,x.fontWeight=void 0,x.fontStyle=void 0)}}c.style=R}const jt=!He&&D&&(M==null?void 0:M.pressStyle),ue=Boolean(jt||K||z||Z||de),Bt=!He&&D&&(M==null?void 0:M.hoverStyle),G=d.isWeb&&!!(Bt||ie||re||le||ce),Lt=!(d.isWeb||H),Ze=Boolean(ue||G||D&&"pressStyle"in s||d.isWeb&&D&&"hoverStyle"in s),T=Ze&&!d.isRSC&&!De&&!H?{onPressOut:ue?t=>{q(),z==null||z(t),Ne==null||Ne(t)}:void 0,...G&&{onMouseEnter:G?t=>{const f={};G&&(f.hover=!0),A.pressIn&&(f.press=!0),(G||A.pressIn)&&k(f),ie==null||ie(t),le==null||le(t)}:void 0,onMouseLeave:G?t=>{const f={};B.add(q),G&&(f.hover=!1),A.pressIn&&(f.press=!1,f.pressIn=!1),Object.keys(f).length&&k(f),re==null||re(t),ce==null||ce(t)}:void 0},onPressIn:ue?t=>{k({press:!0,pressIn:!0,hover:!1}),Z==null||Z(t),Ee==null||Ee(t),d.isWeb&&B.add(q)}:void 0,onPress:ue?t=>{q(),d.isWeb&&(de==null||de(t)),K==null||K(t)}:void 0}:null;process.env.TAMAGUI_TARGET==="native"&&T&&Object.assign(T,{cancelable:!s.rejectResponderTermination,disabled:De,hitSlop:s.hitSlop,delayLongPress:s.delayLongPress,delayPressIn:s.delayPressIn,delayPressOut:s.delayPressOut,focusable:c.focusable??!0,minPressDuration:0}),(at=(ot=pe.hooks).useEvents)==null||at.call(ot,c,T,b,k),!!(It&&se.isNewTheme)&&(i.current.themeShallow=!0);let O=!Ce||H?Ce:Ot({separator:$t,children:Ce,space:Ut,direction:s.spaceDirection||"both",isZStack:I,debug:p});if(H&&(V=xt.Slot,c={...c,onPress:K,onPressIn:Z,onPressOut:z}),O=(0,r.createElement)(V,c,O),O=(0,wt.useThemedChildren)(se,O,{shallow:i.current.themeShallow}),process.env.TAMAGUI_TARGET==="web"&&(T||oe)&&(O=(0,X.jsx)("span",{className:`${oe?we:""}  _dsp_contents`,...T&&{onMouseEnter:T.onMouseEnter,onMouseLeave:T.onMouseLeave,onClick:T.onPress,onMouseDown:T.onPressIn,onMouseUp:T.onPressOut,onTouchStart:T.onPressIn,onTouchEnd:T.onPressOut},children:O})),process.env.NODE_ENV==="development"&&process.env.DEBUG!=="tamagui"&&p){console.groupCollapsed(`render <${typeof V=="string"?V:"Component"} /> with props`,c);for(const f in c)console.log(f,c[f]);console.log("children",O),console.groupEnd(),typeof window<"u"&&console.log({state:A,themeState:se,isAnimated:P,isAnimatedReactNativeWeb:oe,tamaguiDefaultProps:h,viewProps:c,splitStyles:b,animationStyles:W,handlesPressEvents:Lt,isStringElement:je,classNamesIn:(it=s.className)==null?void 0:it.split(" "),classNamesOut:(rt=c.className)==null?void 0:rt.split(" "),events:T,shouldAttach:Ze,styles:R,pseudos:M,content:O,shouldAvoidClasses:Ae,avoidClasses:be,animation:s.animation,style:ae,staticConfig:e,tamaguiConfig:U,shouldForcePseudo:te}),console.groupEnd()}return O});e.componentName&&(g.displayName=e.componentName),(0,vt.onConfiguredOnce)(a=>{if(!U&&(U=a,!Ve)){const N=a.themes[Object.keys(a.themes)[0]];Ve=(0,At.proxyThemeVariables)(N),process.env.NODE_ENV==="development"&&(Ve||console.log("Warning: Missing theme"))}Yt(e,U);let l=e.defaultProps||{};const s=[...e.parentNames||[],e.componentName];U.defaultProps&&s&&e.componentName&&(l=es(e.componentName,l,U.defaultProps,s,U));const p=l.debug,[m,w]=(0,j.mergeProps)(l,{});m.tag&&(C=m.tag);const I=!e.acceptsClassName,{name:v,variants:i,defaultVariants:u,..._}=m,[P,Se]=(0,j.mergeProps)(g.defaultProps,{...u,..._});if(!d.isWeb)for(const N in e.defaultProps){const ve=e.defaultProps[N];L.validPseudoKeys[N]||(P[N]=ve)}h=P,process.env.NODE_ENV==="development"&&p&&process.env.IS_STATIC!=="is_static"&&console.log(`\u{1F41B} [${e.componentName||"Component"}]`,{staticConfig:e,tamaguiDefaultProps:h,defaults:P,defaultPropsIn:l,defaultPropsKeyOrder:Object.keys(e.defaultProps),defaultPropsInKeyOrder:Object.keys(l).map(N=>[N,l[N]]),ourProps:m,ourClassNames:w,defaultsClassnames:Se,defaultTag:C,noClassNames:I})});let S=g;return n.memo&&(S=(0,r.memo)(S)),S.staticConfig={validStyles:e.validStyles||L.stylePropsView,...e},S.extractable=(a,l)=>(a.staticConfig=(0,Y.extendStaticConfig)({Component:a,...l,neverFlatten:!0,isHOC:!0,defaultProps:{...a.defaultProps,...l==null?void 0:l.defaultProps}},S),a),S}const Vt=n=>n.children;Vt.isUnspaced=!0;const Rt=ke({acceptsClassName:!0,memo:!0,componentName:"Spacer",validStyles:L.validStyles,defaultProps:{...Oe.stackDefaultStyles,tag:"span",size:!0,pointerEvents:"none"},variants:{size:{"...size":(n,{tokens:o})=>{n=n===!0?"$true":n;const e=o.space[n]??n;return{width:e,height:e,minWidth:e,minHeight:e}}},flex:{true:{flexGrow:1}},direction:{horizontal:{height:0,minHeight:0},vertical:{width:0,minWidth:0},both:{}}}});function Ot(n){var m,w,I;const{isZStack:o,children:e,space:y,direction:h,spaceFlex:C,separator:g}=n,S=!!(y||C),a=g!=null;if(!(S||a||o))return e;const l=r.Children.toArray(e);if(l.length<=1&&!o&&!((w=(m=l[0])==null?void 0:m.type)!=null&&w.shouldForwardSpace))return l;const p=[];for(let[v,i]of l.entries()){const u=i==null||Array.isArray(i)&&i.length===0;if(!u&&r.default.isValidElement(i)&&((I=i.type)!=null&&I.shouldForwardSpace)&&(i=r.default.cloneElement(i,{space:y,spaceFlex:C,separator:g,key:i.key})),u||!i||i.key&&!o?p.push(i):p.push((0,X.jsx)(r.Fragment,{children:o?(0,X.jsx)(ts,{children:i}):i},v)),gt(i)&&v===0||o)continue;const _=l[v+1];_&&!gt(_)&&(g?(S&&p.push(Re({key:`_${v}_00tmgui`,direction:h,space:y,spaceFlex:C})),p.push(r.default.isValidElement(g)?r.default.cloneElement(g,{key:`sep_${v}`}):g),S&&p.push(Re({key:`_${v}01tmgui`,direction:h,space:y,spaceFlex:C}))):p.push(Re({key:`_${v}02tmgui`,direction:h,space:y,spaceFlex:C})))}return process.env.NODE_ENV==="development"&&n.debug&&console.log("  Spaced children",p,n),p}function Re({key:n,direction:o,space:e,spaceFlex:y}){return(0,X.jsx)(Rt,{size:e,direction:o,...typeof y<"u"&&{flex:y===!0?1:y===!1?0:y}},n)}function gt(n){const o=n==null?void 0:n.type;return(o==null?void 0:o.isVisuallyHidden)||(o==null?void 0:o.isUnspaced)}const Q=new Map;function es(n,o,e,y,h){const C=y.length;let g;for(let a=0;a<C;a++){const l=y[a];if(!l)continue;if(Q.has(l)){g=Q.get(l);continue}const s=e[l];if(!s){g&&Q.set(l,g);continue}g=(0,j.mergeProps)(g||{},s,!1,h.inverseShorthands)[0],Q.set(l,g)}const S=Q.get(n);return S?(0,j.mergeProps)(o,S,!1,h.inverseShorthands)[0]:o}const ts=ke({defaultProps:{...Oe.stackDefaultStyles,flexDirection:"column",position:"absolute",top:0,right:0,bottom:0,left:0,pointerEvents:"box-none"}});function ss(n){return Object.keys(n).some(o=>{const e=n[o];return e&&typeof e=="object"&&"_animation"in e})}0&&(module.exports={Spacer,Unspaced,createComponent,defaultComponentState,mouseUps,spacedChildren});
 //# sourceMappingURL=createComponent.js.map