@hanzogui/web 3.0.6 → 4.4.0

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

@@ -9,98 +9,140 @@ import { log } from "../helpers/log.native.js";
 function _type_of(obj) {
   "@swc/helpers - typeof";
 
-  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
+  return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
 var useComponentState = function (props, animationDriver, staticConfig, config) {
   "use no memo";
 
-  var _animationDriver_usePresence,
-    isHydrated = useDidFinishSSR(),
-    needsHydration = !useIsClientOnly(),
-    useAnimations = animationDriver?.isStub ? void 0 : animationDriver?.useAnimations,
-    {
-      isHOC
-    } = staticConfig,
-    stateRef = useRef(
-    // performance: avoid creating object every render
-    void 0);
-  stateRef.current || (stateRef.current = {
-    startedUnhydrated: needsHydration && !isHydrated
-  });
-  var hasAnimationProp = !!(!isHOC && "transition" in props || props.style && hasAnimatedStyleValue(props.style)),
-    _animationDriver_inputStyle,
-    inputStyle = (_animationDriver_inputStyle = animationDriver?.inputStyle) !== null && _animationDriver_inputStyle !== void 0 ? _animationDriver_inputStyle : "css",
-    _animationDriver_outputStyle,
-    outputStyle = (_animationDriver_outputStyle = animationDriver?.outputStyle) !== null && _animationDriver_outputStyle !== void 0 ? _animationDriver_outputStyle : "css",
-    curStateRef = stateRef.current;
-  !needsHydration && hasAnimationProp && (curStateRef.hasAnimated = !0);
-  var willBeAnimatedClient = function () {
-      var next = !!(hasAnimationProp && !isHOC && useAnimations);
-      return !!(next || curStateRef.hasAnimated);
-    }(),
-    willBeAnimated = !isServer && willBeAnimatedClient;
-  willBeAnimated && !curStateRef.hasAnimated && (curStateRef.hasAnimated = !0);
+  var _animationDriver_usePresence;
+  var isHydrated = useDidFinishSSR();
+  var needsHydration = !useIsClientOnly();
+  var useAnimations = (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.isStub) ? void 0 : animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.useAnimations;
   var {
-      disableClassName
-    } = props,
-    presence = !isHOC && willBeAnimated && props.animatePresence !== !1 && (animationDriver == null || (_animationDriver_usePresence = animationDriver.usePresence) === null || _animationDriver_usePresence === void 0 ? void 0 : _animationDriver_usePresence.call(animationDriver)) || null,
-    presenceState = presence?.[2],
-    isExiting = presenceState?.isPresent === !1,
-    isEntering = presenceState?.isPresent === !0 && presenceState.initial !== !1,
-    hasEnterStyle = !!props.enterStyle,
-    hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated && (animationDriver?.isReactNative || inputStyle !== "css"),
-    canImmediatelyEnter = hasEnterStyle || isEntering,
-    shouldEnter = !isHOC && (hasEnterStyle || isEntering || hasAnimationThatNeedsHydrate ||
-    // disableClassName doesnt work server side, only client, so needs hydrate
-    // this is just for a better ux, supports css variables for light/dark, media queries, etc
-    disableClassName),
-    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
-    canImmediatelyEnter ? defaultComponentStateShouldEnter : defaultComponentState : defaultComponentStateMounted,
-    disabled = isDisabled(props);
-  disabled != null && (initialState.disabled = disabled);
-  var states = useState(initialState),
-    state = props.forceStyle ? {
-      ...states[0],
-      [props.forceStyle]: !0
-    } : states[0],
-    setState = states[1],
-    isAnimated = willBeAnimated;
-  isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated && (isAnimated = !1, curStateRef.willHydrate = !0), disabled !== state.disabled && (disabled && Object.assign(state, defaultComponentStateMounted), state.disabled = disabled, setState(function (_) {
-    return {
-      ...state
+    isHOC
+  } = staticConfig;
+  var stateRef = useRef(
+  // performance: avoid creating object every render
+  void 0);
+  if (!stateRef.current) {
+    stateRef.current = {
+      startedUnhydrated: needsHydration && !isHydrated
     };
-  }));
-  var groupName = props.group,
-    setStateShallow = useCreateShallowSetState(setState, props.debug);
+  }
+  var hasAnimationProp = Boolean(!isHOC && "transition" in props || props.style && hasAnimatedStyleValue(props.style));
+  var _animationDriver_inputStyle;
+  var inputStyle = (_animationDriver_inputStyle = animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.inputStyle) !== null && _animationDriver_inputStyle !== void 0 ? _animationDriver_inputStyle : "css";
+  var _animationDriver_outputStyle;
+  var outputStyle = (_animationDriver_outputStyle = animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.outputStyle) !== null && _animationDriver_outputStyle !== void 0 ? _animationDriver_outputStyle : "css";
+  var curStateRef = stateRef.current;
+  if (!needsHydration && hasAnimationProp) {
+    curStateRef.hasAnimated = true;
+  }
+  var willBeAnimatedClient = function () {
+    var next = !!(hasAnimationProp && !isHOC && useAnimations);
+    return Boolean(next || curStateRef.hasAnimated);
+  }();
+  var willBeAnimated = !isServer && willBeAnimatedClient;
+  if (willBeAnimated && !curStateRef.hasAnimated) {
+    curStateRef.hasAnimated = true;
+  }
+  var {
+    disableClassName
+  } = props;
+  var presence = !isHOC && willBeAnimated && props["animatePresence"] !== false && (animationDriver === null || animationDriver === void 0 ? void 0 : (_animationDriver_usePresence = animationDriver.usePresence) === null || _animationDriver_usePresence === void 0 ? void 0 : _animationDriver_usePresence.call(animationDriver)) || null;
+  var presenceState = presence === null || presence === void 0 ? void 0 : presence[2];
+  var isExiting = (presenceState === null || presenceState === void 0 ? void 0 : presenceState.isPresent) === false;
+  var isEntering = (presenceState === null || presenceState === void 0 ? void 0 : presenceState.isPresent) === true && presenceState.initial !== false;
+  var hasEnterStyle = !!props.enterStyle;
+  var hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated && ((animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.isReactNative) || inputStyle !== "css");
+  var canImmediatelyEnter = hasEnterStyle || isEntering;
+  var shouldEnter = !isHOC && (hasEnterStyle || isEntering || hasAnimationThatNeedsHydrate ||
+  // disableClassName doesnt work server side, only client, so needs hydrate
+  // this is just for a better ux, supports css variables for light/dark, media queries, etc
+  disableClassName);
+  var 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
+  canImmediatelyEnter ? defaultComponentStateShouldEnter : defaultComponentState : defaultComponentStateMounted;
+  var disabled = isDisabled(props);
+  if (disabled != null) {
+    initialState.disabled = disabled;
+  }
+  var states = useState(initialState);
+  var state = props.forceStyle ? {
+    ...states[0],
+    [props.forceStyle]: true
+  } : states[0];
+  var setState = states[1];
+  var isAnimated = willBeAnimated;
+  if (isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated) {
+    isAnimated = false;
+    curStateRef.willHydrate = true;
+  }
+  if (disabled !== state.disabled) {
+    if (disabled) {
+      Object.assign(state, defaultComponentStateMounted);
+    }
+    state.disabled = disabled;
+    setState(function (_) {
+      return {
+        ...state
+      };
+    });
+  }
+  var groupName = props.group;
+  var setStateShallow = useCreateShallowSetState(setState, props.debug);
   if (presenceState && isAnimated && isHydrated && staticConfig.variants) {
-    process.env.NODE_ENV === "development" && props.debug === "verbose" && console.warn(`has presenceState ${JSON.stringify(presenceState)}`);
+    if (process.env.NODE_ENV === "development" && props.debug === "verbose") {
+      console.warn(`has presenceState ${JSON.stringify(presenceState)}`);
+    }
     var {
       enterVariant,
       exitVariant,
       enterExitVariant,
       custom
     } = presenceState;
-    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);
+    if (isObj(custom)) {
+      Object.assign(props, custom);
+    }
+    var exv = exitVariant !== null && exitVariant !== void 0 ? exitVariant : enterExitVariant;
+    var env = enterVariant !== null && enterVariant !== void 0 ? enterVariant : enterExitVariant;
+    if (state.unmounted && env && staticConfig.variants[env]) {
+      if (process.env.NODE_ENV === "development" && props.debug === "verbose") {
+        console.warn(`Animating presence ENTER "${env}"`);
+      }
+      props[env] = true;
+    } else if (isExiting && exv) {
+      if (process.env.NODE_ENV === "development" && props.debug === "verbose") {
+        console.warn(`Animating presence EXIT "${exv}"`);
+      }
+      props[exv] = exitVariant !== enterExitVariant;
+    }
   }
   var noClass = !isWeb || !!props.forceStyle;
-  if (!isHydrated) noClass = !1;else if (isWeb && isHydrated) {
-    var isAnimatedAndHydrated = isAnimated && isHydrated,
-      isClassNameDisabled = !staticConfig.acceptsClassName && (getSetting("disableSSR") || !state.unmounted),
-      isDisabledManually = disableClassName && !state.unmounted;
-    // Only disable className for animation drivers that output inline styles (not css)
-    (isAnimatedAndHydrated && outputStyle !== "css" || isDisabledManually || isClassNameDisabled) && (noClass = !0, process.env.NODE_ENV === "development" && props.debug === "verbose" && log("avoiding className", {
-      isAnimatedAndHydrated,
-      isDisabledManually,
-      isClassNameDisabled
-    }));
+  if (!isHydrated) {
+    noClass = false;
+  } else {
+    if (isWeb && isHydrated) {
+      var isAnimatedAndHydrated = isAnimated && isHydrated;
+      var isClassNameDisabled = !staticConfig.acceptsClassName && (getSetting("disableSSR") || !state.unmounted);
+      var isDisabledManually = disableClassName && !state.unmounted;
+      if (
+      // Only disable className for animation drivers that output inline styles (not css)
+      isAnimatedAndHydrated && outputStyle !== "css" || isDisabledManually || isClassNameDisabled) {
+        noClass = true;
+        if (process.env.NODE_ENV === "development" && props.debug === "verbose") {
+          log(`avoiding className`, {
+            isAnimatedAndHydrated,
+            isDisabledManually,
+            isClassNameDisabled
+          });
+        }
+      }
+    }
   }
   return {
     startedUnhydrated: curStateRef.startedUnhydrated,
@@ -128,12 +170,12 @@ var useComponentState = function (props, animationDriver, staticConfig, config)
 function hasAnimatedStyleValue(style) {
   return Object.keys(style).some(function (k) {
     var val = style[k];
-    return val && (typeof val > "u" ? "undefined" : _type_of(val)) === "object" && "_animation" in val;
+    return val && (typeof val === "undefined" ? "undefined" : _type_of(val)) === "object" && "_animation" in val;
   });
 }
 var isDisabled = function (props) {
   var _props_accessibilityState;
-  return props.disabled || props.passThrough || ((_props_accessibilityState = props.accessibilityState) === null || _props_accessibilityState === void 0 ? void 0 : _props_accessibilityState.disabled) || props["aria-disabled"] || props.accessibilityDisabled || !1;
+  return props.disabled || props.passThrough || ((_props_accessibilityState = props.accessibilityState) === null || _props_accessibilityState === void 0 ? void 0 : _props_accessibilityState.disabled) || props["aria-disabled"] || props.accessibilityDisabled || false;
 };
 export { useComponentState };
 //# sourceMappingURL=useComponentState.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["isServer","isWeb","useCreateShallowSetState","useDidFinishSSR","useIsClientOnly","useRef","useState","getSetting","defaultComponentState","defaultComponentStateMounted","defaultComponentStateShouldEnter","isObj","log","_type_of","obj","Symbol","constructor","useComponentState","props","animationDriver","staticConfig","config","_animationDriver_usePresence","isHydrated","needsHydration","useAnimations","isStub","isHOC","stateRef","current","startedUnhydrated","hasAnimationProp","style","hasAnimatedStyleValue","_animationDriver_inputStyle","inputStyle","_animationDriver_outputStyle","outputStyle","curStateRef","hasAnimated","willBeAnimatedClient","next","willBeAnimated","disableClassName","presence","animatePresence","usePresence","call","presenceState","isExiting","isPresent","isEntering","initial","hasEnterStyle","enterStyle","hasAnimationThatNeedsHydrate","isReactNative","canImmediatelyEnter","shouldEnter","initialState","disabled","isDisabled","states","state","forceStyle","setState","isAnimated","willHydrate","Object","assign","_","groupName","group","setStateShallow","debug","variants","process","env","NODE_ENV","console","warn","JSON","stringify","enterVariant","exitVariant","enterExitVariant","custom","exv","unmounted","noClass","isAnimatedAndHydrated","isClassNameDisabled","acceptsClassName","isDisabledManually"],"sources":["../../../src/hooks/useComponentState.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,EAAUC,KAAA,QAAa;AAChC,SAASC,wBAAA,QAAgC;AACzC,SAASC,eAAA,EAAiBC,eAAA,QAAuB;AACjD,SAASC,MAAA,EAAQC,QAAA,QAAgB;AACjC,SAASC,UAAA,QAAkB;AAC3B,SAAAC,qBAAA,EAAAC,4BAAA,EAAAC,gCAAA;AAAA,SACEC,KAAA;AAAA,SACAC,GAAA;AAAA,SACAC,SAAAC,GAAA;EAAA,uBACK;;EACP,OAASA,GAAA,WAAaC,MAAA,UAAAD,GAAA,CAAAE,WAAA,KAAAD,MAAA,qBAAAD,GAAA;AACtB;AAYO,IAAAG,iBAAM,YAAAA,CACXC,KACA,EAAAC,eACA,EAAAC,YACA,EAAAC,MACG;EACH;;EAEA,IAAAC,4BAAmB;IAAAC,UACb,GAAApB,eAAkB;IAAAqB,cAElB,IAAApB,eAAgB;IAAAqB,aAAiB,GACnCN,eACC,EAAAO,MAAA,GAAiB,SAAAP,eAER,EAAIM,aAEZ;IAAA;MAAAE;IAAA,CAAW,GAAAP,YAAA;IAAAQ,QAAA,GAAAvB,MAAA;IAAA;IAEf,MACF;EAEKuB,QAAA,CAASC,OAAA,KACZD,QAAA,CAASC,OAAA,GAAU;IACjBC,iBAAA,EAAmBN,cAAA,IAAkB,CAACD;EACxC;EAIF,IAAAQ,gBAAM,MAAmB,CAAAJ,KACrB,gBAAS,IAAAT,KAAgB,IAAAA,KAC1B,CAAAc,KAAM,IAAAC,qBAAS,CAAAf,KAAsB,CAAAc,KAAM,EAAK;IAAAE,2BAGhC;IAAAC,UAAiB,IAAAD,2BAChB,GAAAf,eAAiB,EAAAgB,UAAe,MAC9C,QAAAD,2BAAuB,cAAAA,2BAAA;IAAAE,4BAAA;IAAAC,WAAA,IAAAD,4BAAA,GAAAjB,eAAA,EAAAkB,WAAA,cAAAD,4BAAA,cAAAA,4BAAA;IAAAE,WAAA,GAAAV,QAAA,CAAAC,OAAA;EAEzB,CAACL,cAAA,IAAkBO,gBAAA,KACrBO,WAAA,CAAYC,WAAA,GAAc;EAG5B,IAAAC,oBAAM,eACY;MAOd,IAAAC,IAAA,MAAAV,gBAA+B,KAAAJ,KAAA,IAAAF,aACrB;MAGd,OAAQ,GAAAgB,IAAA,IAAAH,WAAqB,CAAAC,WAGvB;IAyBF;IAAAG,cAAA,IAAA1C,QAAA,IAAAwC,oBAAA;EAGAE,cAAA,KAAAJ,WAAA,CAAAC,WAAA,KAAAD,WAAA,CAAAC,WAAA;EAAA;MAAAI;IAAA,IAAAzB,KAAA;IAAA0B,QAAA,IAAAjB,KAAA,IAAAe,cAAA,IAAAxB,KAAA,CAAA2B,eAAA,YAAA1B,eAAA,aAAAG,4BAAA,GAAAH,eAAA,CAAA2B,WAAA,cAAAxB,4BAAA,uBAAAA,4BAAA,CAAAyB,IAAA,CAAA5B,eAAA;IAAA6B,aAAA,GAAAJ,QAAA;IAAAK,SAAA,GAAAD,aAAA,EAAAE,SAAA;IAAAC,UAAA,GAAAH,aAAA,EAAAE,SAAA,WAAAF,aAAA,CAAAI,OAAA;IAAAC,aAAA,KAAAnC,KAAA,CAAAoC,UAAA;IAAAC,4BAAA,GAAAxB,gBAAA,KAAAR,UAAA,KAAAJ,eAAA,EAAAqC,aAAA,IAAArB,UAAA;IAAAsB,mBAAA,GAAAJ,aAAA,IAAAF,UAAA;IAAAO,WAAA,IAAA/B,KAAA,KAAA0B,aAAA,IAAAF,UAAA,IAAAI,4BAAA;IAAA;IAAA;IAAAZ,gBAAA;IAAAgB,YAAA,GAAAD,WAAA;IAAA;IAAA;IAVwB;IAyBtB;IAMF;IAKJD,mBAAe,GAA4B/C,gCAEvB,GAAAF,qBAA0B,GAU1CC,4BAAa;IAAAmD,QAAA,GAAAC,UAAA,CAAA3C,KAAA;EACb0C,QAAA,IAAS,SAAAD,YAAA,CAAAC,QAAiC,GAAAA,QAAA;EAe9C,IAAAE,MAAM,GAAAxD,QAAY,CAAAqD,YAEZ;IAAAI,KAAA,GAAA7C,KAAkB,CAAA8C,UAAA;MAGxB,GAAIF,MAAA;MACE,CAAA5C,KAAA,CAAA8C,UAAY;IAGhB,IAAAF,MAAQ;IAAAG,QAAA,GAAcH,MAAA;IAAaI,UAAA,GAAAxB,cAAyB;EAC5DzC,KAAI,IAAMsD,4BACM,IAAO,CAAAnC,YAAM,CAAAO,KAAA,KAAAJ,UAAA,KAAA2C,UAAA,OAAA5B,WAAA,CAAA6B,WAAA,QAAAP,QAAA,KAAAG,KAAA,CAAAH,QAAA,KAAAA,QAAA,IAAAQ,MAAA,CAAAC,MAAA,CAAAN,KAAA,EAAAtD,4BAAA,GAAAsD,KAAA,CAAAH,QAAA,GAAAA,QAAA,EAAAK,QAAA,WAAAK,CAAA;IAE7B,OAAM;MAEF,GAAAP;IAWN;EAEA;EAEA,IAAIQ,SAAC,GAAArD,KAAA,CAAAsD,KAAA;IAAAC,eAAA,GAAAvE,wBAAA,CAAA+D,QAAA,EAAA/C,KAAA,CAAAwD,KAAA;EACH,IAAA1B,aAAU,IAAAkB,UAAA,IAAA3C,UAAA,IAAAH,YAAA,CAAAuD,QAAA;IAAAC,OAQN,CAAAC,GAAA,CAAAC,QAAS,kBAAY,IAAA5D,KAAA,CAAAwD,KAAA,kBAAAK,OAAA,CAAAC,IAAA,sBAAAC,IAAA,CAAAC,SAAA,CAAAlC,aAAA;IACvB;MAAMmC,YAAA;MAAAC,WAAwB;MAAAC,gBAAc;MAAAC;IAEtC,IAAAtC,aAAA;IAKNrC,KAAA,CAAA2E,MAAA,KAAAlB,MAAA,CAAAC,MAAA,CAAAnD,KAAA,EAAAoE,MAAA;IAAA,IAEGC,GAAA,GAAAH,WAAA,IAAAC,gBAAyB;MAAgBR,GAAA,GAAAM,YAC1C,IAAAE,gBACA;IAK4BtB,KACxB,CAAAyB,SAAA,IAAAX,GAAA,IAAAzD,YAAA,CAAAuD,QAAA,CAAAE,GAAA,KAAAD,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAA5D,KAAA,CAAAwD,KAAA,kBAAAK,OAAA,CAAAC,IAAA,8BAAAH,GAAA,MAAA3D,KAAA,CAAA2D,GAAA,UAAA5B,SAAA,IAAAsC,GAAA,KAAAX,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAA5D,KAAA,CAAAwD,KAAA,kBAAAK,OAAA,CAAAC,IAAA,6BAAAO,GAAA,MAAArE,KAAA,CAAAqE,GAAA,IAAAH,WAAA,KAAAC,gBAAA;EAAA;EACA,IACAI,OAAA,IAAAxF,KAAA,MAAAiB,KAAA,CAAA8C,UAAA;EAAA,IACD,CAAAzC,UAAA,EAGPkE,OAAA,WAGF,IAAOxF,KAAA,IAAAsB,UAAA;IACL,IAAAmE,qBAAmB,GAAAxB,UAAY,IAAA3C,UAAA;MAAAoE,mBAAA,IAAAvE,YAAA,CAAAwE,gBAAA,KAAArF,UAAA,mBAAAwD,KAAA,CAAAyB,SAAA;MAAAK,kBAAA,GAAAlD,gBAAA,KAAAoB,KAAA,CAAAyB,SAAA;IAC/B;IACA,CAAAE,qBAAA,IAAArD,WAAA,cAAAwD,kBAAA,IAAAF,mBAAA,MAAAF,OAAA,OAAAb,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAA5D,KAAA,CAAAwD,KAAA,kBAAA9D,GAAA;MACA8E,qBAAA;MACAG,kBAAA;MACAF;IACA;EAAA;EACA,OACA;IACA7D,iBAAA,EAAAQ,WAAA,CAAAR,iBAAA;IACAQ,WAAA;IACAsB,QAAA;IACAW,SAAA;IACAxC,gBAAA;IACAsB,aAAA;IACAa,UAAA;IACAjB,SAAA;IACA1B,UAAA;IACAqB,QAAA;IACAI,aAAA;IACFiB,QAAA;IACFQ,eAAA;IAEAgB,OAAS;IACP1B,KAAO;IACLnC,QAAM;IACNO,UAAO;IACRE,WAAA;IACHK,cAAA;IAEAF","ignoreList":[]}
+{"version":3,"names":["isServer","isWeb","useCreateShallowSetState","useDidFinishSSR","useIsClientOnly","useRef","useState","getSetting","defaultComponentState","defaultComponentStateMounted","defaultComponentStateShouldEnter","isObj","log","_type_of","obj","Symbol","constructor","useComponentState","props","animationDriver","staticConfig","config","_animationDriver_usePresence","isHydrated","needsHydration","useAnimations","isStub","isHOC","stateRef","current","startedUnhydrated","hasAnimationProp","Boolean","style","hasAnimatedStyleValue","_animationDriver_inputStyle","inputStyle","_animationDriver_outputStyle","outputStyle","curStateRef","hasAnimated","willBeAnimatedClient","next","willBeAnimated","disableClassName","presence","usePresence","call","presenceState","isExiting","isPresent","isEntering","initial","hasEnterStyle","enterStyle","hasAnimationThatNeedsHydrate","isReactNative","canImmediatelyEnter","shouldEnter","initialState","disabled","isDisabled","states","state","forceStyle","setState","isAnimated","willHydrate","Object","assign","_","groupName","group","setStateShallow","debug","variants","process","env","NODE_ENV","console","warn","JSON","stringify","enterVariant","exitVariant","enterExitVariant","custom","exv","unmounted","noClass","isAnimatedAndHydrated","isClassNameDisabled","acceptsClassName","isDisabledManually"],"sources":["../../../src/hooks/useComponentState.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/hooks/useDisableSSR.native.js

@@ -1,7 +1,7 @@
 import { getSetting } from "../config.native.js";
 function getDisableSSR(componentContext) {
   var _componentContext_disableSSR;
-  return (_componentContext_disableSSR = componentContext?.disableSSR) !== null && _componentContext_disableSSR !== void 0 ? _componentContext_disableSSR : getSetting("disableSSR");
+  return (_componentContext_disableSSR = componentContext === null || componentContext === void 0 ? void 0 : componentContext.disableSSR) !== null && _componentContext_disableSSR !== void 0 ? _componentContext_disableSSR : getSetting("disableSSR");
 }
 export { getDisableSSR };
 //# sourceMappingURL=useDisableSSR.native.js.map

package/dist/esm/hooks/useDisableSSR.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["getSetting","getDisableSSR","componentContext","_componentContext_disableSSR","disableSSR"],"sources":["../../../src/hooks/useDisableSSR.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,UAAA,QAAkB;AAGpB,SAASC,cAAcC,gBAAA,EAAsC;EAClE,IAAAC,4BAAyB;EAC3B,QAAAA,4BAAA,GAAAD,gBAAA,EAAAE,UAAA,cAAAD,4BAAA,cAAAA,4BAAA,GAAAH,UAAA","ignoreList":[]}
+{"version":3,"names":["getSetting","getDisableSSR","componentContext","_componentContext_disableSSR","disableSSR"],"sources":["../../../src/hooks/useDisableSSR.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,UAAA,QAAkB;AAGpB,SAASC,cAAcC,gBAAA,EAAsC;EAClE,IAAAC,4BAAyB;EAC3B,QAAAA,4BAAA,GAAAD,gBAAA,aAAAA,gBAAA,uBAAAA,gBAAA,CAAAE,UAAA,cAAAD,4BAAA,cAAAA,4BAAA,GAAAH,UAAA","ignoreList":[]}

package/dist/esm/hooks/useIsTouchDevice.mjs

@@ -1,5 +1,7 @@
 import { isTouchable, isWeb } from "@hanzogui/constants";
 import { useDidFinishSSR } from "@hanzogui/use-did-finish-ssr";
-const useIsTouchDevice = () => isWeb ? useDidFinishSSR() ? isTouchable : !1 : !0;
+const useIsTouchDevice = () => {
+  return !isWeb ? true : useDidFinishSSR() ? isTouchable : false;
+};
 export { useIsTouchDevice };
 //# sourceMappingURL=useIsTouchDevice.mjs.map

package/dist/esm/hooks/useIsTouchDevice.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["isTouchable","isWeb","useDidFinishSSR","useIsTouchDevice"],"sources":["../../../src/hooks/useIsTouchDevice.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,WAAA,EAAaC,KAAA,QAAa;AACnC,SAASC,eAAA,QAAuB;AAEzB,MAAMC,gBAAA,GAAmBA,CAAA,KACtBF,KAAA,GAAeC,eAAA,CAAgB,IAAIF,WAAA,GAAc,KAAzC","ignoreList":[]}
+{"version":3,"names":["isTouchable","isWeb","useDidFinishSSR","useIsTouchDevice"],"sources":["../../../src/hooks/useIsTouchDevice.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,WAAA,EAAaC,KAAA,QAAa;AACnC,SAASC,eAAA,QAAuB;AAEzB,MAAMC,gBAAA,GAAmBA,CAAA,KAAM;EACpC,OAAO,CAACF,KAAA,GAAQ,OAAOC,eAAA,CAAgB,IAAIF,WAAA,GAAc;AAC3D","ignoreList":[]}

package/dist/esm/hooks/useIsTouchDevice.native.js

@@ -1,7 +1,7 @@
 import { isTouchable, isWeb } from "@hanzogui/constants";
 import { useDidFinishSSR } from "@hanzogui/use-did-finish-ssr";
 var useIsTouchDevice = function () {
-  return isWeb ? useDidFinishSSR() ? isTouchable : !1 : !0;
+  return !isWeb ? true : useDidFinishSSR() ? isTouchable : false;
 };
 export { useIsTouchDevice };
 //# sourceMappingURL=useIsTouchDevice.native.js.map

package/dist/esm/hooks/useIsTouchDevice.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["isTouchable","isWeb","useDidFinishSSR","useIsTouchDevice"],"sources":["../../../src/hooks/useIsTouchDevice.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,WAAA,EAAaC,KAAA,QAAa;AACnC,SAASC,eAAA,QAAuB;AAEzB,IAAAC,gBAAM,YAAAA,CAAA,EACH","ignoreList":[]}
+{"version":3,"names":["isTouchable","isWeb","useDidFinishSSR","useIsTouchDevice"],"sources":["../../../src/hooks/useIsTouchDevice.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,WAAA,EAAaC,KAAA,QAAa;AACnC,SAASC,eAAA,QAAuB;AAEzB,IAAAC,gBAAM,YAAAA,CAAA,EAAyB;EACpC,OAAO,CAACF,KAAA,GAAQ,OAAOC,eAAA,CAAgB,IAAIF,WAAA,GAAc;AAC3D","ignoreList":[]}

package/dist/esm/hooks/useMedia.mjs

@@ -6,57 +6,81 @@ import { matchMedia } from "../helpers/matchMedia.mjs";
 import { mediaObjectToString } from "../helpers/mediaObjectToString.mjs";
 import { getMedia, mediaKeys, mediaQueryConfig, setMediaState } from "../helpers/mediaState.mjs";
 import { defaultMediaImportance } from "../helpers/pseudoDescriptors.mjs";
-const mediaKeyRegex = /\$(platform|theme|group)-/,
-  isMediaKey = key => key[0] !== "$" ? !1 : !!(mediaKeys.has(key) || mediaKeyRegex.test(key)),
-  getMediaKey = key => {
-    if (key[0] !== "$") return !1;
-    if (mediaKeys.has(key)) return !0;
-    const match = key.match(mediaKeyRegex);
-    return match ? match[1] : !1;
-  };
-let initState, mediaKeysOrdered;
+const mediaKeyRegex = /\$(platform|theme|group)-/;
+const isMediaKey = key => {
+  if (key[0] !== "$") return false;
+  if (mediaKeys.has(key)) return true;
+  if (mediaKeyRegex.test(key)) return true;
+  return false;
+};
+const getMediaKey = key => {
+  if (key[0] !== "$") return false;
+  if (mediaKeys.has(key)) return true;
+  const match = key.match(mediaKeyRegex);
+  if (match) return match[1];
+  return false;
+};
+let initState;
+let mediaKeysOrdered;
 const getMediaKeyImportance = key => {
-    if (process.env.NODE_ENV === "development" && key[0] === "$") throw new Error("use short key");
-    return mediaKeysOrdered.indexOf(key) + 100;
-  },
-  dispose = /* @__PURE__ */new Set();
+  if (process.env.NODE_ENV === "development" && key[0] === "$") {
+    throw new Error("use short key");
+  }
+  return mediaKeysOrdered.indexOf(key) + 100;
+};
+const dispose = /* @__PURE__ */new Set();
 let mediaVersion = 0;
 const configureMedia = config => {
   const {
-      media
-    } = config,
-    mediaQueryDefaultActive = getSetting("mediaQueryDefaultActive");
-  if (media) {
-    mediaVersion++, resetMediaStyleCache();
-    for (const key in media) getMedia()[key] = mediaQueryDefaultActive?.[key] || !1, mediaKeys.add(`$${key}`);
-    Object.assign(mediaQueryConfig, media), initState = {
-      ...getMedia()
-    }, mediaKeysOrdered = Object.keys(media), setupMediaListeners();
+    media
+  } = config;
+  const mediaQueryDefaultActive = getSetting("mediaQueryDefaultActive");
+  if (!media) return;
+  mediaVersion++;
+  resetMediaStyleCache();
+  for (const key in media) {
+    getMedia()[key] = mediaQueryDefaultActive?.[key] || false;
+    mediaKeys.add(`$${key}`);
   }
+  Object.assign(mediaQueryConfig, media);
+  initState = {
+    ...getMedia()
+  };
+  mediaKeysOrdered = Object.keys(media);
+  setupMediaListeners();
 };
 function unlisten() {
-  dispose.forEach(cb => cb()), dispose.clear();
+  dispose.forEach(cb => cb());
+  dispose.clear();
 }
 let setupVersion = -1;
 function setupMediaListeners() {
-  if (!(isWeb && isServer) && !process.env.IS_STATIC && setupVersion !== mediaVersion) {
-    setupVersion = mediaVersion, unlisten();
-    for (const key in mediaQueryConfig) {
-      let update = function () {
-        const next = !!getMatch().matches;
-        next !== getMedia()[key] && (setMediaState({
-          ...getMedia(),
-          [key]: next
-        }), updateMediaListeners());
-      };
-      const str = mediaObjectToString(mediaQueryConfig[key]),
-        getMatch = () => matchMedia(str),
-        match = getMatch();
-      if (!match) throw new Error("\u26A0\uFE0F No match");
-      match.addListener(update), dispose.add(() => {
-        match.removeListener(update);
-      }), update();
+  if (isWeb && isServer) return;
+  if (process.env.IS_STATIC) return;
+  if (setupVersion === mediaVersion) return;
+  setupVersion = mediaVersion;
+  unlisten();
+  for (const key in mediaQueryConfig) {
+    let update = function () {
+      const next = !!getMatch().matches;
+      if (next === getMedia()[key]) return;
+      setMediaState({
+        ...getMedia(),
+        [key]: next
+      });
+      updateMediaListeners();
+    };
+    const str = mediaObjectToString(mediaQueryConfig[key]);
+    const getMatch = () => matchMedia(str);
+    const match = getMatch();
+    if (!match) {
+      throw new Error("\u26A0\uFE0F No match");
     }
+    match.addListener(update);
+    dispose.add(() => {
+      match.removeListener(update);
+    });
+    update();
   }
 }
 const listeners = /* @__PURE__ */new Set();
@@ -66,80 +90,112 @@ function updateMediaListeners() {
 const States = /* @__PURE__ */new WeakMap();
 function setMediaShouldUpdate(ref, enabled, keys) {
   const cur = States.get(ref);
-  (!cur || cur.enabled !== enabled || keys) && States.set(ref, {
-    ...cur,
-    enabled,
-    keys
-  });
+  if (!cur || cur.enabled !== enabled || keys) {
+    States.set(ref, {
+      ...cur,
+      enabled,
+      keys
+    });
+  }
 }
 function subscribe(subscriber) {
-  return listeners.add(subscriber), () => {
+  listeners.add(subscriber);
+  return () => {
     listeners.delete(subscriber);
   };
 }
 function useMedia(componentContext, debug) {
   "use no memo";
 
-  const componentState = componentContext ? States.get(componentContext) : null,
-    internalRef = useRef(null);
-  internalRef.current || (internalRef.current = {
-    keys: /* @__PURE__ */new Set(),
-    lastState: getMedia()
-  }), internalRef.current.pendingState && (internalRef.current.lastState = internalRef.current.pendingState, internalRef.current.pendingState = void 0);
+  const componentState = componentContext ? States.get(componentContext) : null;
+  const internalRef = useRef(null);
+  if (!internalRef.current) {
+    internalRef.current = {
+      keys: /* @__PURE__ */new Set(),
+      lastState: getMedia()
+    };
+  }
+  if (internalRef.current.pendingState) {
+    internalRef.current.lastState = internalRef.current.pendingState;
+    internalRef.current.pendingState = void 0;
+  }
   const {
     keys
   } = internalRef.current;
-  keys.size && keys.clear();
+  if (keys.size) {
+    keys.clear();
+  }
   const state = useSyncExternalStore(subscribe, () => {
-    const curKeys = componentState?.keys || keys,
-      {
-        lastState,
-        pendingState
-      } = internalRef.current;
-    if (!curKeys.size) return lastState;
+    const curKeys = componentState?.keys || keys;
+    const {
+      lastState,
+      pendingState
+    } = internalRef.current;
+    if (!curKeys.size) {
+      return lastState;
+    }
     const ms = getMedia();
-    for (const key of curKeys) if (ms[key] !== (pendingState || lastState)[key]) return process.env.NODE_ENV === "development" && debug && console.warn("useMedia() \u270D\uFE0F", key, lastState[key], "=>", ms[key]), componentContext?.mediaEmit ? (componentContext.mediaEmit(ms), internalRef.current.pendingState = ms, lastState) : (internalRef.current.lastState = ms, ms);
+    for (const key of curKeys) {
+      if (ms[key] !== (pendingState || lastState)[key]) {
+        if (process.env.NODE_ENV === "development" && debug) {
+          console.warn(`useMedia() \u270D\uFE0F`, key, lastState[key], "=>", ms[key]);
+        }
+        if (componentContext?.mediaEmit) {
+          componentContext.mediaEmit(ms);
+          internalRef.current.pendingState = ms;
+          return lastState;
+        }
+        internalRef.current.lastState = ms;
+        return ms;
+      }
+    }
     return lastState;
   }, getServerSnapshot);
   return new Proxy(state, {
     get(_, key) {
-      return !disableMediaTouch && typeof key == "string" && keys.add(key), Reflect.get(state, key);
+      if (!disableMediaTouch && typeof key === "string") {
+        keys.add(key);
+      }
+      return Reflect.get(state, key);
     }
   });
 }
 const getServerSnapshot = () => initState;
-let disableMediaTouch = !1;
+let disableMediaTouch = false;
 function _disableMediaTouch(val) {
   disableMediaTouch = val;
 }
 function getMediaState(mediaGroups, layout) {
-  disableMediaTouch = !0;
+  disableMediaTouch = true;
   let res;
   try {
-    res = Object.fromEntries([...mediaGroups].map(mediaKey => [mediaKey, mediaKeyMatch(mediaKey, layout)]));
+    res = Object.fromEntries([...mediaGroups].map(mediaKey => {
+      return [mediaKey, mediaKeyMatch(mediaKey, layout)];
+    }));
   } finally {
-    disableMediaTouch = !1;
+    disableMediaTouch = false;
   }
   return res;
 }
 const getMediaImportanceIfMoreImportant = (mediaKey, key, styleState, isSizeMedia) => {
-    const importance = isSizeMedia ? getMediaKeyImportance(mediaKey) : defaultMediaImportance,
-      usedKeys = styleState.usedKeys;
-    return !usedKeys[key] || importance > usedKeys[key] ? importance : null;
-  },
-  cachedMediaKeyToQuery = {};
+  const importance = isSizeMedia ? getMediaKeyImportance(mediaKey) : defaultMediaImportance;
+  const usedKeys = styleState.usedKeys;
+  return !usedKeys[key] || importance > usedKeys[key] ? importance : null;
+};
+const cachedMediaKeyToQuery = {};
 function mediaKeyToQuery(key) {
   return cachedMediaKeyToQuery[key] || (cachedMediaKeyToQuery[key] = mediaObjectToString(mediaQueryConfig[key]));
 }
 function mediaKeyMatch(key, dimensions) {
   const mediaQueries = mediaQueryConfig[key];
-  return Object.keys(mediaQueries).every(query => {
-    const expectedVal = +mediaQueries[query],
-      isMax = query.startsWith("max"),
-      isWidth = query.endsWith("Width"),
-      givenVal = dimensions[isWidth ? "width" : "height"];
+  const result = Object.keys(mediaQueries).every(query => {
+    const expectedVal = +mediaQueries[query];
+    const isMax = query.startsWith("max");
+    const isWidth = query.endsWith("Width");
+    const givenVal = dimensions[isWidth ? "width" : "height"];
     return isMax ? givenVal < expectedVal : givenVal > expectedVal;
   });
+  return result;
 }
 export { _disableMediaTouch, configureMedia, getMediaImportanceIfMoreImportant, getMediaKey, getMediaKeyImportance, getMediaState, isMediaKey, mediaKeyMatch, mediaKeyToQuery, setMediaShouldUpdate, setupMediaListeners, updateMediaListeners, useMedia };
 //# sourceMappingURL=useMedia.mjs.map