@tamagui/web 1.112.1 → 1.112.3

package/dist/cjs/hooks/useComponentState.native.js

@@ -0,0 +1,127 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var useComponentState_exports = {};
+__export(useComponentState_exports, {
+  useComponentState: () => useComponentState
+});
+module.exports = __toCommonJS(useComponentState_exports);
+var import_defaultComponentState = require("../defaultComponentState"), import_useDidHydrateOnce = require("../hooks/useDidHydrateOnce"), import_react = require("react"), import_constants = require("@tamagui/constants"), import_createShallowSetState = require("../helpers/createShallowSetState"), import_isObj = require("../helpers/isObj"), import_log = require("../helpers/log"), useComponentState = function(props, param, staticConfig, config) {
+  var { animationDriver, groups } = param, _animationDriver_usePresence, useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, stateRef = (0, import_react.useRef)(void 0);
+  stateRef.current || (stateRef.current = {});
+  var hasAnimationProp = !!("animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSSVars = animationDriver == null ? void 0 : animationDriver.supportsCSSVars, curStateRef = stateRef.current, willBeAnimatedClient = function() {
+    var next = !!(hasAnimationProp && !staticConfig.isHOC && useAnimations);
+    return !!(next || curStateRef.hasAnimated);
+  }(), willBeAnimated = !import_constants.isServer && willBeAnimatedClient;
+  willBeAnimated && !curStateRef.hasAnimated && (curStateRef.hasAnimated = !0);
+  var presence = willBeAnimated && props.animatePresence !== !1 && (animationDriver == null || (_animationDriver_usePresence = animationDriver.usePresence) === null || _animationDriver_usePresence === void 0 ? void 0 : _animationDriver_usePresence.call(animationDriver)) || null, presenceState = presence == null ? void 0 : presence[2], isExiting = (presenceState == null ? void 0 : presenceState.isPresent) === !1, isEntering = (presenceState == null ? void 0 : presenceState.isPresent) === !0 && presenceState.initial !== !1, hasEnterStyle = !!props.enterStyle, hasRNAnimation = hasAnimationProp && (animationDriver == null ? void 0 : animationDriver.isReactNative), hasEnterState = hasEnterStyle || isEntering, didHydrateOnce = willBeAnimated ? (0, import_useDidHydrateOnce.useDidHydrateOnce)() : !0, shouldEnter = hasEnterState || !didHydrateOnce && hasRNAnimation, shouldEnterFromUnhydrated = import_constants.isWeb && !didHydrateOnce, initialState = shouldEnter ? (
+    // on the very first render we switch all spring animation drivers to css rendering
+    // this is because we need to use css variables, which they don't support to do proper SSR
+    // without flickers of the wrong colors.
+    // but once we do that initial hydration and we are in client side rendering mode,
+    // we can avoid the extra re-render on mount
+    shouldEnterFromUnhydrated ? import_defaultComponentState.defaultComponentState : import_defaultComponentState.defaultComponentStateShouldEnter
+  ) : import_defaultComponentState.defaultComponentStateMounted, disabled = isDisabled(props);
+  disabled != null && (initialState.disabled = disabled);
+  var states = (0, import_react.useState)(initialState), state = props.forceStyle ? {
+    ...states[0],
+    [props.forceStyle]: !0
+  } : states[0], setState = states[1], isHydrated = state.unmounted === !1 || state.unmounted === "should-enter", isAnimated = willBeAnimated;
+  import_constants.isWeb && hasRNAnimation && !staticConfig.isHOC && state.unmounted === !0 && (isAnimated = !1, curStateRef.willHydrate = !0), disabled !== state.disabled && (state.disabled = disabled, disabled && Object.assign(state, import_defaultComponentState.defaultComponentStateMounted), setState({
+    ...state
+  }));
+  var setStateShallow = (0, import_createShallowSetState.createShallowSetState)(setState, disabled, !1, props.debug);
+  if (presenceState && isAnimated && isHydrated && staticConfig.variants) {
+    process.env.NODE_ENV === "development" && props.debug === "verbose" && console.warn(`has presenceState ${JSON.stringify(presenceState)}`);
+    var { enterVariant, exitVariant, enterExitVariant, custom } = presenceState;
+    (0, import_isObj.isObj)(custom) && Object.assign(props, custom);
+    var exv = exitVariant ?? enterExitVariant, env = enterVariant ?? enterExitVariant;
+    state.unmounted && env && staticConfig.variants[env] ? (process.env.NODE_ENV === "development" && props.debug === "verbose" && console.warn(`Animating presence ENTER "${env}"`), props[env] = !0) : isExiting && exv && (process.env.NODE_ENV === "development" && props.debug === "verbose" && console.warn(`Animating presence EXIT "${exv}"`), props[exv] = exitVariant !== enterExitVariant);
+  }
+  var shouldAvoidClasses = !import_constants.isWeb;
+  if (import_constants.isWeb) {
+    var { disableClassName } = props, isAnimatedAndHydrated = isAnimated && !supportsCSSVars && didHydrateOnce && !import_constants.isServer, isClassNameDisabled = !staticConfig.acceptsClassName && (config.disableSSR || didHydrateOnce), isDisabledManually = disableClassName && !import_constants.isServer && didHydrateOnce && state.unmounted === !0;
+    (isAnimatedAndHydrated || isDisabledManually || isClassNameDisabled) && (shouldAvoidClasses = !0, process.env.NODE_ENV === "development" && props.debug && (0, import_log.log)("avoiding className", {
+      isAnimatedAndHydrated,
+      isDisabledManually,
+      isClassNameDisabled
+    }));
+  }
+  var groupName = props.group;
+  if (groupName && !curStateRef.group) {
+    var listeners = /* @__PURE__ */ new Set();
+    curStateRef.group = {
+      listeners,
+      emit(name, state2) {
+        listeners.forEach(function(l) {
+          return l(name, state2);
+        });
+      },
+      subscribe(cb) {
+        return listeners.add(cb), function() {
+          listeners.delete(cb);
+        };
+      }
+    };
+  }
+  if (groupName) {
+    var groupContextState = groups.state, og = setStateShallow;
+    setStateShallow = function(state2) {
+      og(state2), curStateRef.group.emit(groupName, {
+        pseudo: state2
+      });
+      var next = {
+        ...groupContextState[groupName],
+        ...state2
+      };
+      groupContextState[groupName] = next;
+    };
+  }
+  return {
+    curStateRef,
+    disabled,
+    groupName,
+    hasAnimationProp,
+    hasEnterStyle,
+    isAnimated,
+    isExiting,
+    isHydrated,
+    presence,
+    presenceState,
+    setState,
+    setStateShallow,
+    shouldAvoidClasses,
+    state,
+    stateRef,
+    supportsCSSVars,
+    willBeAnimated,
+    willBeAnimatedClient
+  };
+};
+function hasAnimatedStyleValue(style) {
+  return Object.keys(style).some(function(k) {
+    var val = style[k];
+    return val && typeof val == "object" && "_animation" in val;
+  });
+}
+var isDisabled = function(props) {
+  var _props_accessibilityState;
+  return props.disabled || ((_props_accessibilityState = props.accessibilityState) === null || _props_accessibilityState === void 0 ? void 0 : _props_accessibilityState.disabled) || props["aria-disabled"] || props.accessibilityDisabled || !1;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useComponentState
+});
+//# sourceMappingURL=useComponentState.js.map

package/dist/cjs/hooks/useComponentState.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/Users/n8/tamagui/code/core/web/src/hooks/useComponentState.ts"],
+  "mappings": "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",
+  "names": ["useComponentState", "props", "staticConfig", "config", "animationDriver", "groups", "useAnimations", "stateRef", "useRef", "undefined", "current", "hasAnimationProp", "Boolean", "style", "hasAnimatedStyleValue", "supportsCSSVars", "curStateRef", "willBeAnimatedClient", "next", "isHOC", "hasAnimated", "willBeAnimated", "isServer", "presence", "usePresence", "presenceState", "isExiting", "isPresent", "isEntering", "initial", "hasEnterStyle", "enterStyle", "hasRNAnimation", "isReactNative", "hasEnterState", "didHydrateOnce", "useDidHydrateOnce", "shouldEnter", "shouldEnterFromUnhydrated", "isWeb", "initialState", "defaultComponentState", "defaultComponentStateShouldEnter", "defaultComponentStateMounted", "disabled", "isDisabled", "states", "useState", "state", "forceStyle", "setState", "isHydrated", "unmounted", "isAnimated", "willHydrate", "Object", "assign", "setStateShallow", "createShallowSetState", "debug", "variants", "process", "env", "NODE_ENV", "console", "warn", "JSON", "stringify", "enterVariant", "exitVariant", "enterExitVariant", "custom", "isObj", "exv", "shouldAvoidClasses", "disableClassName", "isAnimatedAndHydrated", "isClassNameDisabled", "acceptsClassName", "disableSSR", "isDisabledManually", "log", "groupName", "group", "listeners", "Set", "emit", "name", "forEach", "l", "subscribe", "cb", "add", "delete", "groupContextState", "og", "pseudo", "keys", "some", "k", "val", "accessibilityState", "accessibilityDisabled"]
+}

package/dist/cjs/hooks/useProps.js

@@ -27,7 +27,7 @@ __export(useProps_exports, {
   useStyle: () => useStyle
 });
 module.exports = __toCommonJS(useProps_exports);
-var import_react = __toESM(require("react")), import_config = require("../config"), import_ComponentContext = require("../contexts/ComponentContext"), import_createComponent = require("../createComponent"), import_getSplitStyles = require("../helpers/getSplitStyles"), import_Stack = require("../views/Stack"), import_useMedia = require("./useMedia"), import_useTheme = require("./useTheme");
+var import_react = __toESM(require("react")), import_config = require("../config"), import_ComponentContext = require("../contexts/ComponentContext"), import_getSplitStyles = require("../helpers/getSplitStyles"), import_subscribeToContextGroup = require("../helpers/subscribeToContextGroup"), import_Stack = require("../views/Stack"), import_useComponentState = require("./useComponentState"), import_useMedia = require("./useMedia"), import_useTheme = require("./useTheme");
 function useProps(props, opts) {
   const [propsOut, styleOut] = usePropsAndStyle(props, {
     ...opts,
@@ -48,7 +48,7 @@ function usePropsAndStyle(props, opts) {
     componentName: staticConfig.componentName,
     name: "theme" in props ? props.theme : void 0,
     inverse: "themeInverse" in props ? props.themeInverse : void 0
-  }), componentContext = import_react.default.useContext(import_ComponentContext.ComponentContext), { state, disabled, setStateShallow } = (0, import_createComponent.useComponentState)(
+  }), componentContext = import_react.default.useContext(import_ComponentContext.ComponentContext), { state, disabled, setStateShallow } = (0, import_useComponentState.useComponentState)(
     props,
     componentContext,
     staticConfig,
@@ -77,7 +77,7 @@ function usePropsAndStyle(props, opts) {
         setStateShallow({ unmounted: !1 });
         return;
       }
-      return (0, import_createComponent.subscribeToContextGroup)({
+      return (0, import_subscribeToContextGroup.subscribeToContextGroup)({
         disabled,
         componentContext,
         setStateShallow,

package/dist/cjs/hooks/useProps.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/useProps.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAElB,gBAA0B,sBAC1B,0BAAiC,yCACjC,yBAA2D,+BAC3D,wBAA+B,sCAE/B,eAAsB,2BAEtB,kBAAyB,uBACzB,kBAAkC;AAyB3B,SAAS,SACd,OACA,MAC4B;AAC5B,QAAM,CAAC,UAAU,QAAQ,IAAI,iBAAiB,OAAO;AAAA,IACnD,GAAG;AAAA,IACH,UAAU;AAAA,IACV,aAAa;AAAA,IACb,eAAe;AAAA,EACjB,CAAC;AACD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AACF;AAQO,SAAS,SACd,OACA,MAC4B;AAC5B,SAAO,iBAAiB,OAAO,IAAI,EAAE,CAAC,KAAK,CAAC;AAC9C;AAQO,SAAS,iBACd,OACA,MACsF;AACtF,QAAM,eAAe,MAAM,cAAc,gBAAgB,mBAAM,cACzD,CAAC,YAAY,KAAK,QAAI,mCAAkB;AAAA,IAC5C,eAAe,aAAa;AAAA,IAC5B,MAAM,WAAW,QAAQ,MAAM,QAAQ;AAAA,IACvC,SAAS,kBAAkB,QAAQ,MAAM,eAAe;AAAA,EAC1D,CAAC,GACK,mBAAmB,aAAAA,QAAM,WAAW,wCAAuB,GAC3D,EAAE,OAAO,UAAU,gBAAgB,QAAI;AAAA,IAC3C;AAAA,IACA;AAAA,IACA;AAAA,QACA,yBAAU;AAAA,EACZ,GAEM,YAAQ,0BAAS,GACjB,kBAAc;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,OAAO,QAAQ;AAAA,IAC1B;AAAA,IACA;AAAA,MACE,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,cAAc;AAAA,MACd,eAAe;AAAA,MACf,GAAG;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF,GAEM,EAAE,aAAa,aAAa,IAAI;AAEtC,sBAAAA,QAAM,UAAU,MAAM;AACpB,QAAI,WAIJ;AAAA,UAAI,MAAM,WAAW;AACnB,wBAAgB,EAAE,WAAW,GAAM,CAAC;AACpC;AAAA,MACF;AAEA,iBAAO,gDAAwB;AAAA,QAC7B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA;AAAA,EACH,GAAG;AAAA,IACD;AAAA,IACA,eAAe,OAAO,KAAK,CAAC,GAAG,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI;AAAA,IACzD,cAAc,OAAO,KAAK,CAAC,GAAG,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI;AAAA,EACzD,CAAC,GAEM,CAAC,YAAY,WAAW,YAAY,SAAS,CAAC,GAAG,OAAO,KAAK;AACtE;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAClB,gBAA0B,sBAC1B,0BAAiC,yCACjC,wBAA+B,sCAC/B,iCAAwC,+CAExC,eAAsB,2BAEtB,2BAAkC,gCAClC,kBAAyB,uBACzB,kBAAkC;AAyB3B,SAAS,SACd,OACA,MAC4B;AAC5B,QAAM,CAAC,UAAU,QAAQ,IAAI,iBAAiB,OAAO;AAAA,IACnD,GAAG;AAAA,IACH,UAAU;AAAA,IACV,aAAa;AAAA,IACb,eAAe;AAAA,EACjB,CAAC;AACD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AACF;AAQO,SAAS,SACd,OACA,MAC4B;AAC5B,SAAO,iBAAiB,OAAO,IAAI,EAAE,CAAC,KAAK,CAAC;AAC9C;AAQO,SAAS,iBACd,OACA,MACsF;AACtF,QAAM,eAAe,MAAM,cAAc,gBAAgB,mBAAM,cACzD,CAAC,YAAY,KAAK,QAAI,mCAAkB;AAAA,IAC5C,eAAe,aAAa;AAAA,IAC5B,MAAM,WAAW,QAAQ,MAAM,QAAQ;AAAA,IACvC,SAAS,kBAAkB,QAAQ,MAAM,eAAe;AAAA,EAC1D,CAAC,GACK,mBAAmB,aAAAA,QAAM,WAAW,wCAAuB,GAC3D,EAAE,OAAO,UAAU,gBAAgB,QAAI;AAAA,IAC3C;AAAA,IACA;AAAA,IACA;AAAA,QACA,yBAAU;AAAA,EACZ,GAEM,YAAQ,0BAAS,GACjB,kBAAc;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,OAAO,QAAQ;AAAA,IAC1B;AAAA,IACA;AAAA,MACE,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,cAAc;AAAA,MACd,eAAe;AAAA,MACf,GAAG;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF,GAEM,EAAE,aAAa,aAAa,IAAI;AAEtC,sBAAAA,QAAM,UAAU,MAAM;AACpB,QAAI,WAIJ;AAAA,UAAI,MAAM,WAAW;AACnB,wBAAgB,EAAE,WAAW,GAAM,CAAC;AACpC;AAAA,MACF;AAEA,iBAAO,wDAAwB;AAAA,QAC7B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA;AAAA,EACH,GAAG;AAAA,IACD;AAAA,IACA,eAAe,OAAO,KAAK,CAAC,GAAG,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI;AAAA,IACzD,cAAc,OAAO,KAAK,CAAC,GAAG,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI;AAAA,EACzD,CAAC,GAEM,CAAC,YAAY,WAAW,YAAY,SAAS,CAAC,GAAG,OAAO,KAAK;AACtE;",
   "names": ["React"]
 }

package/dist/cjs/hooks/useProps.native.js

@@ -28,7 +28,7 @@ __export(useProps_exports, {
   useStyle: () => useStyle
 });
 module.exports = __toCommonJS(useProps_exports);
-var import_react = __toESM(require("react")), import_config = require("../config"), import_ComponentContext = require("../contexts/ComponentContext"), import_createComponent = require("../createComponent"), import_getSplitStyles = require("../helpers/getSplitStyles"), import_Stack = require("../views/Stack"), import_useMedia = require("./useMedia"), import_useTheme = require("./useTheme");
+var import_react = __toESM(require("react")), import_config = require("../config"), import_ComponentContext = require("../contexts/ComponentContext"), import_getSplitStyles = require("../helpers/getSplitStyles"), import_subscribeToContextGroup = require("../helpers/subscribeToContextGroup"), import_Stack = require("../views/Stack"), import_useComponentState = require("./useComponentState"), import_useMedia = require("./useMedia"), import_useTheme = require("./useTheme");
 function useProps(props, opts) {
   var [propsOut, styleOut] = usePropsAndStyle(props, {
     ...opts,
@@ -49,7 +49,7 @@ function usePropsAndStyle(props, opts) {
     componentName: staticConfig.componentName,
     name: "theme" in props ? props.theme : void 0,
     inverse: "themeInverse" in props ? props.themeInverse : void 0
-  }), componentContext = import_react.default.useContext(import_ComponentContext.ComponentContext), { state, disabled, setStateShallow } = (0, import_createComponent.useComponentState)(props, componentContext, staticConfig, (0, import_config.getConfig)()), media = (0, import_useMedia.useMedia)(), splitStyles = (0, import_getSplitStyles.useSplitStyles)(props, staticConfig, theme, ((_themeState_state = themeState.state) === null || _themeState_state === void 0 ? void 0 : _themeState_state.name) || "", state, {
+  }), componentContext = import_react.default.useContext(import_ComponentContext.ComponentContext), { state, disabled, setStateShallow } = (0, import_useComponentState.useComponentState)(props, componentContext, staticConfig, (0, import_config.getConfig)()), media = (0, import_useMedia.useMedia)(), splitStyles = (0, import_getSplitStyles.useSplitStyles)(props, staticConfig, theme, ((_themeState_state = themeState.state) === null || _themeState_state === void 0 ? void 0 : _themeState_state.name) || "", state, {
     isAnimated: !1,
     mediaState: media,
     noSkip: !0,
@@ -66,7 +66,7 @@ function usePropsAndStyle(props, opts) {
         });
         return;
       }
-      return (0, import_createComponent.subscribeToContextGroup)({
+      return (0, import_subscribeToContextGroup.subscribeToContextGroup)({
         disabled,
         componentContext,
         setStateShallow,

package/dist/cjs/hooks/useProps.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/Users/n8/tamagui/code/core/web/src/hooks/useProps.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;mBAAkB,2BAElB,gBAA0B,sBAC1B,0BAAiC,yCACjC,yBAA2D,+BAC3D,wBAA+B,sCAE/B,eAAsB,2BAEtB,kBAAyB,uBACzB,kBAAkC;AAyB3B,SAASA,SACdC,OACAC,MAAsB;AAEtB,MAAM,CAACC,UAAUC,QAAAA,IAAYC,iBAAiBJ,OAAO;IACnD,GAAGC;IACHI,UAAU;IACVC,aAAa;IACbC,eAAe;EACjB,CAAA;AACA,SAAO;IACL,GAAGL;IACH,GAAGC;EACL;AACF;AAQO,SAASK,SACdR,OACAC,MAAsB;AAEtB,SAAOG,iBAAiBJ,OAAOC,IAAAA,EAAM,CAAA,KAAM,CAAC;AAC9C;AAQO,SAASG,iBACdJ,OACAC,MAAsB;MAEDA,oBAmBnBQ,mBAnBmBR,iCAAfS,gBAAeT,kCAAAA,QAAAA,SAAAA,qBAAAA,KAAMU,kBAAY,QAAlBV,uBAAAA,SAAAA,SAAAA,mBAAoBS,kBAAY,QAAhCT,oCAAAA,SAAAA,kCAAoCW,mBAAMF,cACzD,CAACD,YAAYI,KAAAA,QAASC,mCAAkB;IAC5CC,eAAeL,aAAaK;IAC5BC,MAAM,WAAWhB,QAAQA,MAAMa,QAAQI;IACvCC,SAAS,kBAAkBlB,QAAQA,MAAMmB,eAAeF;EAC1D,CAAA,GACMG,mBAAmBC,aAAAA,QAAMC,WAAWC,wCAAAA,GACpC,EAAEC,OAAOC,UAAUC,gBAAe,QAAKC,0CAC3C3B,OACAoB,kBACAV,kBACAkB,yBAAAA,CAAAA,GAGIC,YAAQC,0BAAAA,GACRC,kBAAcC,sCAClBhC,OACAU,cACAG,SACAJ,oBAAAA,WAAWe,WAAK,QAAhBf,sBAAAA,SAAAA,SAAAA,kBAAkBO,SAAQ,IAC1BQ,OACA;IACES,YAAY;IACZC,YAAYL;IACZM,QAAQ;IACRC,cAAc;IACdC,cAAc;IACd9B,eAAe;IACf,GAAGN;EACL,GACA,MACAmB,gBAAAA,GAGI,EAAEkB,aAAaC,aAAY,IAAKR;AAEtCV,sBAAAA,QAAMmB,UAAU,WAAA;AACd,QAAIf,WAIJ;UAAID,MAAMiB,WAAW;AACnBf,wBAAgB;UAAEe,WAAW;QAAM,CAAA;AACnC;MACF;AAEA,iBAAOC,gDAAwB;QAC7BjB;QACAL;QACAM;QACAF;QACAc;QACAC;MACF,CAAA;;EACF,GAAG;IACDd;IACAc,eAAeI,OAAOC,KAAK;SAAIL;KAAa,EAAEM,KAAK,EAAA,IAAM;IACzDP,cAAcK,OAAOC,KAAK;SAAIN;KAAY,EAAEO,KAAK,EAAA,IAAM;GACxD,GAEM;IAACd,YAAYe;IAAWf,YAAYgB,SAAS,CAAC;IAAGlC;IAAOgB;;AACjE;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;mBAAkB,2BAClB,gBAA0B,sBAC1B,0BAAiC,yCACjC,wBAA+B,sCAC/B,iCAAwC,+CAExC,eAAsB,2BAEtB,2BAAkC,gCAClC,kBAAyB,uBACzB,kBAAkC;AAyB3B,SAASA,SACdC,OACAC,MAAsB;AAEtB,MAAM,CAACC,UAAUC,QAAAA,IAAYC,iBAAiBJ,OAAO;IACnD,GAAGC;IACHI,UAAU;IACVC,aAAa;IACbC,eAAe;EACjB,CAAA;AACA,SAAO;IACL,GAAGL;IACH,GAAGC;EACL;AACF;AAQO,SAASK,SACdR,OACAC,MAAsB;AAEtB,SAAOG,iBAAiBJ,OAAOC,IAAAA,EAAM,CAAA,KAAM,CAAC;AAC9C;AAQO,SAASG,iBACdJ,OACAC,MAAsB;MAEDA,oBAmBnBQ,mBAnBmBR,iCAAfS,gBAAeT,kCAAAA,QAAAA,SAAAA,qBAAAA,KAAMU,kBAAY,QAAlBV,uBAAAA,SAAAA,SAAAA,mBAAoBS,kBAAY,QAAhCT,oCAAAA,SAAAA,kCAAoCW,mBAAMF,cACzD,CAACD,YAAYI,KAAAA,QAASC,mCAAkB;IAC5CC,eAAeL,aAAaK;IAC5BC,MAAM,WAAWhB,QAAQA,MAAMa,QAAQI;IACvCC,SAAS,kBAAkBlB,QAAQA,MAAMmB,eAAeF;EAC1D,CAAA,GACMG,mBAAmBC,aAAAA,QAAMC,WAAWC,wCAAAA,GACpC,EAAEC,OAAOC,UAAUC,gBAAe,QAAKC,4CAC3C3B,OACAoB,kBACAV,kBACAkB,yBAAAA,CAAAA,GAGIC,YAAQC,0BAAAA,GACRC,kBAAcC,sCAClBhC,OACAU,cACAG,SACAJ,oBAAAA,WAAWe,WAAK,QAAhBf,sBAAAA,SAAAA,SAAAA,kBAAkBO,SAAQ,IAC1BQ,OACA;IACES,YAAY;IACZC,YAAYL;IACZM,QAAQ;IACRC,cAAc;IACdC,cAAc;IACd9B,eAAe;IACf,GAAGN;EACL,GACA,MACAmB,gBAAAA,GAGI,EAAEkB,aAAaC,aAAY,IAAKR;AAEtCV,sBAAAA,QAAMmB,UAAU,WAAA;AACd,QAAIf,WAIJ;UAAID,MAAMiB,WAAW;AACnBf,wBAAgB;UAAEe,WAAW;QAAM,CAAA;AACnC;MACF;AAEA,iBAAOC,wDAAwB;QAC7BjB;QACAL;QACAM;QACAF;QACAc;QACAC;MACF,CAAA;;EACF,GAAG;IACDd;IACAc,eAAeI,OAAOC,KAAK;SAAIL;KAAa,EAAEM,KAAK,EAAA,IAAM;IACzDP,cAAcK,OAAOC,KAAK;SAAIN;KAAY,EAAEO,KAAK,EAAA,IAAM;GACxD,GAEM;IAACd,YAAYe;IAAWf,YAAYgB,SAAS,CAAC;IAAGlC;IAAOgB;;AACjE;",
   "names": ["useProps", "props", "opts", "propsOut", "styleOut", "usePropsAndStyle", "noExpand", "noNormalize", "resolveValues", "useStyle", "themeState", "staticConfig", "forComponent", "Stack", "theme", "useThemeWithState", "componentName", "name", "undefined", "inverse", "themeInverse", "componentContext", "React", "useContext", "ComponentContext", "state", "disabled", "setStateShallow", "useComponentState", "getConfig", "media", "useMedia", "splitStyles", "useSplitStyles", "isAnimated", "mediaState", "noSkip", "noMergeStyle", "noClassNames", "mediaGroups", "pseudoGroups", "useEffect", "unmounted", "subscribeToContextGroup", "Object", "keys", "join", "viewProps", "style"]
 }

package/dist/cjs/setupHooks.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/setupHooks.ts"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOO,MAAM,QAAuB,CAAC;AAG9B,SAAS,WAAW,MAAqB;AAC9C,SAAO,OAAO,OAAO,IAAI;AAC3B;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIO,MAAM,QAAuB,CAAC;AAG9B,SAAS,WAAW,MAAqB;AAC9C,SAAO,OAAO,OAAO,IAAI;AAC3B;",
   "names": []
 }

package/dist/cjs/setupHooks.native.js

@@ -19,7 +19,7 @@ __export(setupHooks_exports, {
   setupHooks: () => setupHooks
 });
 module.exports = __toCommonJS(setupHooks_exports);
-var import_react = require("react"), hooks = {};
+var hooks = {};
 function setupHooks(next) {
   Object.assign(hooks, next);
 }

package/dist/cjs/setupHooks.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/core/web/src/setupHooks.ts"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;;mBAAkB,kBAOLA,QAAuB,CAAC;AAG9B,SAASC,WAAWC,MAAmB;AAC5CC,SAAOC,OAAOJ,OAAOE,IAAAA;AACvB;",
+  "mappings": ";;;;;;;;;;;;;;;AAIA;;;;;;AAAO,IAAMA,QAAuB,CAAC;AAG9B,SAASC,WAAWC,MAAmB;AAC5CC,SAAOC,OAAOJ,OAAOE,IAAAA;AACvB;",
   "names": ["hooks", "setupHooks", "next", "Object", "assign"]
 }

package/dist/cjs/subscribeToContextGroup.js

@@ -0,0 +1,53 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var subscribeToContextGroup_exports = {};
+__export(subscribeToContextGroup_exports, {
+  subscribeToContextGroup: () => subscribeToContextGroup
+});
+module.exports = __toCommonJS(subscribeToContextGroup_exports);
+var import_createShallowSetState = require("./helpers/createShallowSetState"), import_useMedia = require("./hooks/useMedia");
+const subscribeToContextGroup = ({
+  disabled = !1,
+  setStateShallow,
+  pseudoGroups,
+  mediaGroups,
+  componentContext,
+  state
+}) => {
+  if (pseudoGroups || mediaGroups) {
+    const current = {
+      pseudo: {},
+      media: {}
+    };
+    return process.env.NODE_ENV === "development" && !componentContext.groups && console.debug("No context group found"), componentContext.groups?.subscribe?.((name, { layout, pseudo }) => {
+      if (pseudo && pseudoGroups?.has(String(name)))
+        Object.assign(current.pseudo, pseudo), persist();
+      else if (layout && mediaGroups) {
+        const mediaState = (0, import_useMedia.getMediaState)(mediaGroups, layout), next = (0, import_createShallowSetState.mergeIfNotShallowEqual)(current.media, mediaState);
+        next !== current.media && (Object.assign(current.media, next), persist());
+      }
+      function persist() {
+        const group = {
+          ...state.group,
+          [name]: current
+        };
+        setStateShallow({
+          group
+        });
+      }
+    });
+  }
+};
+//# sourceMappingURL=subscribeToContextGroup.js.map

package/dist/cjs/subscribeToContextGroup.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/subscribeToContextGroup.tsx"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mCAAuC,4CACvC,kBAA8B;AAGvB,MAAM,0BAA0B,CAAC;AAAA,EACtC,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAOM;AAEJ,MAAI,gBAAgB,aAAa;AAC/B,UAAM,UAAU;AAAA,MACd,QAAQ,CAAC;AAAA,MACT,OAAO,CAAC;AAAA,IACV;AAEA,WAAI,QAAQ,IAAI,aAAa,iBAAiB,CAAC,iBAAiB,UAC9D,QAAQ,MAAM,wBAAwB,GAGjC,iBAAiB,QAAQ,YAAY,CAAC,MAAM,EAAE,QAAQ,OAAO,MAAM;AACxE,UAAI,UAAU,cAAc,IAAI,OAAO,IAAI,CAAC;AAE1C,eAAO,OAAO,QAAQ,QAAQ,MAAM,GACpC,QAAQ;AAAA,eACC,UAAU,aAAa;AAChC,cAAM,iBAAa,+BAAc,aAAa,MAAM,GAC9C,WAAO,qDAAuB,QAAQ,OAAO,UAAU;AAC7D,QAAI,SAAS,QAAQ,UACnB,OAAO,OAAO,QAAQ,OAAO,IAAI,GACjC,QAAQ;AAAA,MAEZ;AACA,eAAS,UAAU;AAEjB,cAAM,QAAQ;AAAA,UACZ,GAAG,MAAM;AAAA,UACT,CAAC,IAAI,GAAG;AAAA,QACV;AACA,wBAAgB;AAAA,UACd;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
+  "names": []
+}

package/dist/cjs/subscribeToContextGroup.native.js

@@ -0,0 +1,52 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var subscribeToContextGroup_exports = {};
+__export(subscribeToContextGroup_exports, {
+  subscribeToContextGroup: () => subscribeToContextGroup
+});
+module.exports = __toCommonJS(subscribeToContextGroup_exports);
+var import_createShallowSetState = require("./helpers/createShallowSetState"), import_useMedia = require("./hooks/useMedia"), subscribeToContextGroup = function(param) {
+  var { disabled = !1, setStateShallow, pseudoGroups, mediaGroups, componentContext, state } = param;
+  if (pseudoGroups || mediaGroups) {
+    var _componentContext_groups_subscribe, _componentContext_groups, current = {
+      pseudo: {},
+      media: {}
+    };
+    return process.env.NODE_ENV === "development" && !componentContext.groups && console.debug("No context group found"), (_componentContext_groups = componentContext.groups) === null || _componentContext_groups === void 0 || (_componentContext_groups_subscribe = _componentContext_groups.subscribe) === null || _componentContext_groups_subscribe === void 0 ? void 0 : _componentContext_groups_subscribe.call(_componentContext_groups, function(name, param2) {
+      var { layout, pseudo } = param2;
+      if (pseudo && (pseudoGroups != null && pseudoGroups.has(String(name))))
+        Object.assign(current.pseudo, pseudo), persist();
+      else if (layout && mediaGroups) {
+        var mediaState = (0, import_useMedia.getMediaState)(mediaGroups, layout), next = (0, import_createShallowSetState.mergeIfNotShallowEqual)(current.media, mediaState);
+        next !== current.media && (Object.assign(current.media, next), persist());
+      }
+      function persist() {
+        var group = {
+          ...state.group,
+          [name]: current
+        };
+        setStateShallow({
+          group
+        });
+      }
+    });
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  subscribeToContextGroup
+});
+//# sourceMappingURL=subscribeToContextGroup.js.map

package/dist/cjs/subscribeToContextGroup.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Users/n8/tamagui/code/core/web/src/subscribeToContextGroup.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;mCAAuC,4CACvC,kBAA8B,6BAGjBA,0BAA0B,SAAA,OAAA;MAAC,EACtCC,WAAW,IACXC,iBACAC,cACAC,aACAC,kBACAC,MAAK,IAQN;AAEC,MAAIH,gBAAgBC,aAAa;QAUxBC,oCAAAA,0BATDE,UAAU;MACdC,QAAQ,CAAC;MACTC,OAAO,CAAC;IACV;AAEA,WAAIC,QAAQC,IAAIC,aAAa,iBAAiB,CAACP,iBAAiBQ,UAC9DC,QAAQC,MAAM,wBAAwB,IAGjCV,2BAAAA,iBAAiBQ,YAAM,QAAvBR,6BAAAA,WAAAA,qCAAAA,yBAAyBW,eAAS,QAAlCX,uCAAAA,SAAAA,SAAAA,mCAAAA,KAAAA,0BAAqC,SAACY,MAAAA,QAAAA;UAAM,EAAEC,QAAQV,OAAM,IAAEW;AACnE,UAAIX,WAAUL,gBAAAA,QAAAA,aAAciB,IAAIC,OAAOJ,IAAAA,CAAAA;AAErCK,eAAOC,OAAOhB,QAAQC,QAAQA,MAAAA,GAC9BgB,QAAAA;eACSN,UAAUd,aAAa;AAChC,YAAMqB,iBAAaC,+BAActB,aAAac,MAAAA,GACxCS,WAAOC,qDAAuBrB,QAAQE,OAAOgB,UAAAA;AACnD,QAAIE,SAASpB,QAAQE,UACnBa,OAAOC,OAAOhB,QAAQE,OAAOkB,IAAAA,GAC7BH,QAAAA;MAEJ;AACA,eAASA,UAAAA;AAEP,YAAMK,QAAQ;UACZ,GAAGvB,MAAMuB;UACT,CAACZ,IAAAA,GAAOV;QACV;AACAL,wBAAgB;UACd2B;QACF,CAAA;MACF;IACF,CAAA;EACF;AACF;",
+  "names": ["subscribeToContextGroup", "disabled", "setStateShallow", "pseudoGroups", "mediaGroups", "componentContext", "state", "current", "pseudo", "media", "process", "env", "NODE_ENV", "groups", "console", "debug", "subscribe", "name", "layout", "param", "has", "String", "Object", "assign", "persist", "mediaState", "getMediaState", "next", "mergeIfNotShallowEqual", "group"]
+}

package/dist/esm/createComponent.js

@@ -1,4 +1,3 @@
-import React from "react";
 import { composeRefs } from "@tamagui/compose-refs";
 import { isClient, isServer, isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
 import {
@@ -7,28 +6,21 @@ import {
   composeEventHandlers,
   validStyles
 } from "@tamagui/helpers";
+import React from "react";
 import { devConfig, getConfig, onConfiguredOnce } from "./config";
 import { stackDefaultStyles } from "./constants/constants";
 import { isDevTools } from "./constants/isDevTools";
 import { ComponentContext } from "./contexts/ComponentContext";
 import { didGetVariableValue, setDidGetVariableValue } from "./createVariable";
-import {
-  defaultComponentState,
-  defaultComponentStateMounted,
-  defaultComponentStateShouldEnter
-} from "./defaultComponentState";
-import {
-  createShallowSetState,
-  mergeIfNotShallowEqual
-} from "./helpers/createShallowSetState";
+import { defaultComponentStateMounted } from "./defaultComponentState";
 import { useSplitStyles } from "./helpers/getSplitStyles";
-import { isObj } from "./helpers/isObj";
 import { log } from "./helpers/log";
 import { mergeProps } from "./helpers/mergeProps";
 import { setElementProps } from "./helpers/setElementProps";
+import { subscribeToContextGroup } from "./helpers/subscribeToContextGroup";
 import { themeable } from "./helpers/themeable";
-import { useDidHydrateOnce } from "./hooks/useDidHydrateOnce";
-import { getMediaState, setMediaShouldUpdate, useMedia } from "./hooks/useMedia";
+import { useComponentState } from "./hooks/useComponentState";
+import { setMediaShouldUpdate, useMedia } from "./hooks/useMedia";
 import { useThemeWithState } from "./hooks/useTheme";
 import { hooks } from "./setupHooks";
 import { Slot } from "./views/Slot";
@@ -69,93 +61,6 @@ if (typeof document < "u") {
     }
   });
 }
-const useComponentState = (props, { animationDriver, groups }, staticConfig, config) => {
-  const useAnimations = animationDriver?.useAnimations, stateRef = React.useRef(
-    void 0
-  );
-  stateRef.current || (stateRef.current = {});
-  const hasAnimationProp = !!("animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSSVars = animationDriver?.supportsCSSVars, curStateRef = stateRef.current, willBeAnimatedClient = !!(!!(hasAnimationProp && !staticConfig.isHOC && useAnimations) || curStateRef.hasAnimated), willBeAnimated = !isServer && willBeAnimatedClient;
-  willBeAnimated && !curStateRef.hasAnimated && (curStateRef.hasAnimated = !0);
-  const presence = willBeAnimated && props.animatePresence !== !1 && animationDriver?.usePresence?.() || null, presenceState = presence?.[2], isExiting = presenceState?.isPresent === !1, isEntering = presenceState?.isPresent === !0 && presenceState.initial !== !1, hasEnterStyle = !!props.enterStyle, hasRNAnimation = hasAnimationProp && animationDriver?.isReactNative;
-  process.env.NODE_ENV === "development" && time && time`pre-use-state`;
-  const hasEnterState = hasEnterStyle || isEntering, didHydrateOnce = willBeAnimated ? useDidHydrateOnce() : !0, initialState = hasEnterState || !didHydrateOnce && hasRNAnimation ? (
-    // on the very first render we switch all spring animation drivers to css rendering
-    // this is because we need to use css variables, which they don't support to do proper SSR
-    // without flickers of the wrong colors.
-    // but once we do that initial hydration and we are in client side rendering mode,
-    // we can avoid the extra re-render on mount
-    isWeb && !didHydrateOnce ? defaultComponentState : defaultComponentStateShouldEnter
-  ) : defaultComponentStateMounted, disabled = isDisabled(props);
-  disabled != null && (initialState.disabled = disabled);
-  const states = React.useState(initialState), state = props.forceStyle ? { ...states[0], [props.forceStyle]: !0 } : states[0], setState = states[1], isHydrated = state.unmounted === !1 || state.unmounted === "should-enter";
-  let isAnimated = willBeAnimated;
-  isWeb && hasRNAnimation && !staticConfig.isHOC && state.unmounted === !0 && (isAnimated = !1, curStateRef.willHydrate = !0), disabled !== state.disabled && (state.disabled = disabled, disabled && Object.assign(state, defaultComponentStateMounted), setState({ ...state }));
-  let setStateShallow = createShallowSetState(setState, disabled, !1, props.debug);
-  if (presenceState && isAnimated && isHydrated && staticConfig.variants) {
-    process.env.NODE_ENV === "development" && props.debug === "verbose" && console.warn(`has presenceState ${JSON.stringify(presenceState)}`);
-    const { enterVariant, exitVariant, enterExitVariant, custom } = presenceState;
-    isObj(custom) && Object.assign(props, custom);
-    const exv = exitVariant ?? enterExitVariant, env = enterVariant ?? enterExitVariant;
-    state.unmounted && env && staticConfig.variants[env] ? (process.env.NODE_ENV === "development" && props.debug === "verbose" && console.warn(`Animating presence ENTER "${env}"`), props[env] = !0) : isExiting && exv && (process.env.NODE_ENV === "development" && props.debug === "verbose" && console.warn(`Animating presence EXIT "${exv}"`), props[exv] = exitVariant !== enterExitVariant);
-  }
-  let shouldAvoidClasses = !isWeb;
-  if (isWeb) {
-    const { disableClassName } = props, isAnimatedAndHydrated = isAnimated && !supportsCSSVars && didHydrateOnce && !isServer, isClassNameDisabled = !staticConfig.acceptsClassName && (config.disableSSR || didHydrateOnce), isDisabledManually = disableClassName && !isServer && didHydrateOnce && state.unmounted === !0;
-    (isAnimatedAndHydrated || isDisabledManually || isClassNameDisabled) && (shouldAvoidClasses = !0, process.env.NODE_ENV === "development" && props.debug && log("avoiding className", {
-      isAnimatedAndHydrated,
-      isDisabledManually,
-      isClassNameDisabled
-    }));
-  }
-  const groupName = props.group;
-  if (groupName && !curStateRef.group) {
-    const listeners = /* @__PURE__ */ new Set();
-    curStateRef.group = {
-      listeners,
-      emit(name, state2) {
-        listeners.forEach((l) => l(name, state2));
-      },
-      subscribe(cb) {
-        return listeners.add(cb), () => {
-          listeners.delete(cb);
-        };
-      }
-    };
-  }
-  if (groupName) {
-    const groupContextState = groups.state, og = setStateShallow;
-    setStateShallow = (state2) => {
-      og(state2), curStateRef.group.emit(groupName, {
-        pseudo: state2
-      });
-      const next = {
-        ...groupContextState[groupName],
-        ...state2
-      };
-      groupContextState[groupName] = next;
-    };
-  }
-  return {
-    curStateRef,
-    disabled,
-    groupName,
-    hasAnimationProp,
-    hasEnterStyle,
-    isAnimated,
-    isExiting,
-    isHydrated,
-    presence,
-    presenceState,
-    setState,
-    setStateShallow,
-    shouldAvoidClasses,
-    state,
-    stateRef,
-    supportsCSSVars,
-    willBeAnimated,
-    willBeAnimatedClient
-  };
-};
 let BaseText, BaseView;
 const lastInteractionWasKeyboard = { value: !1 };
 isWeb && globalThis.document && (document.addEventListener("keydown", () => {
@@ -174,14 +79,7 @@ function createComponent(staticConfig) {
       defaultForComponent && (defaultProps = { ...defaultForComponent, ...defaultProps });
     }
   });
-  const {
-    Component,
-    isText,
-    isZStack,
-    isHOC,
-    validStyles: validStyles2 = {},
-    variants = {}
-  } = staticConfig;
+  const { Component, isText, isZStack, isHOC } = staticConfig;
   process.env.NODE_ENV === "development" && staticConfig.defaultProps?.debug && process.env.IS_STATIC !== "is_static" && log(`\u{1F41B} [${componentName || "Component"}]`, {
     staticConfig,
     defaultProps,
@@ -792,53 +690,12 @@ const AbsoluteFill = createComponent({
     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;
-  });
-}
-const fromPx = (val) => typeof val != "string" ? val : +val.replace("px", ""), isDisabled = (props) => props.disabled || props.accessibilityState?.disabled || props["aria-disabled"] || props.accessibilityDisabled || !1, subscribeToContextGroup = ({
-  disabled = !1,
-  setStateShallow,
-  pseudoGroups,
-  mediaGroups,
-  componentContext,
-  state
-}) => {
-  if (pseudoGroups || mediaGroups) {
-    const current = {
-      pseudo: {},
-      media: {}
-    };
-    return process.env.NODE_ENV === "development" && !componentContext.groups && console.debug("No context group found"), componentContext.groups?.subscribe?.((name, { layout, pseudo }) => {
-      if (pseudo && pseudoGroups?.has(String(name)))
-        Object.assign(current.pseudo, pseudo), persist();
-      else if (layout && mediaGroups) {
-        const mediaState = getMediaState(mediaGroups, layout), next = mergeIfNotShallowEqual(current.media, mediaState);
-        next !== current.media && (Object.assign(current.media, next), persist());
-      }
-      function persist() {
-        const group = {
-          ...state.group,
-          [name]: current
-        };
-        setStateShallow({
-          group
-        });
-      }
-    });
-  }
-};
+}), fromPx = (val) => typeof val != "string" ? val : +val.replace("px", "");
 export {
   Spacer,
   Unspaced,
   componentSetStates,
   createComponent,
-  isDisabled,
-  spacedChildren,
-  subscribeToContextGroup,
-  useComponentState
+  spacedChildren
 };
 //# sourceMappingURL=createComponent.js.map