@hanzogui/web 2.0.0-rc.41-hanzoai.5

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

@@ -0,0 +1,35 @@
+"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: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var useIsTouchDevice_exports = {};
+__export(useIsTouchDevice_exports, {
+  useIsTouchDevice: () => useIsTouchDevice
+});
+module.exports = __toCommonJS(useIsTouchDevice_exports);
+var import_constants = require("@hanzogui/constants");
+var import_use_did_finish_ssr = require("@hanzogui/use-did-finish-ssr");
+var useIsTouchDevice = function () {
+  return !import_constants.isWeb ? true : (0, import_use_did_finish_ssr.useDidFinishSSR)() ? import_constants.isTouchable : false;
+};
+//# 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","isWeb","useDidFinishSSR","isTouchable"],"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;AACnC,IAAAK,gBAAA,GAAAC,OAAA,sBAAgC;AAEzB,IAAAC,yBAAyB,GAAMD,OAAA;AACpC,IAAAJ,gBAAQ,YAAAA,CAAA;EACV,QAAAG,gBAAA,CAAAG,KAAA,cAAAD,yBAAA,CAAAE,eAAA,MAAAJ,gBAAA,CAAAK,WAAA","ignoreList":[]}

package/dist/cjs/hooks/useMedia.cjs

@@ -0,0 +1,238 @@
+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: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), 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");
+var import_react = require("react");
+var import_config = require("../config.cjs");
+var import_createMediaStyle = require("../helpers/createMediaStyle.cjs");
+var import_matchMedia = require("../helpers/matchMedia.cjs");
+var import_mediaObjectToString = require("../helpers/mediaObjectToString.cjs");
+var import_mediaState = require("../helpers/mediaState.cjs");
+var import_pseudoDescriptors = require("../helpers/pseudoDescriptors.cjs");
+const mediaKeyRegex = /\$(platform|theme|group)-/;
+const isMediaKey = key => {
+  if (key[0] !== "$") return false;
+  if (import_mediaState.mediaKeys.has(key)) return true;
+  if (mediaKeyRegex.test(key)) return true;
+  return false;
+};
+const getMediaKey = key => {
+  if (key[0] !== "$") return false;
+  if (import_mediaState.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;
+};
+const dispose = /* @__PURE__ */new Set();
+let mediaVersion = 0;
+const configureMedia = config => {
+  const {
+    media
+  } = config;
+  const mediaQueryDefaultActive = (0, import_config.getSetting)("mediaQueryDefaultActive");
+  if (!media) return;
+  mediaVersion++;
+  (0, import_createMediaStyle.resetMediaStyleCache)();
+  for (const key in media) {
+    (0, import_mediaState.getMedia)()[key] = mediaQueryDefaultActive?.[key] || false;
+    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) return;
+  if (process.env.IS_STATIC) return;
+  if (setupVersion === mediaVersion) return;
+  setupVersion = mediaVersion;
+  unlisten();
+  for (const key in import_mediaState.mediaQueryConfig) {
+    let update = function () {
+      const next = !!getMatch().matches;
+      if (next === (0, import_mediaState.getMedia)()[key]) return;
+      (0, import_mediaState.setMediaState)({
+        ...(0, import_mediaState.getMedia)(),
+        [key]: next
+      });
+      updateMediaListeners();
+    };
+    const str = (0, import_mediaObjectToString.mediaObjectToString)(import_mediaState.mediaQueryConfig[key]);
+    const getMatch = () => (0, import_matchMedia.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();
+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);
+  if (!cur || cur.enabled !== enabled || keys) {
+    States.set(ref, {
+      ...cur,
+      enabled,
+      keys
+    });
+  }
+}
+function subscribe(subscriber) {
+  listeners.add(subscriber);
+  return () => {
+    listeners.delete(subscriber);
+  };
+}
+function useMedia(componentContext, debug) {
+  "use no memo";
+
+  const componentState = componentContext ? States.get(componentContext) : null;
+  const internalRef = (0, import_react.useRef)(null);
+  if (!internalRef.current) {
+    internalRef.current = {
+      keys: /* @__PURE__ */new Set(),
+      lastState: (0, import_mediaState.getMedia)()
+    };
+  }
+  if (internalRef.current.pendingState) {
+    internalRef.current.lastState = internalRef.current.pendingState;
+    internalRef.current.pendingState = void 0;
+  }
+  const {
+    keys
+  } = internalRef.current;
+  if (keys.size) {
+    keys.clear();
+  }
+  const state = (0, import_react.useSyncExternalStore)(subscribe, () => {
+    const curKeys = componentState?.keys || keys;
+    const {
+      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]) {
+        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) {
+      if (!disableMediaTouch && typeof key === "string") {
+        keys.add(key);
+      }
+      return Reflect.get(state, key);
+    }
+  });
+}
+const getServerSnapshot = () => initState;
+let disableMediaTouch = false;
+function _disableMediaTouch(val) {
+  disableMediaTouch = val;
+}
+function getMediaState(mediaGroups, layout) {
+  disableMediaTouch = true;
+  let res;
+  try {
+    res = Object.fromEntries([...mediaGroups].map(mediaKey => {
+      return [mediaKey, mediaKeyMatch(mediaKey, layout)];
+    }));
+  } finally {
+    disableMediaTouch = false;
+  }
+  return res;
+}
+const getMediaImportanceIfMoreImportant = (mediaKey, key, styleState, isSizeMedia) => {
+  const importance = isSizeMedia ? getMediaKeyImportance(mediaKey) : import_pseudoDescriptors.defaultMediaImportance;
+  const usedKeys = styleState.usedKeys;
+  return !usedKeys[key] || importance > usedKeys[key] ? importance : null;
+};
+const 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];
+  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;
+}

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

@@ -0,0 +1,269 @@
+"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: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), 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");
+var import_react = require("react");
+var import_config = require("../config.native.js");
+var import_createMediaStyle = require("../helpers/createMediaStyle.native.js");
+var import_matchMedia = require("../helpers/matchMedia.native.js");
+var import_mediaObjectToString = require("../helpers/mediaObjectToString.native.js");
+var import_mediaState = require("../helpers/mediaState.native.js");
+var import_pseudoDescriptors = require("../helpers/pseudoDescriptors.native.js");
+var mediaKeyRegex = /\$(platform|theme|group)-/;
+var isMediaKey = function (key) {
+  if (key[0] !== "$") return false;
+  if (import_mediaState.mediaKeys.has(key)) return true;
+  if (mediaKeyRegex.test(key)) return true;
+  return false;
+};
+var getMediaKey = function (key) {
+  if (key[0] !== "$") return false;
+  if (import_mediaState.mediaKeys.has(key)) return true;
+  var match = key.match(mediaKeyRegex);
+  if (match) return match[1];
+  return false;
+};
+var initState;
+var mediaKeysOrdered;
+var getMediaKeyImportance = function (key) {
+  if (process.env.NODE_ENV === "development" && key[0] === "$") {
+    throw new Error("use short key");
+  }
+  return mediaKeysOrdered.indexOf(key) + 100;
+};
+var dispose = /* @__PURE__ */new Set();
+var mediaVersion = 0;
+var configureMedia = function (config) {
+  var {
+    media
+  } = config;
+  var mediaQueryDefaultActive = (0, import_config.getSetting)("mediaQueryDefaultActive");
+  if (!media) return;
+  mediaVersion++;
+  (0, import_createMediaStyle.resetMediaStyleCache)();
+  for (var key in media) {
+    (0, import_mediaState.getMedia)()[key] = (mediaQueryDefaultActive === null || mediaQueryDefaultActive === void 0 ? void 0 : mediaQueryDefaultActive[key]) || false;
+    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(function (cb) {
+    return cb();
+  });
+  dispose.clear();
+}
+var setupVersion = -1;
+function setupMediaListeners() {
+  var _loop = function (key2) {
+    var str = (0, import_mediaObjectToString.mediaObjectToString)(import_mediaState.mediaQueryConfig[key2]);
+    var getMatch = function () {
+      return (0, import_matchMedia.matchMedia)(str);
+    };
+    var match = getMatch();
+    if (!match) {
+      throw new Error("\u26A0\uFE0F No match");
+    }
+    match.addListener(update);
+    dispose.add(function () {
+      match.removeListener(update);
+    });
+    function update() {
+      var next = !!getMatch().matches;
+      if (next === (0, import_mediaState.getMedia)()[key2]) return;
+      (0, import_mediaState.setMediaState)({
+        ...(0, import_mediaState.getMedia)(),
+        [key2]: next
+      });
+      updateMediaListeners();
+    }
+    update();
+  };
+  if (import_constants.isWeb && import_constants.isServer) return;
+  if (process.env.IS_STATIC) return;
+  if (setupVersion === mediaVersion) return;
+  setupVersion = mediaVersion;
+  unlisten();
+  for (var key in import_mediaState.mediaQueryConfig) _loop(key);
+}
+var listeners = /* @__PURE__ */new Set();
+function updateMediaListeners() {
+  listeners.forEach(function (cb) {
+    return cb((0, import_mediaState.getMedia)());
+  });
+}
+var States = /* @__PURE__ */new WeakMap();
+function setMediaShouldUpdate(ref, enabled, keys) {
+  var cur = States.get(ref);
+  if (!cur || cur.enabled !== enabled || keys) {
+    States.set(ref, {
+      ...cur,
+      enabled,
+      keys
+    });
+  }
+}
+function subscribe(subscriber) {
+  listeners.add(subscriber);
+  return function () {
+    listeners.delete(subscriber);
+  };
+}
+function useMedia(componentContext, debug) {
+  "use no memo";
+
+  var componentState = componentContext ? States.get(componentContext) : null;
+  var internalRef = (0, import_react.useRef)(null);
+  if (!internalRef.current) {
+    internalRef.current = {
+      keys: /* @__PURE__ */new Set(),
+      lastState: (0, import_mediaState.getMedia)()
+    };
+  }
+  if (internalRef.current.pendingState) {
+    internalRef.current.lastState = internalRef.current.pendingState;
+    internalRef.current.pendingState = void 0;
+  }
+  var {
+    keys
+  } = internalRef.current;
+  if (keys.size) {
+    keys.clear();
+  }
+  var state = (0, import_react.useSyncExternalStore)(subscribe, function () {
+    var curKeys = (componentState === null || componentState === void 0 ? void 0 : componentState.keys) || keys;
+    var {
+      lastState,
+      pendingState
+    } = internalRef.current;
+    if (!curKeys.size) {
+      return lastState;
+    }
+    var ms = (0, import_mediaState.getMedia)();
+    var _iteratorNormalCompletion = true,
+      _didIteratorError = false,
+      _iteratorError = void 0;
+    try {
+      for (var _iterator = curKeys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+        var key = _step.value;
+        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 === null || componentContext === void 0 ? void 0 : componentContext.mediaEmit) {
+            componentContext.mediaEmit(ms);
+            internalRef.current.pendingState = ms;
+            return lastState;
+          }
+          internalRef.current.lastState = ms;
+          return ms;
+        }
+      }
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return != null) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+    return lastState;
+  }, getServerSnapshot);
+  return new Proxy(state, {
+    get(_, key) {
+      if (!disableMediaTouch && typeof key === "string") {
+        keys.add(key);
+      }
+      return Reflect.get(state, key);
+    }
+  });
+}
+var getServerSnapshot = function () {
+  return initState;
+};
+var disableMediaTouch = false;
+function _disableMediaTouch(val) {
+  disableMediaTouch = val;
+}
+function getMediaState(mediaGroups, layout) {
+  disableMediaTouch = true;
+  var res;
+  try {
+    res = Object.fromEntries([...mediaGroups].map(function (mediaKey) {
+      return [mediaKey, mediaKeyMatch(mediaKey, layout)];
+    }));
+  } finally {
+    disableMediaTouch = false;
+  }
+  return res;
+}
+var getMediaImportanceIfMoreImportant = function (mediaKey, key, styleState, isSizeMedia) {
+  var importance = isSizeMedia ? getMediaKeyImportance(mediaKey) : import_pseudoDescriptors.defaultMediaImportance;
+  var usedKeys = styleState.usedKeys;
+  return !usedKeys[key] || importance > usedKeys[key] ? importance : null;
+};
+var cachedMediaKeyToQuery = {};
+function mediaKeyToQuery(key) {
+  return cachedMediaKeyToQuery[key] || (cachedMediaKeyToQuery[key] = (0, import_mediaObjectToString.mediaObjectToString)(import_mediaState.mediaQueryConfig[key]));
+}
+function mediaKeyMatch(key, dimensions) {
+  var mediaQueries = import_mediaState.mediaQueryConfig[key];
+  var result = Object.keys(mediaQueries).every(function (query) {
+    var expectedVal = +mediaQueries[query];
+    var isMax = query.startsWith("max");
+    var isWidth = query.endsWith("Width");
+    var givenVal = dimensions[isWidth ? "width" : "height"];
+    return isMax ? givenVal < expectedVal : givenVal > expectedVal;
+  });
+  return result;
+}
+//# sourceMappingURL=useMedia.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useMedia_exports","__export","_disableMediaTouch","configureMedia","getMediaImportanceIfMoreImportant","getMediaKey","getMediaKeyImportance","getMediaState","isMediaKey","mediaKeyMatch","mediaKeyToQuery","setMediaShouldUpdate","setupMediaListeners","updateMediaListeners","useMedia","module","exports","import_constants","require","import_react","import_config","import_createMediaStyle","import_matchMedia","import_mediaObjectToString","import_mediaState","import_pseudoDescriptors","mediaKeyRegex","key","mediaKeys","has","test","match","initState","mediaKeysOrdered","process","env","NODE_ENV","Error","indexOf","dispose","Set","mediaVersion","config","media","mediaQueryDefaultActive","getSetting","resetMediaStyleCache","getMedia","add","Object","assign","mediaQueryConfig","keys","unlisten","forEach","cb","clear","setupVersion","_loop","key2","str","mediaObjectToString","getMatch","matchMedia","addListener","update","removeListener","next","matches","setMediaState","isWeb","isServer","IS_STATIC","listeners","States","WeakMap","ref","enabled","cur","get","set","subscribe","subscriber","delete","componentContext","debug","componentState","internalRef","useRef","current","lastState","pendingState","size","state","useSyncExternalStore","curKeys","ms","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","done","console","warn","mediaEmit","err","return","getServerSnapshot","Proxy","_","disableMediaTouch","Reflect","val","mediaGroups","layout","res","fromEntries"],"sources":["../../../src/hooks/useMedia.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/hooks/useProps.cjs

@@ -0,0 +1,120 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var useProps_exports = {};
+__export(useProps_exports, {
+  useProps: () => useProps,
+  usePropsAndStyle: () => usePropsAndStyle,
+  useStyle: () => useStyle
+});
+module.exports = __toCommonJS(useProps_exports);
+var import_constants = require("@hanzogui/constants");
+var import_react = __toESM(require("react"), 1);
+var import_config = require("../config.cjs");
+var import_ComponentContext = require("../contexts/ComponentContext.cjs");
+var import_GroupContext = require("../contexts/GroupContext.cjs");
+var import_getSplitStyles = require("../helpers/getSplitStyles.cjs");
+var import_subscribeToContextGroup = require("../helpers/subscribeToContextGroup.cjs");
+var import_View = require("../views/View.cjs");
+var import_useComponentState = require("./useComponentState.cjs");
+var import_mediaState = require("../helpers/mediaState.cjs");
+var import_useMedia = require("./useMedia.cjs");
+var import_useTheme = require("./useTheme.cjs");
+function useProps(props, opts) {
+  const [propsOut, styleOut] = usePropsAndStyle(props, {
+    ...opts,
+    noExpand: true,
+    noNormalize: true,
+    resolveValues: "none"
+  });
+  return {
+    ...propsOut,
+    ...styleOut
+  };
+}
+function useStyle(props, opts) {
+  return usePropsAndStyle(props, opts)[1] || {};
+}
+function usePropsAndStyle(props, opts) {
+  const staticConfig = opts?.forComponent?.staticConfig ?? import_View.View.staticConfig;
+  const [theme, themeState] = (0, import_useTheme.useThemeWithState)({
+    componentName: staticConfig.componentName,
+    name: "theme" in props ? props.theme : void 0,
+    needsUpdate() {
+      return true;
+    }
+  });
+  const componentContext = import_react.default.useContext(import_ComponentContext.ComponentContext);
+  const groupContext = import_react.default.useContext(import_GroupContext.GroupContext);
+  const {
+    state,
+    disabled,
+    setStateShallow
+  } = (0, import_useComponentState.useComponentState)(props, componentContext.animationDriver, staticConfig, (0, import_config.getConfig)());
+  const mediaStateNow = opts?.noMedia ?
+  // not safe to use mediaState but really marginal to hit this
+  import_mediaState.mediaState : (0, import_useMedia.useMedia)();
+  const splitStyles = (0, import_getSplitStyles.useSplitStyles)(props, staticConfig, theme, themeState?.name || "", state, {
+    isAnimated: false,
+    mediaState: mediaStateNow,
+    noSkip: true,
+    noMergeStyle: true,
+    noClass: true,
+    resolveValues: "auto",
+    ...opts
+  }, null, componentContext, groupContext);
+  const {
+    mediaGroups,
+    pseudoGroups
+  } = splitStyles || {};
+  (0, import_constants.useIsomorphicLayoutEffect)(() => {
+    if (disabled) {
+      return;
+    }
+    if (state.unmounted) {
+      setStateShallow({
+        unmounted: false
+      });
+      return;
+    }
+    if (groupContext) {
+      return (0, import_subscribeToContextGroup.subscribeToContextGroup)({
+        groupContext,
+        setStateShallow,
+        mediaGroups,
+        pseudoGroups
+      });
+    }
+  }, [disabled, groupContext, pseudoGroups ? Object.keys([...pseudoGroups]).join("") : 0, mediaGroups ? Object.keys([...mediaGroups]).join("") : 0]);
+  return [splitStyles?.viewProps || {}, splitStyles?.style || {}, theme, import_mediaState.mediaState];
+}