@hanzogui/web 2.0.0

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

@@ -0,0 +1,165 @@
+"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_constants = require("@hanzogui/constants"),
+  import_is_equal_shallow = require("@hanzogui/is-equal-shallow"),
+  import_use_did_finish_ssr = require("@hanzogui/use-did-finish-ssr"),
+  import_react = require("react"),
+  import_config = require("../config.native.js"),
+  import_defaultComponentState = require("../defaultComponentState.native.js"),
+  import_isObj = require("../helpers/isObj.native.js"),
+  import_log = require("../helpers/log.native.js");
+function _type_of(obj) {
+  "@swc/helpers - typeof";
+
+  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+var useComponentState = function (props, animationDriver, staticConfig, config) {
+  "use no memo";
+
+  var _animationDriver_usePresence,
+    isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)(),
+    needsHydration = !(0, import_use_did_finish_ssr.useIsClientOnly)(),
+    useAnimations = animationDriver?.isStub ? void 0 : animationDriver?.useAnimations,
+    {
+      isHOC
+    } = staticConfig,
+    stateRef = (0, import_react.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 = !import_constants.isServer && willBeAnimatedClient;
+  willBeAnimated && !curStateRef.hasAnimated && (curStateRef.hasAnimated = !0);
+  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 ? import_defaultComponentState.defaultComponentStateShouldEnter : import_defaultComponentState.defaultComponentState : 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],
+    isAnimated = willBeAnimated;
+  import_constants.isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated && (isAnimated = !1, curStateRef.willHydrate = !0), disabled !== state.disabled && (disabled && Object.assign(state, import_defaultComponentState.defaultComponentStateMounted), state.disabled = disabled, setState(function (_) {
+    return {
+      ...state
+    };
+  }));
+  var groupName = props.group,
+    setStateShallow = (0, import_is_equal_shallow.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)}`);
+    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 noClass = !import_constants.isWeb || !!props.forceStyle;
+  if (!isHydrated) noClass = !1;else if (import_constants.isWeb && isHydrated) {
+    var isAnimatedAndHydrated = isAnimated && isHydrated,
+      isClassNameDisabled = !staticConfig.acceptsClassName && ((0, import_config.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" && (0, import_log.log)("avoiding className", {
+      isAnimatedAndHydrated,
+      isDisabledManually,
+      isClassNameDisabled
+    }));
+  }
+  return {
+    startedUnhydrated: curStateRef.startedUnhydrated,
+    curStateRef,
+    disabled,
+    groupName,
+    hasAnimationProp,
+    hasEnterStyle,
+    isAnimated,
+    isExiting,
+    isHydrated,
+    presence,
+    presenceState,
+    setState,
+    setStateShallow,
+    noClass,
+    state,
+    stateRef,
+    inputStyle,
+    outputStyle,
+    willBeAnimated,
+    willBeAnimatedClient
+  };
+};
+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;
+  });
+}
+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;
+};
+//# sourceMappingURL=useComponentState.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useComponentState_exports","__export","useComponentState","module","exports","import_constants","require","import_is_equal_shallow","import_use_did_finish_ssr","import_react","import_config","import_defaultComponentState","import_isObj","import_log","_type_of","obj","Symbol","constructor","props","animationDriver","staticConfig","config","_animationDriver_usePresence","isHydrated","useDidFinishSSR","needsHydration","useIsClientOnly","useAnimations","isStub","isHOC","stateRef","useRef","current","startedUnhydrated","hasAnimationProp","style","hasAnimatedStyleValue","_animationDriver_inputStyle","inputStyle","_animationDriver_outputStyle","outputStyle","curStateRef","hasAnimated","willBeAnimatedClient","next","willBeAnimated","isServer","disableClassName","presence","animatePresence","usePresence","call","presenceState","isExiting","isPresent","isEntering","initial","hasEnterStyle","enterStyle","hasAnimationThatNeedsHydrate","isReactNative","canImmediatelyEnter","shouldEnter","initialState","defaultComponentStateShouldEnter","defaultComponentState","defaultComponentStateMounted","disabled","isDisabled","states","useState","state","forceStyle","setState","isAnimated","isWeb","willHydrate","Object","assign","_","groupName","group","setStateShallow","useCreateShallowSetState","debug","variants","process","env","NODE_ENV","console","warn","JSON","stringify","enterVariant","exitVariant","enterExitVariant","custom","isObj","exv","unmounted","noClass","isAnimatedAndHydrated","isClassNameDisabled","acceptsClassName","getSetting","isDisabledManually","log"],"sources":["../../../src/hooks/useComponentState.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/hooks/useDisableSSR.cjs

@@ -0,0 +1,29 @@
+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 useDisableSSR_exports = {};
+__export(useDisableSSR_exports, {
+  getDisableSSR: () => getDisableSSR
+});
+module.exports = __toCommonJS(useDisableSSR_exports);
+var import_config = require("../config.cjs");
+function getDisableSSR(componentContext) {
+  return componentContext?.disableSSR ?? (0, import_config.getSetting)("disableSSR");
+}

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

@@ -0,0 +1,33 @@
+"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 useDisableSSR_exports = {};
+__export(useDisableSSR_exports, {
+  getDisableSSR: () => getDisableSSR
+});
+module.exports = __toCommonJS(useDisableSSR_exports);
+var import_config = require("../config.native.js");
+function getDisableSSR(componentContext) {
+  var _componentContext_disableSSR;
+  return (_componentContext_disableSSR = componentContext?.disableSSR) !== null && _componentContext_disableSSR !== void 0 ? _componentContext_disableSSR : (0, import_config.getSetting)("disableSSR");
+}
+//# sourceMappingURL=useDisableSSR.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useDisableSSR_exports","__export","getDisableSSR","module","exports","import_config","require","componentContext","_componentContext_disableSSR"],"sources":["../../../src/hooks/useDisableSSR.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA2B,CAAAK,qBAAA;AAGpB,IAAAK,aAAS,GAAAC,OAAc;AAC5B,SAAOJ,cAAAK,gBAAkB;EAC3B,IAAAC,4BAAA","ignoreList":[]}

package/dist/cjs/hooks/useIsTouchDevice.cjs

@@ -0,0 +1,28 @@
+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 useIsTouchDevice_exports = {};
+__export(useIsTouchDevice_exports, {
+  useIsTouchDevice: () => useIsTouchDevice
+});
+module.exports = __toCommonJS(useIsTouchDevice_exports);
+var import_constants = require("@hanzogui/constants"),
+  import_use_did_finish_ssr = require("@hanzogui/use-did-finish-ssr");
+const useIsTouchDevice = () => import_constants.isWeb ? (0, import_use_did_finish_ssr.useDidFinishSSR)() ? import_constants.isTouchable : !1 : !0;

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

@@ -0,0 +1,33 @@
+"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 useIsTouchDevice_exports = {};
+__export(useIsTouchDevice_exports, {
+  useIsTouchDevice: () => useIsTouchDevice
+});
+module.exports = __toCommonJS(useIsTouchDevice_exports);
+var import_constants = require("@hanzogui/constants"),
+  import_use_did_finish_ssr = require("@hanzogui/use-did-finish-ssr"),
+  useIsTouchDevice = function () {
+    return import_constants.isWeb ? (0, import_use_did_finish_ssr.useDidFinishSSR)() ? import_constants.isTouchable : !1 : !0;
+  };
+//# sourceMappingURL=useIsTouchDevice.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useIsTouchDevice_exports","__export","useIsTouchDevice","module","exports","import_constants","require","import_use_did_finish_ssr"],"sources":["../../../src/hooks/useIsTouchDevice.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,wBAAA;AAAAC,QAAA,CAAAD,wBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAmC,CAAAK,wBAAA,CACnC;AAEO,IAAAK,gBAAM,GAAAC,OAAmB,CACtB;EAAAC,yBAAe,GAAAD,OAAA,+BAAoB;EAAAJ,gBAAc,GAAzC,SAAAA,CAAA","ignoreList":[]}

package/dist/cjs/hooks/useMedia.cjs

@@ -0,0 +1,180 @@
+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 useMedia_exports = {};
+__export(useMedia_exports, {
+  _disableMediaTouch: () => _disableMediaTouch,
+  configureMedia: () => configureMedia,
+  getMediaImportanceIfMoreImportant: () => getMediaImportanceIfMoreImportant,
+  getMediaKey: () => getMediaKey,
+  getMediaKeyImportance: () => getMediaKeyImportance,
+  getMediaState: () => getMediaState,
+  isMediaKey: () => isMediaKey,
+  mediaKeyMatch: () => mediaKeyMatch,
+  mediaKeyToQuery: () => mediaKeyToQuery,
+  setMediaShouldUpdate: () => setMediaShouldUpdate,
+  setupMediaListeners: () => setupMediaListeners,
+  updateMediaListeners: () => updateMediaListeners,
+  useMedia: () => useMedia
+});
+module.exports = __toCommonJS(useMedia_exports);
+var import_constants = require("@hanzogui/constants"),
+  import_react = require("react"),
+  import_config = require("../config.cjs"),
+  import_createMediaStyle = require("../helpers/createMediaStyle.cjs"),
+  import_matchMedia = require("../helpers/matchMedia.cjs"),
+  import_mediaObjectToString = require("../helpers/mediaObjectToString.cjs"),
+  import_mediaState = require("../helpers/mediaState.cjs"),
+  import_pseudoDescriptors = require("../helpers/pseudoDescriptors.cjs");
+const mediaKeyRegex = /\$(platform|theme|group)-/,
+  isMediaKey = key => key[0] !== "$" ? !1 : !!(import_mediaState.mediaKeys.has(key) || mediaKeyRegex.test(key)),
+  getMediaKey = key => {
+    if (key[0] !== "$") return !1;
+    if (import_mediaState.mediaKeys.has(key)) return !0;
+    const match = key.match(mediaKeyRegex);
+    return match ? match[1] : !1;
+  };
+let initState, 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();
+let mediaVersion = 0;
+const configureMedia = config => {
+  const {
+      media
+    } = config,
+    mediaQueryDefaultActive = (0, import_config.getSetting)("mediaQueryDefaultActive");
+  if (media) {
+    mediaVersion++, (0, import_createMediaStyle.resetMediaStyleCache)();
+    for (const key in media) (0, import_mediaState.getMedia)()[key] = mediaQueryDefaultActive?.[key] || !1, import_mediaState.mediaKeys.add(`$${key}`);
+    Object.assign(import_mediaState.mediaQueryConfig, media), initState = {
+      ...(0, import_mediaState.getMedia)()
+    }, mediaKeysOrdered = Object.keys(media), setupMediaListeners();
+  }
+};
+function unlisten() {
+  dispose.forEach(cb => cb()), dispose.clear();
+}
+let setupVersion = -1;
+function setupMediaListeners() {
+  if (!(import_constants.isWeb && import_constants.isServer) && !process.env.IS_STATIC && setupVersion !== mediaVersion) {
+    setupVersion = mediaVersion, unlisten();
+    for (const key in import_mediaState.mediaQueryConfig) {
+      let update = function () {
+        const next = !!getMatch().matches;
+        next !== (0, import_mediaState.getMedia)()[key] && ((0, import_mediaState.setMediaState)({
+          ...(0, import_mediaState.getMedia)(),
+          [key]: next
+        }), updateMediaListeners());
+      };
+      const str = (0, import_mediaObjectToString.mediaObjectToString)(import_mediaState.mediaQueryConfig[key]),
+        getMatch = () => (0, import_matchMedia.matchMedia)(str),
+        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();
+function updateMediaListeners() {
+  listeners.forEach(cb => cb((0, import_mediaState.getMedia)()));
+}
+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
+  });
+}
+function subscribe(subscriber) {
+  return listeners.add(subscriber), () => {
+    listeners.delete(subscriber);
+  };
+}
+function useMedia(componentContext, debug) {
+  "use no memo";
+
+  const componentState = componentContext ? States.get(componentContext) : null,
+    internalRef = (0, import_react.useRef)(null);
+  internalRef.current || (internalRef.current = {
+    keys: /* @__PURE__ */new Set(),
+    lastState: (0, import_mediaState.getMedia)()
+  }), internalRef.current.pendingState && (internalRef.current.lastState = internalRef.current.pendingState, internalRef.current.pendingState = void 0);
+  const {
+    keys
+  } = internalRef.current;
+  keys.size && keys.clear();
+  const state = (0, import_react.useSyncExternalStore)(subscribe, () => {
+    const curKeys = componentState?.keys || keys,
+      {
+        lastState,
+        pendingState
+      } = internalRef.current;
+    if (!curKeys.size) return lastState;
+    const ms = (0, import_mediaState.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);
+    return lastState;
+  }, getServerSnapshot);
+  return new Proxy(state, {
+    get(_, key) {
+      return !disableMediaTouch && typeof key == "string" && keys.add(key), Reflect.get(state, key);
+    }
+  });
+}
+const getServerSnapshot = () => initState;
+let disableMediaTouch = !1;
+function _disableMediaTouch(val) {
+  disableMediaTouch = val;
+}
+function getMediaState(mediaGroups, layout) {
+  disableMediaTouch = !0;
+  let res;
+  try {
+    res = Object.fromEntries([...mediaGroups].map(mediaKey => [mediaKey, mediaKeyMatch(mediaKey, layout)]));
+  } finally {
+    disableMediaTouch = !1;
+  }
+  return res;
+}
+const getMediaImportanceIfMoreImportant = (mediaKey, key, styleState, isSizeMedia) => {
+    const importance = isSizeMedia ? getMediaKeyImportance(mediaKey) : import_pseudoDescriptors.defaultMediaImportance,
+      usedKeys = styleState.usedKeys;
+    return !usedKeys[key] || importance > usedKeys[key] ? importance : null;
+  },
+  cachedMediaKeyToQuery = {};
+function mediaKeyToQuery(key) {
+  return cachedMediaKeyToQuery[key] || (cachedMediaKeyToQuery[key] = (0, import_mediaObjectToString.mediaObjectToString)(import_mediaState.mediaQueryConfig[key]));
+}
+function mediaKeyMatch(key, dimensions) {
+  const mediaQueries = import_mediaState.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"];
+    return isMax ? givenVal < expectedVal : givenVal > expectedVal;
+  });
+}