@hanzogui/web 2.0.0

package/dist/esm/hooks/useMedia.mjs

@@ -0,0 +1,145 @@
+import { isServer, isWeb } from "@hanzogui/constants";
+import { useRef, useSyncExternalStore } from "react";
+import { getSetting } from "../config.mjs";
+import { resetMediaStyleCache } from "../helpers/createMediaStyle.mjs";
+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 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 = 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();
+  }
+};
+function unlisten() {
+  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();
+    }
+  }
+}
+const listeners = /* @__PURE__ */new Set();
+function updateMediaListeners() {
+  listeners.forEach(cb => cb(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 = 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 {
+    keys
+  } = internalRef.current;
+  keys.size && keys.clear();
+  const state = useSyncExternalStore(subscribe, () => {
+    const curKeys = componentState?.keys || keys,
+      {
+        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);
+    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) : defaultMediaImportance,
+      usedKeys = styleState.usedKeys;
+    return !usedKeys[key] || importance > usedKeys[key] ? importance : null;
+  },
+  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"];
+    return isMax ? givenVal < expectedVal : givenVal > expectedVal;
+  });
+}
+export { _disableMediaTouch, configureMedia, getMediaImportanceIfMoreImportant, getMediaKey, getMediaKeyImportance, getMediaState, isMediaKey, mediaKeyMatch, mediaKeyToQuery, setMediaShouldUpdate, setupMediaListeners, updateMediaListeners, useMedia };
+//# sourceMappingURL=useMedia.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["isServer","isWeb","useRef","useSyncExternalStore","getSetting","resetMediaStyleCache","matchMedia","mediaObjectToString","getMedia","mediaKeys","mediaQueryConfig","setMediaState","defaultMediaImportance","mediaKeyRegex","isMediaKey","key","has","test","getMediaKey","match","initState","mediaKeysOrdered","getMediaKeyImportance","process","env","NODE_ENV","Error","indexOf","dispose","Set","mediaVersion","configureMedia","config","media","mediaQueryDefaultActive","add","Object","assign","keys","setupMediaListeners","unlisten","forEach","cb","clear","setupVersion","IS_STATIC","update","next","getMatch","matches","updateMediaListeners","str","addListener","removeListener","listeners","States","WeakMap","setMediaShouldUpdate","ref","enabled","cur","get","set","subscribe","subscriber","delete","useMedia","componentContext","debug","componentState","internalRef","current","lastState","pendingState","size","state","curKeys","ms","console","warn","mediaEmit","getServerSnapshot","Proxy","_","disableMediaTouch","Reflect","_disableMediaTouch","val","getMediaState","mediaGroups","layout","res","fromEntries","map","mediaKey","mediaKeyMatch","getMediaImportanceIfMoreImportant","styleState","isSizeMedia","importance","usedKeys","cachedMediaKeyToQuery","mediaKeyToQuery","dimensions","mediaQueries","every","query","expectedVal","isMax","startsWith","isWidth","endsWith","givenVal"],"sources":["../../../src/hooks/useMedia.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,177 @@
+import { isServer, isWeb } from "@hanzogui/constants";
+import { useRef, useSyncExternalStore } from "react";
+import { getSetting } from "../config.native.js";
+import { resetMediaStyleCache } from "../helpers/createMediaStyle.native.js";
+import { matchMedia } from "../helpers/matchMedia.native.js";
+import { mediaObjectToString } from "../helpers/mediaObjectToString.native.js";
+import { getMedia, mediaKeys, mediaQueryConfig, setMediaState } from "../helpers/mediaState.native.js";
+import { defaultMediaImportance } from "../helpers/pseudoDescriptors.native.js";
+var mediaKeyRegex = /\$(platform|theme|group)-/,
+  isMediaKey = function (key) {
+    return key[0] !== "$" ? !1 : !!(mediaKeys.has(key) || mediaKeyRegex.test(key));
+  },
+  getMediaKey = function (key) {
+    if (key[0] !== "$") return !1;
+    if (mediaKeys.has(key)) return !0;
+    var match = key.match(mediaKeyRegex);
+    return match ? match[1] : !1;
+  },
+  initState,
+  mediaKeysOrdered,
+  getMediaKeyImportance = function (key) {
+    if (process.env.NODE_ENV === "development" && key[0] === "$") throw new Error("use short key");
+    return mediaKeysOrdered.indexOf(key) + 100;
+  },
+  dispose = /* @__PURE__ */new Set(),
+  mediaVersion = 0,
+  configureMedia = function (config) {
+    var {
+        media
+      } = config,
+      mediaQueryDefaultActive = getSetting("mediaQueryDefaultActive");
+    if (media) {
+      mediaVersion++, resetMediaStyleCache();
+      for (var key in media) getMedia()[key] = mediaQueryDefaultActive?.[key] || !1, mediaKeys.add(`$${key}`);
+      Object.assign(mediaQueryConfig, media), initState = {
+        ...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 = mediaObjectToString(mediaQueryConfig[key2]),
+      getMatch = function () {
+        return matchMedia(str);
+      },
+      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;
+      next !== getMedia()[key2] && (setMediaState({
+        ...getMedia(),
+        [key2]: next
+      }), updateMediaListeners());
+    }
+    update();
+  };
+  if (!(isWeb && isServer) && !process.env.IS_STATIC && setupVersion !== mediaVersion) {
+    setupVersion = mediaVersion, unlisten();
+    for (var key in mediaQueryConfig) _loop(key);
+  }
+}
+var listeners = /* @__PURE__ */new Set();
+function updateMediaListeners() {
+  listeners.forEach(function (cb) {
+    return cb(getMedia());
+  });
+}
+var States = /* @__PURE__ */new WeakMap();
+function setMediaShouldUpdate(ref, enabled, keys) {
+  var cur = States.get(ref);
+  (!cur || cur.enabled !== enabled || keys) && States.set(ref, {
+    ...cur,
+    enabled,
+    keys
+  });
+}
+function subscribe(subscriber) {
+  return listeners.add(subscriber), function () {
+    listeners.delete(subscriber);
+  };
+}
+function useMedia(componentContext, debug) {
+  "use no memo";
+
+  var 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);
+  var {
+    keys
+  } = internalRef.current;
+  keys.size && keys.clear();
+  var state = useSyncExternalStore(subscribe, function () {
+    var curKeys = componentState?.keys || keys,
+      {
+        lastState,
+        pendingState
+      } = internalRef.current;
+    if (!curKeys.size) return lastState;
+    var ms = getMedia(),
+      _iteratorNormalCompletion = !0,
+      _didIteratorError = !1,
+      _iteratorError = void 0;
+    try {
+      for (var _iterator = curKeys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
+        var key = _step.value;
+        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);
+      }
+    } catch (err) {
+      _didIteratorError = !0, _iteratorError = err;
+    } finally {
+      try {
+        !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+      } finally {
+        if (_didIteratorError) throw _iteratorError;
+      }
+    }
+    return lastState;
+  }, getServerSnapshot);
+  return new Proxy(state, {
+    get(_, key) {
+      return !disableMediaTouch && typeof key == "string" && keys.add(key), Reflect.get(state, key);
+    }
+  });
+}
+var getServerSnapshot = function () {
+    return initState;
+  },
+  disableMediaTouch = !1;
+function _disableMediaTouch(val) {
+  disableMediaTouch = val;
+}
+function getMediaState(mediaGroups, layout) {
+  disableMediaTouch = !0;
+  var res;
+  try {
+    res = Object.fromEntries([...mediaGroups].map(function (mediaKey) {
+      return [mediaKey, mediaKeyMatch(mediaKey, layout)];
+    }));
+  } finally {
+    disableMediaTouch = !1;
+  }
+  return res;
+}
+var getMediaImportanceIfMoreImportant = function (mediaKey, key, styleState, isSizeMedia) {
+    var importance = isSizeMedia ? getMediaKeyImportance(mediaKey) : defaultMediaImportance,
+      usedKeys = styleState.usedKeys;
+    return !usedKeys[key] || importance > usedKeys[key] ? importance : null;
+  },
+  cachedMediaKeyToQuery = {};
+function mediaKeyToQuery(key) {
+  return cachedMediaKeyToQuery[key] || (cachedMediaKeyToQuery[key] = mediaObjectToString(mediaQueryConfig[key]));
+}
+function mediaKeyMatch(key, dimensions) {
+  var mediaQueries = mediaQueryConfig[key],
+    result = Object.keys(mediaQueries).every(function (query) {
+      var expectedVal = +mediaQueries[query],
+        isMax = query.startsWith("max"),
+        isWidth = query.endsWith("Width"),
+        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.native.js.map

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

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

package/dist/esm/hooks/useProps.mjs

@@ -0,0 +1,78 @@
+import { useIsomorphicLayoutEffect } from "@hanzogui/constants";
+import React from "react";
+import { getConfig } from "../config.mjs";
+import { ComponentContext } from "../contexts/ComponentContext.mjs";
+import { GroupContext } from "../contexts/GroupContext.mjs";
+import { useSplitStyles } from "../helpers/getSplitStyles.mjs";
+import { subscribeToContextGroup } from "../helpers/subscribeToContextGroup.mjs";
+import { View } from "../views/View.mjs";
+import { useComponentState } from "./useComponentState.mjs";
+import { mediaState } from "../helpers/mediaState.mjs";
+import { useMedia } from "./useMedia.mjs";
+import { useThemeWithState } from "./useTheme.mjs";
+function useProps(props, opts) {
+  const [propsOut, styleOut] = usePropsAndStyle(props, {
+    ...opts,
+    noExpand: !0,
+    noNormalize: !0,
+    resolveValues: "none"
+  });
+  return {
+    ...propsOut,
+    ...styleOut
+  };
+}
+function useStyle(props, opts) {
+  return usePropsAndStyle(props, opts)[1] || {};
+}
+function usePropsAndStyle(props, opts) {
+  const staticConfig = opts?.forComponent?.staticConfig ?? View.staticConfig,
+    [theme, themeState] = useThemeWithState({
+      componentName: staticConfig.componentName,
+      name: "theme" in props ? props.theme : void 0,
+      needsUpdate() {
+        return !0;
+      }
+    }),
+    componentContext = React.useContext(ComponentContext),
+    groupContext = React.useContext(GroupContext),
+    {
+      state,
+      disabled,
+      setStateShallow
+    } = useComponentState(props, componentContext.animationDriver, staticConfig, getConfig()),
+    mediaStateNow = opts?.noMedia ?
+    // not safe to use mediaState but really marginal to hit this
+    mediaState : useMedia(),
+    splitStyles = useSplitStyles(props, staticConfig, theme, themeState?.name || "", state, {
+      isAnimated: !1,
+      mediaState: mediaStateNow,
+      noSkip: !0,
+      noMergeStyle: !0,
+      noClass: !0,
+      resolveValues: "auto",
+      ...opts
+    }, null, componentContext, groupContext),
+    {
+      mediaGroups,
+      pseudoGroups
+    } = splitStyles || {};
+  return useIsomorphicLayoutEffect(() => {
+    if (!disabled) {
+      if (state.unmounted) {
+        setStateShallow({
+          unmounted: !1
+        });
+        return;
+      }
+      if (groupContext) return subscribeToContextGroup({
+        groupContext,
+        setStateShallow,
+        mediaGroups,
+        pseudoGroups
+      });
+    }
+  }, [disabled, groupContext, pseudoGroups ? Object.keys([...pseudoGroups]).join("") : 0, mediaGroups ? Object.keys([...mediaGroups]).join("") : 0]), [splitStyles?.viewProps || {}, splitStyles?.style || {}, theme, mediaState];
+}
+export { useProps, usePropsAndStyle, useStyle };
+//# sourceMappingURL=useProps.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useIsomorphicLayoutEffect","React","getConfig","ComponentContext","GroupContext","useSplitStyles","subscribeToContextGroup","View","useComponentState","mediaState","useMedia","useThemeWithState","useProps","props","opts","propsOut","styleOut","usePropsAndStyle","noExpand","noNormalize","resolveValues","useStyle","staticConfig","forComponent","theme","themeState","componentName","name","needsUpdate","componentContext","useContext","groupContext","state","disabled","setStateShallow","animationDriver","mediaStateNow","noMedia","splitStyles","isAnimated","noSkip","noMergeStyle","noClass","mediaGroups","pseudoGroups","unmounted","Object","keys","join","viewProps","style"],"sources":["../../../src/hooks/useProps.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,80 @@
+import { useIsomorphicLayoutEffect } from "@hanzogui/constants";
+import React from "react";
+import { getConfig } from "../config.native.js";
+import { ComponentContext } from "../contexts/ComponentContext.native.js";
+import { GroupContext } from "../contexts/GroupContext.native.js";
+import { useSplitStyles } from "../helpers/getSplitStyles.native.js";
+import { subscribeToContextGroup } from "../helpers/subscribeToContextGroup.native.js";
+import { View } from "../views/View.native.js";
+import { useComponentState } from "./useComponentState.native.js";
+import { mediaState } from "../helpers/mediaState.native.js";
+import { useMedia } from "./useMedia.native.js";
+import { useThemeWithState } from "./useTheme.native.js";
+function useProps(props, opts) {
+  var [propsOut, styleOut] = usePropsAndStyle(props, {
+    ...opts,
+    noExpand: !0,
+    noNormalize: !0,
+    resolveValues: "none"
+  });
+  return {
+    ...propsOut,
+    ...styleOut
+  };
+}
+function useStyle(props, opts) {
+  return usePropsAndStyle(props, opts)[1] || {};
+}
+function usePropsAndStyle(props, opts) {
+  var _opts_forComponent,
+    _opts_forComponent_staticConfig,
+    staticConfig = (_opts_forComponent_staticConfig = opts == null || (_opts_forComponent = opts.forComponent) === null || _opts_forComponent === void 0 ? void 0 : _opts_forComponent.staticConfig) !== null && _opts_forComponent_staticConfig !== void 0 ? _opts_forComponent_staticConfig : View.staticConfig,
+    [theme, themeState] = useThemeWithState({
+      componentName: staticConfig.componentName,
+      name: "theme" in props ? props.theme : void 0,
+      needsUpdate() {
+        return !0;
+      }
+    }),
+    componentContext = React.useContext(ComponentContext),
+    groupContext = React.useContext(GroupContext),
+    {
+      state,
+      disabled,
+      setStateShallow
+    } = useComponentState(props, componentContext.animationDriver, staticConfig, getConfig()),
+    mediaStateNow = opts?.noMedia ?
+    // not safe to use mediaState but really marginal to hit this
+    mediaState : useMedia(),
+    splitStyles = useSplitStyles(props, staticConfig, theme, themeState?.name || "", state, {
+      isAnimated: !1,
+      mediaState: mediaStateNow,
+      noSkip: !0,
+      noMergeStyle: !0,
+      noClass: !0,
+      resolveValues: "auto",
+      ...opts
+    }, null, componentContext, groupContext),
+    {
+      mediaGroups,
+      pseudoGroups
+    } = splitStyles || {};
+  return useIsomorphicLayoutEffect(function () {
+    if (!disabled) {
+      if (state.unmounted) {
+        setStateShallow({
+          unmounted: !1
+        });
+        return;
+      }
+      if (groupContext) return subscribeToContextGroup({
+        groupContext,
+        setStateShallow,
+        mediaGroups,
+        pseudoGroups
+      });
+    }
+  }, [disabled, groupContext, pseudoGroups ? Object.keys([...pseudoGroups]).join("") : 0, mediaGroups ? Object.keys([...mediaGroups]).join("") : 0]), [splitStyles?.viewProps || {}, splitStyles?.style || {}, theme, mediaState];
+}
+export { useProps, usePropsAndStyle, useStyle };
+//# sourceMappingURL=useProps.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useIsomorphicLayoutEffect","React","getConfig","ComponentContext","GroupContext","useSplitStyles","subscribeToContextGroup","View","useComponentState","mediaState","useMedia","useThemeWithState","useProps","props","opts","propsOut","styleOut","usePropsAndStyle","noExpand","noNormalize","resolveValues","useStyle","_opts_forComponent","_opts_forComponent_staticConfig","staticConfig","forComponent","theme","themeState","componentName","name","needsUpdate","componentContext","useContext","groupContext","state","disabled","setStateShallow","animationDriver","mediaStateNow","noMedia","splitStyles","isAnimated","noSkip","noMergeStyle","noClass","mediaGroups","pseudoGroups","unmounted","Object","keys","join","viewProps","style"],"sources":["../../../src/hooks/useProps.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,yBAAA,QAAiC;AAC1C,OAAOC,KAAA,MAAW;AAClB,SAASC,SAAA,QAAiB;AAC1B,SAASC,gBAAA,QAAwB;AACjC,SAASC,YAAA,QAAoB;AAC7B,SAASC,cAAA,QAAsB;AAC/B,SAASC,uBAAA,QAA+B;AAGxC,SAASC,IAAA,QAAY;AACrB,SAASC,iBAAA,QAAyB;AAClC,SAASC,UAAA,QAAkB;AAC3B,SAASC,QAAA,QAAgB;AACzB,SAASC,iBAAA,QAAyB;AA8B3B,SAASC,SACdC,KAAA,EACAC,IAAA,EAC4B;EAC5B,KAAAC,QAAO,EAAAC,QAAU,IAAQC,gBAAI,CAAAJ,KAAiB;IAC5C,GAAGC,IAAA;IACHI,QAAA,EAAU;IACVC,WAAA,EAAa;IACbC,aAAA,EAAe;EACjB,CAAC;EACD,OAAO;IACL,GAAGL,QAAA;IACH,GAAGC;EACL;AACF;AAQO,SAASK,SACdR,KAAA,EACAC,IAAA,EAC4B;EAC5B,OAAOG,gBAAA,CAAiBJ,KAAA,EAAOC,IAAI,EAAE,CAAC,KAAK,CAAC;AAC9C;AAQO,SAASG,iBACdJ,KAAA,EACAC,IAAA,EACsF;EACtF,IAAAQ,kBAAqB;IAAAC,+BAAoB;IAAgBC,YAAK,IAAAD,+BAClC,GAAAT,IAAA,QAAkB,KAAAQ,kBAAA,GAAAR,IAAA,CAAAW,YAAA,cAAAH,kBAAA,uBAAAA,kBAAA,CAAAE,YAAA,cAAAD,+BAAA,cAAAA,+BAAA,GAAAhB,IAAA,CAAAiB,YAAA;IAAA,CAAAE,KAAA,EAAAC,UAAA,IAAAhB,iBAAA;MAC5CiB,aAAA,EAAeJ,YAAA,CAAaI,aAAA;MAC5BC,IAAA,EAAM,WAAWhB,KAAA,GAAQA,KAAA,CAAMa,KAAA,GAAQ;MACvCI,YAAA,EAAc;QACZ,OAAO;MACT;IACF,CAAC;IACKC,gBAAA,GAAmB9B,KAAA,CAAM+B,UAAA,CAAW7B,gBAAgB;IACpD8B,YAAA,GAAehC,KAAA,CAAM+B,UAAA,CAAW5B,YAAY;IAC5C;MAAE8B,KAAA;MAAOC,QAAA;MAAUC;IAAgB,IAAI5B,iBAAA,CAAAK,KAAA,EAAAkB,gBAAA,CAAAM,eAAA,EAAAb,YAAA,EAAAtB,SAAA;IAAAoC,aAAA,GAAAxB,IAAA,EAAAyB,OAAA;IAC3C;IACA9B,UAAA,GACAC,QAAA;IAAA8B,WAAA,GAAAnC,cAAA,CAAAQ,KAAA,EAAAW,YAAA,EAAAE,KAAA,EAAAC,UAAA,EAAAE,IAAA,QAAAK,KAAA;MACAO,UAAU;MACZhC,UAEM,EAAA6B,aAAsB;MAAAI,MAAA;MAExBC,YAAA;MAAAC,OACA,IAAS;MAGXxB,aAAA;MACA,GAAAN;IAAA,GACA,MAAAiB,gBAAA,EAAAE,YAAA;IAAA;MAAAY,WAAA;MAAAC;IAAA,IAAAN,WAAA;EAAA,OACAxC,yBAAoB;IACpB,KAAAmC,QAAA;MACA,IAAAD,KAAA,CAAAa,SAAA;QACEX,eAAY;UACZW,SAAY;QACZ;QACA;MACA;MACA,IAAAd,YAAe,EACf,OAAG3B,uBAAA;QACL2B,YAAA;QACAG,eAAA;QACAS,WAAA;QACAC;MAGM;IAER;EACE,IAIAX,QAAI,EACFF,YAAA,EACAa,YAAA,GAAAE,MAAA,CAAAC,IAAA,EACF,GAAAH,YAAA,CAEA,EAAAI,IAAI,UACFL,WAAO,GAAAG,MAAA,CAAAC,IAAA,EAAwB,GAAAJ,WAC7B,GAAAK,IACA,aACAV,WACA,EAAAW,SAAA,QAAAX,WACD,EAAAY,KAAA,QAAA1B,KAAA,EAELjB,UAAG;AACD;AACA,SACyDG,QACzD,EACFK,gBAEO,EAAAI,QACL","ignoreList":[]}

package/dist/esm/hooks/useTheme.mjs

@@ -0,0 +1,22 @@
+import { useRef } from "react";
+import { getThemeProxied } from "./getThemeProxied.mjs";
+import { useThemeState } from "./useThemeState.mjs";
+const EMPTY = {},
+  useTheme = () => {
+    "use no memo";
+
+    const [theme] = useThemeWithState(EMPTY);
+    return theme;
+  },
+  useThemeWithState = (props, isRoot = !1) => {
+    "use no memo";
+
+    const keys = useRef(null),
+      schemeKeys = useRef(null),
+      themeState = useThemeState(props, isRoot, keys, schemeKeys);
+    return process.env.NODE_ENV === "development" && !props.passThrough && !themeState?.theme && process.env.HANZO_GUI_DISABLE_NO_THEME_WARNING !== "1" && console.error(`[hanzo-gui] No theme found, this could be due to an invalid theme name (given theme props ${JSON.stringify(props)}).
+
+If this is intended and you are using Hanzo GUI without any themes, you can disable this warning by setting the environment variable HANZO_GUI_DISABLE_NO_THEME_WARNING=1`), [props.passThrough ? {} : getThemeProxied(props, themeState, keys, schemeKeys), themeState];
+  };
+export { useTheme, useThemeWithState };
+//# sourceMappingURL=useTheme.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","getThemeProxied","useThemeState","EMPTY","useTheme","theme","useThemeWithState","props","isRoot","keys","schemeKeys","themeState","process","env","NODE_ENV","passThrough","HANZO_GUI_DISABLE_NO_THEME_WARNING","console","error","JSON","stringify"],"sources":["../../../src/hooks/useTheme.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AAEvB,SAASC,eAAA,QAA0C;AACnD,SAASC,aAAA,QAAqB;AAE9B,MAAMC,KAAA,GAAQ,CAAC;EAEFC,QAAA,GAAWA,CAAA,KAAM;IAC5B;;IAEA,MAAM,CAACC,KAAK,IAAIC,iBAAA,CAAkBH,KAAK;IAEvC,OADYE,KAAA;EAEd;EAOaC,iBAAA,GAAoBA,CAC/BC,KAAA,EACAC,MAAA,GAAS,OACU;IACnB;;IAEA,MAAMC,IAAA,GAAOT,MAAA,CAA2B,IAAI;MACtCU,UAAA,GAAaV,MAAA,CAA2B,IAAI;MAC5CW,UAAA,GAAaT,aAAA,CAAcK,KAAA,EAAOC,MAAA,EAAQC,IAAA,EAAMC,UAAU;IAEhE,OAAIE,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,iBACvB,CAACP,KAAA,CAAMQ,WAAA,IAAe,CAACJ,UAAA,EAAYN,KAAA,IACjCO,OAAA,CAAQC,GAAA,CAAIG,kCAAA,KAAuC,OACrDC,OAAA,CAAQC,KAAA,CACN,6FAA6FC,IAAA,CAAKC,SAAA,CAChGb,KACF,CAAC;AAAA;AAAA,0KACH,GASC,CAJcA,KAAA,CAAMQ,WAAA,GACvB,CAAC,IACDd,eAAA,CAAgBM,KAAA,EAAOI,UAAA,EAAYF,IAAA,EAAMC,UAAU,GAEjCC,UAAU;EAClC","ignoreList":[]}

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

@@ -0,0 +1,26 @@
+import { useRef } from "react";
+import { getThemeProxied } from "./getThemeProxied.native.js";
+import { useThemeState } from "./useThemeState.native.js";
+var EMPTY = {},
+  useTheme = function () {
+    "use no memo";
+
+    var [theme] = useThemeWithState(EMPTY),
+      res = theme;
+    return res;
+  },
+  useThemeWithState = function (props) {
+    "use no memo";
+
+    var isRoot = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1,
+      keys = useRef(null),
+      schemeKeys = useRef(null),
+      themeState = useThemeState(props, isRoot, keys, schemeKeys);
+    process.env.NODE_ENV === "development" && !props.passThrough && !themeState?.theme && process.env.HANZO_GUI_DISABLE_NO_THEME_WARNING !== "1" && console.error(`[hanzo-gui] No theme found, this could be due to an invalid theme name (given theme props ${JSON.stringify(props)}).
+
+If this is intended and you are using Hanzo GUI without any themes, you can disable this warning by setting the environment variable HANZO_GUI_DISABLE_NO_THEME_WARNING=1`);
+    var themeProxied = props.passThrough ? {} : getThemeProxied(props, themeState, keys, schemeKeys);
+    return [themeProxied, themeState];
+  };
+export { useTheme, useThemeWithState };
+//# sourceMappingURL=useTheme.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","getThemeProxied","useThemeState","EMPTY","useTheme","theme","useThemeWithState","res","props","isRoot","arguments","length","keys","schemeKeys","themeState","process","env","NODE_ENV","passThrough","HANZO_GUI_DISABLE_NO_THEME_WARNING","console","error","JSON","stringify","themeProxied"],"sources":["../../../src/hooks/useTheme.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AAEvB,SAASC,eAAA,QAA0C;AACnD,SAASC,aAAA,QAAqB;AAE9B,IAAAC,KAAM,KAAQ;EAACC,QAEF,YAAAA,CAAA,EAAiB;IAC5B;;IAEA,KAAAC,KAAO,IAAKC,iBAAI,CAAAH,KAAkB;MAAKI,GAAA,GAAAF,KAAA;IAEvC,OADYE,GAAA;EAEd;EAOaD,iBAAA,GAAoB,SAAAA,CAE/BE,KAAA;IAEA;;IAEA,IAAAC,MAAM,GAAOC,SAA2B,CAAAC,MAClC,QAAAD,SAAa,CAA2B,OACxC,SAAAA,SAAa;MAAcE,IAAA,GAAOZ,MAAA,CAAQ;MAAMa,UAAU,GAAAb,MAAA;MAAAc,UAAA,GAAAZ,aAAA,CAAAM,KAAA,EAAAC,MAAA,EAAAG,IAAA,EAAAC,UAAA;IAEhEE,OAAI,CAAAC,GAAA,CAAAC,QAAY,kBAAa,KAAAT,KAAA,CACvBU,WAAO,KAAAJ,UAAgB,EAAAT,KAAA,IAAYU,OACjC,CAAAC,GAAA,CAAAG,kCAAY,YAAuCC,OACrD,CAAAC,KAAA,8FAAQC,IAAA,CAAAC,SAAA,CAAAf,KAAA;AAAA;AAC4F,0KAChG;IAAA,IACDgB,YAAA,GAAAhB,KAAA,CAAAU,WAAA,QAAAjB,eAAA,CAAAO,KAAA,EAAAM,UAAA,EAAAF,IAAA,EAAAC,UAAA;IAAA,QAAAW,YAAA,EACHV,UAKqB,CAK7B","ignoreList":[]}

package/dist/esm/hooks/useThemeName.mjs

@@ -0,0 +1,14 @@
+import { useThemeState } from "./useThemeState.mjs";
+const forceUpdateState = {
+    forceClassName: !0,
+    deopt: !0,
+    needsUpdate: () => !0
+  },
+  forceKeys = {
+    current: /* @__PURE__ */new Set([""])
+  };
+function useThemeName() {
+  return useThemeState(forceUpdateState, !1, forceKeys)?.name || "";
+}
+export { useThemeName };
+//# sourceMappingURL=useThemeName.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useThemeState","forceUpdateState","forceClassName","deopt","needsUpdate","forceKeys","current","Set","useThemeName","name"],"sources":["../../../src/hooks/useThemeName.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,aAAA,QAAqB;AAG9B,MAAMC,gBAAA,GAAmB;IAAEC,cAAA,EAAgB;IAAMC,KAAA,EAAO;IAAMC,WAAA,EAAaA,CAAA,KAAM;EAAK;EAChFC,SAAA,GAAY;IAAEC,OAAA,EAAS,mBAAIC,GAAA,CAAI,CAAC,EAAE,CAAC;EAAE;AAEpC,SAASC,aAAA,EAA0B;EACxC,OAAOR,aAAA,CAAcC,gBAAA,EAAkB,IAAOI,SAAS,GAAGI,IAAA,IAAQ;AACpE","ignoreList":[]}

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

@@ -0,0 +1,17 @@
+import { useThemeState } from "./useThemeState.native.js";
+var forceUpdateState = {
+    forceClassName: !0,
+    deopt: !0,
+    needsUpdate: function () {
+      return !0;
+    }
+  },
+  forceKeys = {
+    current: /* @__PURE__ */new Set([""])
+  };
+function useThemeName() {
+  var _useThemeState;
+  return ((_useThemeState = useThemeState(forceUpdateState, !1, forceKeys)) === null || _useThemeState === void 0 ? void 0 : _useThemeState.name) || "";
+}
+export { useThemeName };
+//# sourceMappingURL=useThemeName.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useThemeState","forceUpdateState","forceClassName","deopt","needsUpdate"],"sources":["../../../src/hooks/useThemeName.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,aAAA,QAAqB;AAG9B,IAAAC,gBAAM;IAGCC,cAAS;IACdC,KAAA,EAAO;IACTC,WAAA,WAAAA,CAAA","ignoreList":[]}