@tamagui/web 1.14.0 → 1.14.2

package/dist/esm/createComponent.js

@@ -1,3 +1,870 @@
-import{Fragment as Sn,jsx as L,jsxs as vn}from"react/jsx-runtime";import{useComposedRefs as Mt}from"@tamagui/compose-refs";import{isClient as Ne,isRSC as me,isServer as Dt,isWeb as N}from"@tamagui/constants";import{stylePropsView as kt,validPseudoKeys as It,validStyles as Ut}from"@tamagui/helpers";import fe,{Children as lt,Fragment as Gt,createElement as $t,forwardRef as Ft,memo as jt,useCallback as Bt,useContext as ct,useEffect as Ce,useId as Lt,useRef as Wt,useState as Ht}from"react";import{onConfiguredOnce as zt}from"./config.js";import{stackDefaultStyles as dt}from"./constants/constants.js";import{FontLanguageContext as Kt}from"./contexts/FontLanguageContext.js";import{TextAncestorContext as Zt}from"./contexts/TextAncestorContext.js";import{didGetVariableValue as Jt,setDidGetVariableValue as qt}from"./createVariable.js";import{extendStaticConfig as ut,parseStaticConfig as Qt}from"./helpers/extendStaticConfig.js";import{useSplitStyles as Xt}from"./helpers/getSplitStyles.js";import{mergeProps as q}from"./helpers/mergeProps.js";import{proxyThemeVariables as Yt}from"./helpers/proxyThemeVariables.js";import{useShallowSetState as en}from"./helpers/useShallowSetState.js";import{useAnimationDriver as tn}from"./hooks/useAnimationDriver.js";import{setMediaShouldUpdate as nn,useMedia as sn}from"./hooks/useMedia.js";import{useServerRef as on,useServerState as an}from"./hooks/useServerHooks.js";import{useThemeWithState as rn}from"./hooks/useTheme.js";import{hooks as Ae}from"./setupHooks.js";import{Slot as ln}from"./views/Slot.js";import{useThemedChildren as cn}from"./views/Theme.js";process.env.TAMAGUI_TARGET;const mt={hover:!1,press:!1,pressIn:!1,focus:!1,unmounted:!0},dn={...mt,unmounted:!1};let I,ft,pt,Ee;const Q=new Set;if(typeof document<"u"){const s=()=>{Q.forEach(a=>a()),Q.clear()};addEventListener("mouseup",s),addEventListener("touchend",s),addEventListener("touchcancel",s)}function un({defaultProps:s},{shorthands:a}){for(const n of Object.keys(s))s[a[n]||n]=s[n]}let ht,yt,gt=!1;function St(s,a){const n=(()=>{const o=ut(s,a);return"parsed"in o?o:Qt(o)})(),p=`is_${n.componentName}`;let b,C;const f=Ft((o,i)=>{var Be,Le,We,He,ze,Ke,Ze,Je,qe,Qe,Xe,Ye,et,tt,nt,st,ot,at;if(process.env.TAMAGUI_TARGET==="native"&&!gt){gt=!0;const e=(Le=(Be=Ae).getBaseViews)==null?void 0:Le.call(Be);e&&(ht=e.Text,yt=e.View)}process.env.NODE_ENV==="test"&&o["data-test-renders"]&&(o["data-test-renders"].current??=0,o["data-test-renders"].current+=1);let t;b&&!o.asChild?t=q(b,o)[0]:t=o;const m=t.debug,{Component:u,isText:O,isZStack:F}=n,g=t.componentName||n.componentName,r=Wt(void 0);r.current||={};const w=on(null),d=tn(),U=d==null?void 0:d.useAnimations,x=(()=>{const e=!!(!n.isHOC&&U&&(t.animation||t.style&&gn(t.style)));return e&&!r.current.hasAnimated&&(r.current.hasAnimated=!0),e||r.current.hasAnimated})(),V=t.asChild?"":t.componentName?`is_${t.componentName}`:p,Y=!!(N&&O&&ct(Zt)),bt=me?null:ct(Kt),xe=t.disabled??((We=t.accessibilityState)==null?void 0:We.disabled),Ve=N&&(!u||typeof u=="string")&&(t.tag||C)||u,Oe=ht||Ve||"span",Re=yt||Ve||(Y?"span":"div");ft=d?d.Text:Oe,pt=d?d.View:Re;let R=O?(x?ft:null)||Oe:(x?pt:null)||Re;const pe=d==null?void 0:d.isReactNative,_e=!!t.enterStyle,ee=Boolean((N?Ne:!0)&&(_e||t.animation)),he=an(ee?mt:dn),T=o.forceStyle?{...he[0],[o.forceStyle]:!0}:he[0],Tt=he[1],M=en(Tt,m,g),Me=d==null?void 0:d.usePresence,j=!me&&x&&Me?Me():null;if(x&&j){const e=j[2];e&&(T.unmounted&&e.enterVariant&&(t[e.enterVariant]=!0),!e.isPresent&&e.exitVariant&&(t[e.exitVariant]=!0))}const De=x&&(d==null?void 0:d.isReactNative),ye=Boolean(n.isReactNative||De);if(process.env.NODE_ENV==="development"){const e=Lt();if(m){const c=`${g||(u==null?void 0:u.displayName)||(u==null?void 0:u.name)||"[Unnamed Component]"}`,h=De?"(animated)":ye?"(rnw)":"",$=o["data-is"]||"",P=`${c}${$?` ${$}`:""} ${h} id ${e}`;console.group(`%c ${P}`,"background: yellow;"),Dt||console.log("state",T)}}const ge=!N||!!(t.animation&&pe)||!n.acceptsClassName,te=!!o.forceStyle,D=ge||te,A=rn({name:t.theme,componentName:g,reset:t.reset,inverse:t.themeInverse,disable:t["data-themeable"],debug:process.env.NODE_ENV==="development"&&t.debug?{hostRef:w}:void 0,shouldUpdate:()=>!!r.current.didAccessThemeVariableValue});R=u||R;const ke=typeof R=="string",Pt=(j==null?void 0:j[0])===!1,Nt=sn(r,m?{props:t,staticConfig:n}:null);qt(!1);const S=Xt(t,n,A.theme,{...T,mediaState:Nt,noClassNames:D,dynamicStylesInline:D,hasTextAncestor:Y,resolveVariablesAs:"auto",isExiting:Pt},null,bt||void 0,R,m),Ie=Array.isArray(S.hasMedia),Ue=Jt()||Ie||D&&S.hasMedia===!0;nn(r,{enabled:Ue,keys:D&&Ie?S.hasMedia:null});const ne=x&&pe;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".'),m&&(console.groupCollapsed("props"),console.log("props in",o,"mapped to",t,"in order",Object.keys(t)),console.log("splitStyles",S),console.log("shouldListenForMedia",Ue),console.log("className",Object.values(S.classNames)),Ne&&console.log("ref",w,"(click to view)"),console.groupEnd(),m==="break")))debugger;const{viewProps:Ct,pseudos:k,style:se,classNames:Ge,space:At}=S,Et=t;let W;if(!me&&x&&U&&!n.isHOC){const e=U({props:Et,style:se,presence:j,state:T,pseudos:k||null,onDidAnimate:t.onDidAnimate,hostRef:w,staticConfig:n});e&&(W=e.style)}const{asChild:H,children:Se,onPress:z,onPressIn:K,onPressOut:Z,onHoverIn:oe,onHoverOut:ae,themeShallow:wt,spaceDirection:Tn,disabled:Pn,onMouseUp:ve,onMouseDown:be,onMouseEnter:ie,onMouseLeave:re,separator:xt,forceStyle:Nn,onClick:le,theme:Cn,defaultVariants:An,...Te}=Ct,$e=((He=t.accessibilityState)==null?void 0:He.disabled)||t.accessibilityDisabled;let l=Te;process.env.TAMAGUI_TARGET==="web"&&!ye&&!H?l=(Ke=(ze=Ae).usePropsTransform)==null?void 0:Ke.call(ze,R,Te,w):l=Te,l.ref=Mt(w,i),process.env.NODE_ENV==="development"&&!O&&N&&!n.isHOC&&lt.toArray(t.children).forEach(e=>{typeof e=="string"&&e!==`
-`&&console.error(`Unexpected text node: ${e}. A text node cannot be a child of a <View>.`)});const J=Bt(()=>{M({press:!1,pressIn:!1})},[M]);N&&Ce(()=>()=>{Q.delete(J)},[]);const Fe=ee&&T.unmounted;Ce(()=>{if(Fe){if(T.unmounted===!0&&ee){M({unmounted:!1});return}M({unmounted:!1})}},[Fe,T.unmounted]);let _;if(ke&&ge&&!te)_={...W??se};else if(_=[W??se],te){const e={};_.forEach(c=>Object.assign(e,c)),Object.assign(S.style,e)}let B=O?S.fontFamily||n.defaultProps.fontFamily:null;B&&B[0]==="$"&&(B=B.slice(1));const Vt=B?`font_${B}`:"",Pe=[_e&&(T.unmounted&&ee||!Ne)?"t_will-mount":"",g?V:"",Vt,Ge?Object.values(Ge).join(" "):""].join(" ");if(process.env.TAMAGUI_TARGET==="web"){const e=W??S.style;if(ne)l.style=e;else if(ye){const c={$$css:!0};for(const h of Pe.split(" "))c[h]=h;l.style=[...Array.isArray(e)?e:[e],c],process.env.NODE_ENV==="development"&&Object.keys(l).forEach(h=>{h.startsWith("data-")&&(l.dataSet??={},l.dataSet[h.replace("data-","")]=l[h],delete l[h])})}else l.className=Pe,l.style=e}if(process.env.TAMAGUI_TARGET==="native"){if(S.fontFamily){const e=(Ze=I.fontsParsed[S.fontFamily])==null?void 0:Ze.face;if(e){const[c,h]=(()=>{var it,rt;let P,de;for(let ue=_.length;ue>=0;ue--)P??=(it=_[ue])==null?void 0:it.fontWeight,de??=(rt=_[ue])==null?void 0:rt.fontStyle;return[P||"400",de||"normal"]})(),$=(qe=(Je=e[c])==null?void 0:Je[h])==null?void 0:qe.val;if($)for(const P of _)P!=null&&P.fontFamily&&(P.fontFamily=$,P.fontWeight=void 0,P.fontStyle=void 0)}}l.style=_}const Ot=!$e&&D&&(k==null?void 0:k.pressStyle),ce=Boolean(Ot||z||Z||K||le),Rt=!$e&&D&&(k==null?void 0:k.hoverStyle),G=N&&!!(Rt||oe||ae||ie||re),_t=!(N||H),je=Boolean(ce||G||D&&"pressStyle"in t||N&&D&&"hoverStyle"in t),v=je&&!me&&!xe&&!H?{onPressOut:ce?e=>{J(),Z==null||Z(e),ve==null||ve(e)}:void 0,...G&&{onMouseEnter:G?e=>{const c={};G&&(c.hover=!0),T.pressIn&&(c.press=!0),(G||T.pressIn)&&M(c),oe==null||oe(e),ie==null||ie(e)}:void 0,onMouseLeave:G?e=>{const c={};Q.add(J),G&&(c.hover=!1),T.pressIn&&(c.press=!1,c.pressIn=!1),Object.keys(c).length&&M(c),ae==null||ae(e),re==null||re(e)}:void 0},onPressIn:ce?e=>{M({press:!0,pressIn:!0,hover:!1}),K==null||K(e),be==null||be(e),N&&Q.add(J)}:void 0,onPress:ce?e=>{J(),N&&(le==null||le(e)),z==null||z(e)}:void 0}:null;process.env.TAMAGUI_TARGET==="native"&&v&&Object.assign(v,{cancelable:!t.rejectResponderTermination,disabled:xe,hitSlop:t.hitSlop,delayLongPress:t.delayLongPress,delayPressIn:t.delayPressIn,delayPressOut:t.delayPressOut,focusable:l.focusable??!0,minPressDuration:0}),(Xe=(Qe=Ae).useEvents)==null||Xe.call(Qe,l,v,S,M),!!(wt&&A.isNewTheme)&&(r.current.themeShallow=!0);let E=!Se||H?Se:pn({separator:xt,children:Se,space:At,direction:t.spaceDirection||"both",isZStack:F,debug:m});if(H&&(R=ln,l={...l,onPress:z,onPressIn:K,onPressOut:Z}),E=$t(R,l,E),E=cn(A,E,{shallow:r.current.themeShallow}),process.env.NODE_ENV==="development"&&t.debug==="visualize"){const[e,c]=Ht(0);Ce(()=>{var h;(h=A.themeManager)==null||h.onChangeTheme(($,P)=>{c(de=>++de),console.warn("\u{1F5A4}",$)})},[A.themeManager]),E=vn(Sn,{children:[E,L("code",{children:L("pre",{children:JSON.stringify({name:(Ye=A.themeManager)==null?void 0:Ye.state.name,parent:(et=A.themeManager)==null?void 0:et.state.parentName,id:(tt=A.themeManager)==null?void 0:tt.id,parentId:(st=(nt=A.themeManager)==null?void 0:nt.parentManager)==null?void 0:st.id,isNew:A.isNewTheme,onChangeCount:e})})})]})}if(process.env.TAMAGUI_TARGET==="web"&&(v||ne)&&(E=L("span",{className:`${ne?Pe:""}  _dsp_contents`,...v&&{onMouseEnter:v.onMouseEnter,onMouseLeave:v.onMouseLeave,onClick:v.onPress,onMouseDown:v.onPressIn,onMouseUp:v.onPressOut,onTouchStart:v.onPressIn,onTouchEnd:v.onPressOut},children:E})),process.env.NODE_ENV==="development"&&process.env.DEBUG!=="tamagui"&&m){console.groupCollapsed(`render <${typeof R=="string"?R:"Component"} /> with props`,l);for(const c in l)console.log(c,l[c]);console.log("children",E),console.groupEnd(),typeof window<"u"&&console.log({state:T,themeState:A,isAnimated:x,isAnimatedReactNativeWeb:ne,tamaguiDefaultProps:b,viewProps:l,splitStyles:S,animationStyles:W,handlesPressEvents:_t,isStringElement:ke,classNamesIn:(ot=t.className)==null?void 0:ot.split(" "),classNamesOut:(at=l.className)==null?void 0:at.split(" "),events:v,shouldAttach:je,styles:_,pseudos:k,content:E,shouldAvoidClasses:ge,avoidClasses:pe,animation:t.animation,style:se,staticConfig:n,tamaguiConfig:I,shouldForcePseudo:te}),console.groupEnd()}return E});n.componentName&&(f.displayName=n.componentName),zt(o=>{if(!I&&(I=o,!Ee)){const V=o.themes[Object.keys(o.themes)[0]];Ee=Yt(V),process.env.NODE_ENV==="development"&&(Ee||console.log("Warning: Missing theme"))}un(n,I);let i=n.defaultProps||{};const t=[...n.parentNames||[],n.componentName];I.defaultProps&&t&&n.componentName&&(i=hn(n.componentName,i,I.defaultProps,t,I));const m=i.debug,[u,O]=q(i,{});u.tag&&(C=u.tag);const F=!n.acceptsClassName,{name:g,variants:r,defaultVariants:w,...d}=u,[U,x]=q(f.defaultProps,{...w,...d});if(!N)for(const V in n.defaultProps){const Y=n.defaultProps[V];It[V]||(U[V]=Y)}b=U,process.env.NODE_ENV==="development"&&m&&process.env.IS_STATIC!=="is_static"&&console.log(`\u{1F41B} [${n.componentName||"Component"}]`,{staticConfig:n,tamaguiDefaultProps:b,defaults:U,defaultPropsIn:i,defaultPropsKeyOrder:Object.keys(n.defaultProps),defaultPropsInKeyOrder:Object.keys(i).map(V=>[V,i[V]]),ourProps:u,ourClassNames:O,defaultsClassnames:x,defaultTag:C,noClassNames:F})});let y=f;return s.memo&&(y=jt(y)),y.staticConfig={validStyles:n.validStyles||kt,...n},y.extractable=(o,i)=>(o.staticConfig=ut({Component:o,...i,neverFlatten:!0,isHOC:!0,defaultProps:{...o.defaultProps,...i==null?void 0:i.defaultProps}},y),o),y}const mn=s=>s.children;mn.isUnspaced=!0;const fn=St({acceptsClassName:!0,memo:!0,componentName:"Spacer",validStyles:Ut,defaultProps:{...dt,tag:"span",size:!0,pointerEvents:"none"},variants:{size:{"...size":(s,{tokens:a})=>{s=s===!0?"$true":s;const n=a.space[s]??s;return{width:n,height:n,minWidth:n,minHeight:n}}},flex:{true:{flexGrow:1}},direction:{horizontal:{height:0,minHeight:0},vertical:{width:0,minWidth:0},both:{}}}});function pn(s){var u,O,F;const{isZStack:a,children:n,space:p,direction:b,spaceFlex:C,separator:f}=s,y=!!(p||C),o=f!=null;if(!(y||o||a))return n;const i=lt.toArray(n);if(i.length<=1&&!a&&!((O=(u=i[0])==null?void 0:u.type)!=null&&O.shouldForwardSpace))return i;const m=[];for(let[g,r]of i.entries()){const w=r==null||Array.isArray(r)&&r.length===0;if(!w&&fe.isValidElement(r)&&((F=r.type)!=null&&F.shouldForwardSpace)&&(r=fe.cloneElement(r,{space:p,spaceFlex:C,separator:f,key:r.key})),w||!r||r.key&&!a?m.push(r):m.push(L(Gt,{children:a?L(yn,{children:r}):r},g)),vt(r)&&g===0||a)continue;const d=i[g+1];d&&!vt(d)&&(f?(y&&m.push(we({key:`_${g}_00tmgui`,direction:b,space:p,spaceFlex:C})),m.push(fe.isValidElement(f)?fe.cloneElement(f,{key:`sep_${g}`}):f),y&&m.push(we({key:`_${g}01tmgui`,direction:b,space:p,spaceFlex:C}))):m.push(we({key:`_${g}02tmgui`,direction:b,space:p,spaceFlex:C})))}return process.env.NODE_ENV==="development"&&s.debug&&console.log("  Spaced children",m,s),m}function we({key:s,direction:a,space:n,spaceFlex:p}){return L(fn,{size:n,direction:a,...typeof p<"u"&&{flex:p===!0?1:p===!1?0:p}},s)}function vt(s){const a=s==null?void 0:s.type;return(a==null?void 0:a.isVisuallyHidden)||(a==null?void 0:a.isUnspaced)}const X=new Map;function hn(s,a,n,p,b){const C=p.length;let f;for(let o=0;o<C;o++){const i=p[o];if(!i)continue;if(X.has(i)){f=X.get(i);continue}const t=n[i];if(!t){f&&X.set(i,f);continue}f=q(f||{},t,!1,b.inverseShorthands)[0],X.set(i,f)}const y=X.get(s);return y?q(a,y,!1,b.inverseShorthands)[0]:a}const yn=St({defaultProps:{...dt,flexDirection:"column",position:"absolute",top:0,right:0,bottom:0,left:0,pointerEvents:"box-none"}});function gn(s){return Object.keys(s).some(a=>{const n=s[a];return n&&typeof n=="object"&&"_animation"in n})}export{fn as Spacer,mn as Unspaced,St as createComponent,mt as defaultComponentState,Q as mouseUps,pn as spacedChildren};
+import { jsx } from "react/jsx-runtime";
+import { useComposedRefs } from "@tamagui/compose-refs";
+import { isClient, isRSC, isServer, isWeb } from "@tamagui/constants";
+import { stylePropsView, validPseudoKeys, validStyles } from "@tamagui/helpers";
+import React, {
+  Children,
+  Fragment,
+  createElement,
+  forwardRef,
+  memo,
+  useCallback,
+  useContext,
+  useEffect,
+  useId,
+  useRef,
+  useState
+} from "react";
+import { onConfiguredOnce } from "./config.js";
+import { stackDefaultStyles } from "./constants/constants.js";
+import { FontLanguageContext } from "./contexts/FontLanguageContext.js";
+import { TextAncestorContext } from "./contexts/TextAncestorContext.js";
+import { didGetVariableValue, setDidGetVariableValue } from "./createVariable.js";
+import { extendStaticConfig, parseStaticConfig } from "./helpers/extendStaticConfig.js";
+import { useSplitStyles } from "./helpers/getSplitStyles.js";
+import { mergeProps } from "./helpers/mergeProps.js";
+import { proxyThemeVariables } from "./helpers/proxyThemeVariables.js";
+import { useShallowSetState } from "./helpers/useShallowSetState.js";
+import { useAnimationDriver } from "./hooks/useAnimationDriver.js";
+import { setMediaShouldUpdate, useMedia } from "./hooks/useMedia.js";
+import { useServerRef, useServerState } from "./hooks/useServerHooks.js";
+import { useThemeWithState } from "./hooks/useTheme.js";
+import { hooks } from "./setupHooks.js";
+import { Slot } from "./views/Slot.js";
+import { useThemedChildren } from "./views/Theme.js";
+import { ThemeDebug } from "./views/ThemeDebug.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 = extendStaticConfig(configIn, ParentComponent);
+    if ("parsed" in next) {
+      return next;
+    } else {
+      return parseStaticConfig(next);
+    }
+  })();
+  const defaultComponentClassName = `is_${staticConfig.componentName}`;
+  let tamaguiDefaultProps;
+  let defaultTag;
+  const component = forwardRef((propsIn, forwardedRef) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+    if (process.env.TAMAGUI_TARGET === "native") {
+      if (!hasSetupBaseViews) {
+        hasSetupBaseViews = true;
+        const baseViews = (_b = (_a = 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"]) {
+        propsIn["data-test-renders"]["current"] ??= 0;
+        propsIn["data-test-renders"]["current"] += 1;
+      }
+    }
+    let props;
+    if (tamaguiDefaultProps && !propsIn.asChild) {
+      props = mergeProps(tamaguiDefaultProps, propsIn)[0];
+    } else {
+      props = propsIn;
+    }
+    const debugProp = props["debug"];
+    const { Component, isText, isZStack } = staticConfig;
+    const componentName = props.componentName || staticConfig.componentName;
+    const stateRef = useRef(
+      void 0
+    );
+    stateRef.current ||= {};
+    const hostRef = useServerRef(null);
+    const animationsConfig = 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 = !!(isWeb && isText ? useContext(TextAncestorContext) : false);
+    const languageContext = isRSC ? null : useContext(FontLanguageContext);
+    const isDisabled = props.disabled ?? ((_c = props.accessibilityState) == null ? void 0 : _c.disabled);
+    const isTaggable = !Component || typeof Component === "string";
+    const element = 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(
+      (isWeb ? isClient : true) && (hasEnterStyle || props.animation)
+    );
+    const states = useServerState(
+      needsMount ? defaultComponentState : defaultComponentStateMounted
+    );
+    const state = propsIn.forceStyle ? { ...states[0], [propsIn.forceStyle]: true } : states[0];
+    const setState = states[1];
+    const setStateShallow = useShallowSetState(setState, debugProp, componentName);
+    const usePresence = animationsConfig == null ? void 0 : animationsConfig.usePresence;
+    const presence = !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 = 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 (!isServer) {
+          console.log("state", state);
+        }
+      }
+    }
+    const shouldAvoidClasses = !isWeb || !!(props.animation && avoidClassesWhileAnimating) || !staticConfig.acceptsClassName;
+    const shouldForcePseudo = !!propsIn.forceStyle;
+    const noClassNames = shouldAvoidClasses || shouldForcePseudo;
+    const themeState = useThemeWithState({
+      name: props.theme,
+      componentName,
+      reset: props.reset,
+      inverse: props.themeInverse,
+      // @ts-ignore this is internal use only
+      disable: props["data-themeable"],
+      debug: process.env.NODE_ENV === "development" && props.debug ? { hostRef } : void 0,
+      shouldUpdate: () => !!stateRef.current.didAccessThemeVariableValue
+    });
+    elementType = Component || elementType;
+    const isStringElement = typeof elementType === "string";
+    const isExiting = (presence == null ? void 0 : presence[0]) === false;
+    const mediaState = 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
+    );
+    setDidGetVariableValue(false);
+    const splitStyles = 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 = didGetVariableValue() || isMediaSpaced || noClassNames && splitStyles.hasMedia === true;
+    setMediaShouldUpdate(stateRef, {
+      enabled: shouldListenForMedia,
+      keys: noClassNames && isMediaSpaced ? splitStyles.hasMedia : 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 (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 (!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 = ((_d = props.accessibilityState) == null ? void 0 : _d.disabled) || props.accessibilityDisabled;
+    let viewProps = nonTamaguiProps;
+    if (process.env.TAMAGUI_TARGET === "web" && !isReactNative && !asChild) {
+      viewProps = (_f = (_e = hooks).usePropsTransform) == null ? void 0 : _f.call(_e, elementType, nonTamaguiProps, hostRef);
+    } else {
+      viewProps = nonTamaguiProps;
+    }
+    viewProps.ref = useComposedRefs(hostRef, forwardedRef);
+    if (process.env.NODE_ENV === "development") {
+      if (!isText && isWeb && !staticConfig.isHOC) {
+        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 = useCallback(() => {
+      setStateShallow({
+        press: false,
+        pressIn: false
+      });
+    }, [setStateShallow]);
+    if (isWeb) {
+      useEffect(() => {
+        return () => {
+          mouseUps.delete(unPress);
+        };
+      }, []);
+    }
+    const shouldSetMounted = needsMount && state.unmounted;
+    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 || !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[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 = (_g = tamaguiConfig.fontsParsed[splitStyles.fontFamily]) == null ? void 0 : _g.face;
+        if (faceInfo) {
+          const [weight, style] = (() => {
+            var _a2, _b2;
+            let weight2;
+            let style2;
+            for (let i = styles.length; i >= 0; i--) {
+              weight2 ??= (_a2 = styles[i]) == null ? void 0 : _a2.fontWeight;
+              style2 ??= (_b2 = styles[i]) == null ? void 0 : _b2.fontStyle;
+            }
+            return [weight2 || "400", style2 || "normal"];
+          })();
+          const overrideFace = (_i = (_h = faceInfo[weight]) == null ? void 0 : _h[style]) == null ? void 0 : _i.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 = isWeb && !!(runtimeHoverStyle || onHoverIn || onHoverOut || onMouseEnter || onMouseLeave);
+    const handlesPressEvents = !(isWeb || asChild);
+    const shouldAttach = Boolean(
+      attachPress || isHoverable || noClassNames && "pressStyle" in props || isWeb && noClassNames && "hoverStyle" in props
+    );
+    const events = shouldAttach && !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 (isWeb) {
+          mouseUps.add(unPress);
+        }
+      } : void 0,
+      onPress: attachPress ? (e) => {
+        unPress();
+        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
+        });
+      }
+    }
+    (_k = (_j = hooks).useEvents) == null ? void 0 : _k.call(_j, 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 = Slot;
+      viewProps = {
+        ...viewProps,
+        onPress,
+        onPressIn,
+        onPressOut
+      };
+    }
+    content = createElement(elementType, viewProps, content);
+    content = useThemedChildren(themeState, content, {
+      shallow: stateRef.current.themeShallow
+      // passPropsToChildren: true,
+    });
+    if (process.env.NODE_ENV === "development") {
+      if (props["debug"] === "visualize") {
+        const [onChangeCount, setOnChangeCount] = useState(0);
+        useEffect(() => {
+          var _a2;
+          (_a2 = themeState.themeManager) == null ? void 0 : _a2.onChangeTheme((name, manager) => {
+            setOnChangeCount((p) => ++p);
+            console.warn(`\u{1F5A4}`, name);
+          });
+        }, [themeState.themeManager]);
+        content = /* @__PURE__ */ jsx(
+          ThemeDebug,
+          {
+            themeState,
+            themeProps: props,
+            onChangeCount,
+            children: content
+          }
+        );
+      }
+    }
+    if (process.env.TAMAGUI_TARGET === "web") {
+      if (events || isAnimatedReactNativeWeb) {
+        content = /* @__PURE__ */ 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: (_l = props.className) == null ? void 0 : _l.split(" "), classNamesOut: (_m = viewProps.className) == null ? void 0 : _m.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;
+  }
+  onConfiguredOnce((conf) => {
+    if (!tamaguiConfig) {
+      tamaguiConfig = conf;
+      if (!initialTheme) {
+        const next = conf.themes[Object.keys(conf.themes)[0]];
+        initialTheme = 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] = mergeProps(defaultPropsIn, {});
+    if (ourProps.tag) {
+      defaultTag = ourProps.tag;
+    }
+    const noClassNames = !staticConfig.acceptsClassName;
+    const { name, variants, defaultVariants, ...restProps } = ourProps;
+    const [defaults, defaultsClassnames] = mergeProps(component.defaultProps, {
+      ...defaultVariants,
+      ...restProps
+    });
+    if (!isWeb) {
+      for (const key in staticConfig.defaultProps) {
+        const val = staticConfig.defaultProps[key];
+        if (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 = memo(res);
+  }
+  res.staticConfig = {
+    validStyles: staticConfig.validStyles || stylePropsView,
+    ...staticConfig
+  };
+  res.extractable = (Component, conf) => {
+    Component.staticConfig = 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,
+  defaultProps: {
+    ...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 = 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 && React.isValidElement(child) && ((_c = child.type) == null ? void 0 : _c["shouldForwardSpace"])) {
+      child = React.cloneElement(child, {
+        space,
+        spaceFlex,
+        separator,
+        key: child.key
+      });
+    }
+    if (isEmpty || !child || child["key"] && !isZStack) {
+      final.push(child);
+    } else {
+      final.push(
+        /* @__PURE__ */ jsx(Fragment, { children: isZStack ? /* @__PURE__ */ 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(
+          React.isValidElement(separator) ? React.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__ */ 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 = mergeProps(prev || {}, props2, false, conf.inverseShorthands)[0];
+    DefaultProps.set(n, prev);
+  }
+  const ourDefaultsMerged = DefaultProps.get(name);
+  if (ourDefaultsMerged) {
+    return mergeProps(props, ourDefaultsMerged, false, conf.inverseShorthands)[0];
+  }
+  return props;
+}
+const AbsoluteFill = createComponent({
+  defaultProps: {
+    ...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;
+  });
+}
+export {
+  Spacer,
+  Unspaced,
+  createComponent,
+  defaultComponentState,
+  mouseUps,
+  spacedChildren
+};
 //# sourceMappingURL=createComponent.js.map