@hanzogui/web 3.0.6 → 4.3.1

package/dist/esm/views/Theme.native.js

@@ -5,92 +5,118 @@ import { variableToString } from "../createVariable.native.js";
 import { useThemeWithState } from "../hooks/useTheme.native.js";
 import { getThemeState, hasThemeUpdatingProps, ThemeStateContext } from "../hooks/useThemeState.native.js";
 import { ThemeDebug } from "./ThemeDebug.native.js";
-var Theme = /* @__PURE__ */forwardRef(function (props, ref) {
+var Theme = /* @__PURE__ */forwardRef(function Theme2(props, ref) {
   "use no memo";
 
-  if (props.disable) return props.children;
+  if (props.disable) {
+    return props.children;
+  }
   var {
-      passThrough
-    } = props,
-    isRoot = !!props._isRoot,
-    [_, themeState] = useThemeWithState(props, isRoot),
-    disableDirectChildTheme = props["disable-child-theme"],
-    finalChildren = disableDirectChildTheme ? Children.map(props.children, function (child) {
-      return passThrough || ! /* @__PURE__ */isValidElement(child) ? child : /* @__PURE__ */cloneElement(child, {
-        "data-disable-theme": !0
-      });
-    }) : props.children;
-  if (ref) try {
-    React.Children.only(finalChildren), finalChildren = /* @__PURE__ */cloneElement(finalChildren, {
-      ref
+    passThrough
+  } = props;
+  var isRoot = !!props["_isRoot"];
+  var [_, themeState] = useThemeWithState(props, isRoot);
+  var disableDirectChildTheme = props["disable-child-theme"];
+  var finalChildren = disableDirectChildTheme ? Children.map(props.children, function (child) {
+    return passThrough || ! /* @__PURE__ */isValidElement(child) ? child : /* @__PURE__ */cloneElement(child, {
+      ["data-disable-theme"]: true
     });
-  } catch {}
+  }) : props.children;
+  if (ref) {
+    try {
+      React.Children.only(finalChildren);
+      finalChildren = /* @__PURE__ */cloneElement(finalChildren, {
+        ref
+      });
+    } catch (e) {}
+  }
   var stateRef = useRef({
-    hasEverThemed: !1
+    hasEverThemed: false
   });
   return getThemedChildren(themeState, finalChildren, props, isRoot, stateRef, passThrough);
 });
-Theme.avoidForwardRef = !0;
+Theme["avoidForwardRef"] = true;
 function getThemedChildren(themeState, children, props) {
-  var isRoot = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1,
+  var isRoot = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false,
     stateRef = arguments.length > 4 ? arguments[4] : void 0,
-    passThrough = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : !1,
-    {
-      shallow,
-      forceClassName
-    } = props,
-    state = stateRef.current,
-    hasEverThemed = state.hasEverThemed,
-    shouldRenderChildrenWithTheme = hasEverThemed || themeState.isNew || isRoot || hasThemeUpdatingProps(props);
-  if (process.env.NODE_ENV === "development" && props.debug === "visualize" && (children = /* @__PURE__ */_jsx(ThemeDebug, {
-    themeState,
-    themeProps: props,
-    children
-  })), !shouldRenderChildrenWithTheme) return children;
+    passThrough = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : false;
+  var {
+    shallow,
+    forceClassName
+  } = props;
+  var state = stateRef.current;
+  var hasEverThemed = state.hasEverThemed;
+  var shouldRenderChildrenWithTheme = hasEverThemed || themeState.isNew || isRoot || hasThemeUpdatingProps(props);
+  if (process.env.NODE_ENV === "development" && props.debug === "visualize") {
+    children = /* @__PURE__ */_jsx(ThemeDebug, {
+      themeState,
+      themeProps: props,
+      children
+    });
+  }
+  if (!shouldRenderChildrenWithTheme) {
+    return children;
+  }
   children = /* @__PURE__ */_jsx(ThemeStateContext.Provider, {
     value: themeState.id,
     children
   });
   var {
-      isInverse,
-      name
-    } = themeState,
-    requiresExtraWrapper = isInverse || forceClassName;
-  if (state.hasEverThemed || (state.hasEverThemed = !0), (requiresExtraWrapper ||
+    isInverse,
+    name
+  } = themeState;
+  var requiresExtraWrapper = isInverse || forceClassName;
+  if (!state.hasEverThemed) {
+    state.hasEverThemed = true;
+  }
+  if (requiresExtraWrapper ||
   // if the theme is exactly dark or light, its likely to change between dark/light
   // and that would require wrapping which would re-parent, so to avoid re-parenting do this
-  themeState.name === "dark" || themeState.name === "light") && (state.hasEverThemed = "wrapped"), shallow && themeState.parentId) {
-    var parentState = getThemeState(themeState.isNew ? themeState.id : themeState.parentId);
-    if (!parentState) throw new Error("\u203C\uFE0F010");
-    children = Children.toArray(children).map(function (child) {
-      return /* @__PURE__ */isValidElement(child) ? passThrough ? child : /* @__PURE__ */cloneElement(child, void 0, /* @__PURE__ */_jsx(Theme, {
-        name: parentState.name,
-        children: child.props.children
-      })) : child;
-    });
+  themeState.name === "dark" || themeState.name === "light") {
+    state.hasEverThemed = "wrapped";
+  }
+  if (shallow) {
+    if (!themeState.parentId) {} else {
+      var parentState = getThemeState(themeState.isNew ? themeState.id : themeState.parentId);
+      if (!parentState) throw new Error(`\u203C\uFE0F010`);
+      children = Children.toArray(children).map(function (child) {
+        return /* @__PURE__ */isValidElement(child) ? passThrough ? child : /* @__PURE__ */cloneElement(child, void 0, /* @__PURE__ */_jsx(Theme, {
+          name: parentState.name,
+          children: child.props.children
+        })) : child;
+      });
+    }
+  }
+  if (process.env.NODE_ENV === "development") {
+    if (!passThrough && props.debug) {
+      console.warn(` getThemedChildren`, {
+        requiresExtraWrapper,
+        forceClassName,
+        themeState,
+        state,
+        themeSpanProps: getThemeClassNameAndColor(themeState, props, isRoot)
+      });
+    }
+  }
+  if (forceClassName === false) {
+    return children;
   }
-  if (process.env.NODE_ENV === "development" && !passThrough && props.debug && console.warn(" getThemedChildren", {
-    requiresExtraWrapper,
-    forceClassName,
-    themeState,
-    state,
-    themeSpanProps: getThemeClassNameAndColor(themeState, props, isRoot)
-  }), forceClassName === !1) return children;
   if (isWeb) {
-    var baseStyle = props.contain ? inertContainedStyle : inertStyle,
-      {
-        className = "",
-        color
-      } = passThrough ? {} : getThemeClassNameAndColor(themeState, props, isRoot);
-    if (children = /* @__PURE__ */_jsx("span", {
+    var baseStyle = props.contain ? inertContainedStyle : inertStyle;
+    var {
+      className = "",
+      color
+    } = passThrough ? {} : getThemeClassNameAndColor(themeState, props, isRoot);
+    children = /* @__PURE__ */_jsx("span", {
       className: `${className} is_Theme`,
       style: passThrough ? baseStyle : {
         color,
         ...baseStyle
       },
       children
-    }), state.hasEverThemed === "wrapped") {
-      var className1 = requiresExtraWrapper ? `${name.startsWith("light") ? "t_light" : name.startsWith("dark") ? "t_dark" : ""} _dsp_contents` : "_dsp_contents";
+    });
+    if (state.hasEverThemed === "wrapped") {
+      var className1 = requiresExtraWrapper ? `${name.startsWith("light") ? "t_light" : name.startsWith("dark") ? "t_dark" : ""} _dsp_contents` : `_dsp_contents`;
       children = /* @__PURE__ */_jsx("span", {
         className: className1,
         children
@@ -101,28 +127,33 @@ function getThemedChildren(themeState, children, props) {
   return children;
 }
 var inertStyle = {
-    display: "contents"
-  },
-  inertContainedStyle = {
-    display: "contents",
-    contain: "strict"
-  },
-  empty = {
-    className: "",
-    color: void 0
-  };
+  display: "contents"
+};
+var inertContainedStyle = {
+  display: "contents",
+  contain: "strict"
+};
+var empty = {
+  className: "",
+  color: void 0
+};
 function getThemeClassNameAndColor(themeState, props) {
-  var isRoot = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
-  if (!themeState.isNew && !props.forceClassName) return empty;
-  var themeColor = themeState?.theme && themeState.isNew ? variableToString(themeState.theme.color) : "",
-    style = themeColor ? {
-      color: themeColor
-    } : void 0,
-    themeClassName = themeState.name.replace(schemePrefix, ""),
-    themeNameParts = themeClassName.split("_"),
-    themeClasses = `t_${themeClassName}`;
+  var isRoot = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
+  if (!themeState.isNew && !props.forceClassName) {
+    return empty;
+  }
+  var themeColor = (themeState === null || themeState === void 0 ? void 0 : themeState.theme) && themeState.isNew ? variableToString(themeState.theme.color) : "";
+  var style = themeColor ? {
+    color: themeColor
+  } : void 0;
+  var themeClassName = themeState.name.replace(schemePrefix, "");
+  var themeNameParts = themeClassName.split("_");
+  var themeClasses = `t_${themeClassName}`;
   if (themeNameParts.length > 1) {
-    for (var hierarchyClasses = [], i = 1; i <= themeNameParts.length; i++) hierarchyClasses.push(`t_${themeNameParts.slice(0, i).join("_")}`);
+    var hierarchyClasses = [];
+    for (var i = 1; i <= themeNameParts.length; i++) {
+      hierarchyClasses.push(`t_${themeNameParts.slice(0, i).join("_")}`);
+    }
     themeClasses = hierarchyClasses.join(" ");
   }
   var className = `${isRoot ? "" : "t_sub_theme"} ${themeClasses}`;

package/dist/esm/views/Theme.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","isWeb","React","Children","cloneElement","forwardRef","isValidElement","useRef","variableToString","useThemeWithState","getThemeState","hasThemeUpdatingProps","ThemeStateContext","ThemeDebug","Theme","props","ref","disable","children","passThrough","isRoot","_isRoot","_","themeState","disableDirectChildTheme","finalChildren","map","child","only","stateRef","hasEverThemed","getThemedChildren","avoidForwardRef","arguments","length","shallow","forceClassName","state","current","shouldRenderChildrenWithTheme","isNew","process","env","NODE_ENV","debug","themeProps","Provider","value","id","isInverse","name","requiresExtraWrapper","parentId","parentState","Error","toArray","console","warn","themeSpanProps","getThemeClassNameAndColor","baseStyle","contain","inertContainedStyle","inertStyle","className","color","style","className1","startsWith","display","empty","themeColor","theme","themeClassName","replace","schemePrefix","themeNameParts","split","themeClasses","hierarchyClasses","i","push","slice","join"],"sources":["../../../src/views/Theme.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAa;AAEtB,SAAOC,KAAA,QAAS,qBAAwB;AAExC,OAAAC,KAAS,IAAAC,QAAA,EAAAC,YAAwB,EAAAC,UAAA,EAAAC,cAAA,EAAAC,MAAA;AACjC,SAASC,gBAAA,qCAAyB;AAClC,SAAAC,iBAAA;AAAA,SACEC,aAAA,EAAAC,qBAAA,EAAAC,iBAAA;AAAA,SACAC,UAAA;AAAA,IACAC,KAAA,kBAAAT,UAAA,WAAAU,KAAA,EAAAC,GAAA;EAAA,aACK;;EAEP,IAAAD,KAAS,CAAAE,OAAA,EAyEH,OAAAF,KAAA,CAAAG,QAAA;EArEC,IAAM;MAAAC;IAAQ,IAAAJ,KAAW;IAAAK,MAAe,IAAgC,CAAAL,KAAK,CAAAM,OAAA;IAAA,CAAAC,CAAA,EAAAC,UAAA,IAAAd,iBAAA,CAAAM,KAAA,EAAAK,MAAA;IAAAI,uBAAA,GAAAT,KAAA;IAAAU,aAAA,GAAAD,uBAAA,GAAArB,QAAA,CAAAuB,GAAA,CAAAX,KAAA,CAAAG,QAAA,YAAAS,KAAA;MAClF,OAAAR,WAAA,qBAAAb,cAAA,CAAAqB,KAAA,IAAAA,KAAA,kBAAAvB,YAAA,CAAAuB,KAAA;QAGI,oBAAM;MACR;IAGF,KAAAZ,KAAQ,CAAAG,QAAA;EAQR,IAAIF,GAAA,EACa;IAAiBd,KAAA,CAAAC,QAC5B,CAAAyB,IAAA,CAAAH,aAAgB,GAAAA,aACZ,kBACArB,YAAuB,CAAAqB,aAAA;MAE7BT;IAEA;EACF,QAAI,CACF;EAEmD,IACrDa,QAAQ,GAAAtB,MAAA;IAERuB,aAAA;EAGF;EAAwB,OACtBC,iBAAe,CAAAR,UAAA,EAAAE,aAAA,EAAAV,KAAA,EAAAK,MAAA,EAAAS,QAAA,EAAAV,WAAA;AAAA,EACjB;AAEAL,KAAA,CAAAkB,eAAO;AAAA,SACLD,kBAAAR,UAAA,EAAAL,QAAA,EAAAH,KAAA;EAAA,IACAK,MAAA,GAAAa,SAAA,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;IAAAJ,QAAA,GAAAI,SAAA,CAAAC,MAAA,OAAAD,SAAA;IAAAd,WAAA,GAAAc,SAAA,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;IAAA;MAAAE,OAAA;MAAAC;IAAA,IAAArB,KAAA;IAAAsB,KAAA,GAAAR,QAAA,CAAAS,OAAA;IAAAR,aAAA,GAAAO,KAAA,CAAAP,aAAA;IAAAS,6BAAA,GAAAT,aAAA,IAAAP,UAAA,CAAAiB,KAAA,IAAApB,MAAA,IAAAT,qBAAA,CAAAI,KAAA;EAAA,IACA0B,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAA5B,KAAA,CAAA6B,KAAA,qBAAA1B,QAAA,kBAAAlB,IAAA,CAAAa,UAAA;IACAU,UAAA;IACAsB,UAAA,EAAA9B,KAAA;IACAG;EACF,MAAAqB,6BAAA,EACD,OAAArB,QAAA;EAEDA,QAAM,kBAAqBlB,IAAA,CAAAY,iBAAA,CAAAkC,QAAA;IAEpBC,KAAS,EAAAxB,UAAA,CAAAyB,EAAA;IAQd9B;EAMA;EAWA,IARI;MAAA+B,SAAQ;MAAIC;IAAA,IAAA3B,UAAa;IAAA4B,oBAAuB,GAAAF,SAAU,IAAAb,cAC5D;EAQA,IAAAC,KAAO,CAAAP,aAAA,KAAAO,KAAA,CAAAP,aAAA,SAAAqB,oBAAA;EAAA;EAIT;EAMA5B,UAAQ,CAAA2B,IAAA,KAAW,MAAK,IAAI3B,UACtB,CAAA2B,IAAA,kBAAuBb,KAAA,CAAAP,aAAa,eAAAK,OAAA,IAAAZ,UAAA,CAAA6B,QAAA;IAiB1C,IAdKC,WAAM,GAAA3C,aACT,CAAMa,UAAA,CAAAiB,KAAgB,GAAAjB,UAGtB,CAAAyB,EAAA,GAAAzB,UAAA,CAAA6B,QAAA;IAAA,KAAAC,WAAA,YAAAC,KAAA;IAGApC,QAAA,GAAWf,QAAS,CAAAoD,OAAA,CACpBrC,QAAA,EAAAQ,GAAW,WAASC,KAAA;MAUlB,OAAM,eAAcrB,cAAA,CAAAqB,KAAA,IAAAR,WAAA,GAAAQ,KAAA,kBAAAvB,YAAA,CAAAuB,KAAA,yBAAA3B,IAAA,CAAAc,KAAA;QAClBoC,IAAA,EAAAG,WAAmB,CAAAH,IAAA;QACrBhC,QAAA,EAAAS,KAAA,CAAAZ,KAAA,CAAAG;MACA,EAAI,CAAC,GAAAS,KAAA;IACL;EAIQ;EACE,IACAc,OAAA,CAAAC,GAAA,CAAAC,QAAA,uBAAAxB,WAAA,IAAAJ,KAAA,CAAA6B,KAAA,IAAAY,OAAA,CAAAC,IAAA;IAAAN,oBACA;IACFf,cAEP;IACHb,UAAA;IAgBFc,KAbI;IAGEqB,cAAA,EAAAC,yBAAA,CAAApC,UAAA,EAAAR,KAAA,EAAAK,MAAA;EAAA,EACA,EAAAgB,cAAA,SACA,OAAAlB,QAAA;EAAA,IACAjB,KAAA;IACA,IAAA2D,SAAA,GAAgB7C,KAAA,CAAA8C,OAAA,GAAAC,mBAA0B,GAAYC,UAAO;MAAA;QAAMC,SAAA;QAAAC;MAAA,IAAA9C,WAAA,QAAAwC,yBAAA,CAAApC,UAAA,EAAAR,KAAA,EAAAK,MAAA;IACpE,IAKDF,QAAA,kBAAmBlB,IAAA;MACrBgE,SAAO,KAAAA,SAAA;MAGLE,KAAA,EAAO/C,WAAA,GAAAyC,SAAA;QACTK,KAAM;QAKN,GAAAL;MACG;MAAA1C;IAAA,IACCmB,KAAA,CAAAP,aAAc,KAAS;MAAA,IACvBqC,UAAO,GAAAhB,oBAA4B,MAAAD,IAAU,CAAAkB,UAAU,wBAAAlB,IAAA,CAAAkB,UAAA;MAAAlD,QAEtD,kBAAAlB,IAAA;QAAAgE,SAAA,EAAAG,UAAA;QAKDjD;MAEF;IAKA;IACF,OAAAA,QAAA;EAEA;EACF,OAAAA,QAAA;AAEA;AACF,IAAA6C,UAAA;IAEAM,OAAM;EAAa;EACjBP,mBAAS;IACXO,OAEM;IACJR,OAAA,EAAS;EAAA;EACTS,KAAA,GAAS;IACXN,SAEc,EAAE;IAEhBC,KAAA,EAAS;EAKP;AACE,SAAAN,yBAAOA,CAAApC,UAAA,EAAAR,KAAA;EAIT,IAAAK,MAAM,GAAAa,SACJ,CAAAC,MAAA,GAAY,KAAAD,SAAS,QAAW,KAAQ,IAAAA,SAAA,MAAiB;EAGvD,IACE,CAAAV,UAAO,CAAAiB,KAAA,KAAAzB,KAAA,CAAAqB,cAAA,EACT,OACAkC,KAEE;EAON,IAAIC,UAAA,GAAAhD,UAAoB,EAAAiD,KAAA,IAAcjD,UAAA,CAAAiB,KAAA,GAAAhC,gBAAA,CAAAe,UAAA,CAAAiD,KAAA,CAAAP,KAAA;IAAAC,KAAA,GAAAK,UAAA;MAEtCN,KAAI,EAAAM;IAGF,SAAM;IAAAE,cAAA,GAA8BlD,UAAA,CAAA2B,IAAA,CAAAwB,OAAA,CAAAC,YAAA;IAAAC,cAAA,GAAAH,cAAA,CAAAI,KAAA;IAAAC,YAAA,QAAAL,cAAA;EACpC,IAAAG,cAAgB,CAAA1C,MAAK;IACnB,SAAA6C,gBAAsB,KAAK,EAAAC,CAAA,MAAAA,CAAA,IAAeJ,cAAY,CAAA1C,MAAS,EAAE8C,CAAA,IAEnED,gBAAe,CAAAE,IAAA,MAAAL,cAAyB,CAAAM,KAAA,IAAAF,CAAA,EAAAG,IAAA;IAC1CL,YAAA,GAAAC,gBAAA,CAAAI,IAAA;EAEA;EAEA,IAAAnB,SAAS,GAAO,GAAA5C,MAAA,GAAY,kBAAU,IAAA0D,YAAA;EACxC;IAEAb,KAAM,EAAAM,UAAe","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","isWeb","React","Children","cloneElement","forwardRef","isValidElement","useRef","variableToString","useThemeWithState","getThemeState","hasThemeUpdatingProps","ThemeStateContext","ThemeDebug","Theme","Theme2","props","ref","disable","children","passThrough","isRoot","_","themeState","disableDirectChildTheme","finalChildren","map","child","only","e","stateRef","hasEverThemed","getThemedChildren","arguments","length","shallow","forceClassName","state","current","shouldRenderChildrenWithTheme","isNew","process","env","NODE_ENV","debug","themeProps","Provider","value","id","isInverse","name","requiresExtraWrapper","parentId","parentState","Error","toArray","console","warn","themeSpanProps","getThemeClassNameAndColor","baseStyle","contain","inertContainedStyle","inertStyle","className","color","style","className1","startsWith","display","empty","themeColor","theme","themeClassName","replace","schemePrefix","themeNameParts","split","themeClasses","hierarchyClasses","i","push","slice","join"],"sources":["../../../src/views/Theme.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/views/ThemeDebug.mjs

@@ -11,9 +11,28 @@ function ThemeDebug({
 }) {
   if (process.env.NODE_ENV === "development") {
     const isHydrated = useDidFinishSSR();
-    if (process.env.NODE_ENV === "development" && typeof document < "u" && (node || (node = document.createElement("div"), node.style.height = "200px", node.style.overflowY = "scroll", node.style.position = "fixed", node.style.zIndex = 1e7, node.style.bottom = "30px", node.style.left = "30px", node.style.right = "30px", node.style.display = "flex", node.style.border = "1px solid #888", node.style.flexDirection = "row", node.style.background = "var(--background)")), useEffect(() => {
+    if (process.env.NODE_ENV === "development" && typeof document !== "undefined") {
+      if (!node) {
+        node = document.createElement("div");
+        node.style.height = "200px";
+        node.style.overflowY = "scroll";
+        node.style.position = "fixed";
+        node.style.zIndex = 1e7;
+        node.style.bottom = "30px";
+        node.style.left = "30px";
+        node.style.right = "30px";
+        node.style.display = "flex";
+        node.style.border = "1px solid #888";
+        node.style.flexDirection = "row";
+        node.style.background = "var(--background)";
+      }
+    }
+    useEffect(() => {
       document.body.appendChild(node);
-    }, []), themeProps["disable-child-theme"] || !isHydrated) return children;
+    }, []);
+    if (themeProps["disable-child-theme"] || !isHydrated) {
+      return children;
+    }
     const parentState = themeState.parentId ? getThemeState(themeState.parentId) : null;
     return /* @__PURE__ */jsxs(Fragment, {
       children: [createPortal(/* @__PURE__ */jsxs("code", {
@@ -49,6 +68,6 @@ function ThemeDebug({
   }
   return children;
 }
-ThemeDebug.displayName = "ThemeDebug";
+ThemeDebug["displayName"] = "ThemeDebug";
 export { ThemeDebug };
 //# sourceMappingURL=ThemeDebug.mjs.map

package/dist/esm/views/ThemeDebug.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useDidFinishSSR","useEffect","createPortal","getThemeState","Fragment","jsx","jsxs","node","ThemeDebug","themeState","themeProps","children","process","env","NODE_ENV","isHydrated","document","createElement","style","height","overflowY","position","zIndex","bottom","left","right","display","border","flexDirection","background","body","appendChild","parentState","parentId","whiteSpace","maxWidth","overflow","padding","id","JSON","stringify","name","color1","theme","val","isNew","componentName","reset","color","displayName"],"sources":["../../../src/views/ThemeDebug.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,eAAA,QAAuB;AAChC,SAASC,SAAA,QAAiB;AAC1B,SAASC,YAAA,QAAoB;AAC7B,SAASC,aAAA,QAAqB;AA+CxB,SAAAC,QAAA,EAmCEC,GAAA,EAjCEC,IAAA,QAFJ;AA5CN,IAAIC,IAAA;AAEG,SAASC,WAAW;EACzBC,UAAA;EACAC,UAAA;EACAC;AACF,GAIG;EACD,IAAIC,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,eAAe;IAC1C,MAAMC,UAAA,GAAaf,eAAA,CAAgB;IAuBnC,IArBIY,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,iBAAiB,OAAOE,QAAA,GAAa,QAC3DT,IAAA,KACHA,IAAA,GAAOS,QAAA,CAASC,aAAA,CAAc,KAAK,GACnCV,IAAA,CAAKW,KAAA,CAAMC,MAAA,GAAS,SACpBZ,IAAA,CAAKW,KAAA,CAAME,SAAA,GAAY,UACvBb,IAAA,CAAKW,KAAA,CAAMG,QAAA,GAAW,SACtBd,IAAA,CAAKW,KAAA,CAAMI,MAAA,GAAS,KACpBf,IAAA,CAAKW,KAAA,CAAMK,MAAA,GAAS,QACpBhB,IAAA,CAAKW,KAAA,CAAMM,IAAA,GAAO,QAClBjB,IAAA,CAAKW,KAAA,CAAMO,KAAA,GAAQ,QACnBlB,IAAA,CAAKW,KAAA,CAAMQ,OAAA,GAAU,QACrBnB,IAAA,CAAKW,KAAA,CAAMS,MAAA,GAAS,kBACpBpB,IAAA,CAAKW,KAAA,CAAMU,aAAA,GAAgB,OAC3BrB,IAAA,CAAKW,KAAA,CAAMW,UAAA,GAAa,uBAI5B5B,SAAA,CAAU,MAAM;MACde,QAAA,CAASc,IAAA,CAAKC,WAAA,CAAYxB,IAAI;IAChC,GAAG,EAAE,GAEDG,UAAA,CAAW,qBAAqB,KAAK,CAACK,UAAA,EACxC,OAAOJ,QAAA;IAGT,MAAMqB,WAAA,GAAcvB,UAAA,CAAWwB,QAAA,GAAW9B,aAAA,CAAcM,UAAA,CAAWwB,QAAQ,IAAI;IAI/E,OACE,eAAA3B,IAAA,CAAAF,QAAA;MACGO,QAAA,GAAAT,YAAA,CACC,eAAAI,IAAA,CAAC;QACCY,KAAA,EAAO;UACLgB,UAAA,EAAY;UACZC,QAAA,EAAU;UACVC,QAAA,EAAU;UACVC,OAAA,EAAS;QACX;QACD1B,QAAA,cACYF,UAAA,CAAW6B,EAAA,EAAG,WACxBC,IAAA,CAAKC,SAAA,CACJ;UACEC,IAAA,EAAMhC,UAAA,CAAWgC,IAAA;UACjBC,MAAA,EAAQjC,UAAA,CAAWkC,KAAA,CAAMD,MAAA,CAAOE,GAAA;UAChCX,QAAA,EAAUxB,UAAA,CAAWwB,QAAA;UAAA;UAErBY,KAAA,EAAOpC,UAAA,CAAWoC,KAAA;UAClBnC,UAAA,EAAY;YACV+B,IAAA,EAAM/B,UAAA,CAAW+B,IAAA;YACjBK,aAAA,EAAepC,UAAA,CAAWoC,aAAA;YAC1BC,KAAA,EAAOrC,UAAA,CAAWqC;UACpB;UACAf,WAAA,EAAa;YACXS,IAAA,EAAMT,WAAA,EAAaS,IAAA;YACnBI,KAAA,EAAOb,WAAA,EAAaa;UACtB;QACF,GACA,MACA,CACF;MAAA,CACF,GACAtC,IACF,GAEA,eAAAF,GAAA,CAAC;QAAIa,KAAA,EAAO;UAAE8B,KAAA,EAAO;QAAM;QAAIrC,QAAA,EAAAF,UAAA,CAAW6B;MAAA,CAAG,GAE5C3B,QAAA;IAAA,CACH;EAEJ;EACA,OAAOA,QAAA;AACT;AAEAH,UAAA,CAAWyC,WAAA,GAAiB","ignoreList":[]}
+{"version":3,"names":["useDidFinishSSR","useEffect","createPortal","getThemeState","Fragment","jsx","jsxs","node","ThemeDebug","themeState","themeProps","children","process","env","NODE_ENV","isHydrated","document","createElement","style","height","overflowY","position","zIndex","bottom","left","right","display","border","flexDirection","background","body","appendChild","parentState","parentId","whiteSpace","maxWidth","overflow","padding","id","JSON","stringify","name","color1","theme","val","isNew","componentName","reset","color"],"sources":["../../../src/views/ThemeDebug.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,eAAA,QAAuB;AAChC,SAASC,SAAA,QAAiB;AAC1B,SAASC,YAAA,QAAoB;AAC7B,SAASC,aAAA,QAAqB;AA+CxB,SAAAC,QAAA,EAmCEC,GAAA,EAjCEC,IAAA,QAFJ;AA5CN,IAAIC,IAAA;AAEG,SAASC,WAAW;EACzBC,UAAA;EACAC,UAAA;EACAC;AACF,GAIG;EACD,IAAIC,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,eAAe;IAC1C,MAAMC,UAAA,GAAaf,eAAA,CAAgB;IAEnC,IAAIY,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,iBAAiB,OAAOE,QAAA,KAAa,aAAa;MAC7E,IAAI,CAACT,IAAA,EAAM;QACTA,IAAA,GAAOS,QAAA,CAASC,aAAA,CAAc,KAAK;QACnCV,IAAA,CAAKW,KAAA,CAAMC,MAAA,GAAS;QACpBZ,IAAA,CAAKW,KAAA,CAAME,SAAA,GAAY;QACvBb,IAAA,CAAKW,KAAA,CAAMG,QAAA,GAAW;QACtBd,IAAA,CAAKW,KAAA,CAAMI,MAAA,GAAS;QACpBf,IAAA,CAAKW,KAAA,CAAMK,MAAA,GAAS;QACpBhB,IAAA,CAAKW,KAAA,CAAMM,IAAA,GAAO;QAClBjB,IAAA,CAAKW,KAAA,CAAMO,KAAA,GAAQ;QACnBlB,IAAA,CAAKW,KAAA,CAAMQ,OAAA,GAAU;QACrBnB,IAAA,CAAKW,KAAA,CAAMS,MAAA,GAAS;QACpBpB,IAAA,CAAKW,KAAA,CAAMU,aAAA,GAAgB;QAC3BrB,IAAA,CAAKW,KAAA,CAAMW,UAAA,GAAa;MAC1B;IACF;IAEA5B,SAAA,CAAU,MAAM;MACde,QAAA,CAASc,IAAA,CAAKC,WAAA,CAAYxB,IAAI;IAChC,GAAG,EAAE;IAEL,IAAIG,UAAA,CAAW,qBAAqB,KAAK,CAACK,UAAA,EAAY;MACpD,OAAOJ,QAAA;IACT;IAEA,MAAMqB,WAAA,GAAcvB,UAAA,CAAWwB,QAAA,GAAW9B,aAAA,CAAcM,UAAA,CAAWwB,QAAQ,IAAI;IAI/E,OACE,eAAA3B,IAAA,CAAAF,QAAA;MACGO,QAAA,GAAAT,YAAA,CACC,eAAAI,IAAA,CAAC;QACCY,KAAA,EAAO;UACLgB,UAAA,EAAY;UACZC,QAAA,EAAU;UACVC,QAAA,EAAU;UACVC,OAAA,EAAS;QACX;QACD1B,QAAA,cACYF,UAAA,CAAW6B,EAAA,EAAG,WACxBC,IAAA,CAAKC,SAAA,CACJ;UACEC,IAAA,EAAMhC,UAAA,CAAWgC,IAAA;UACjBC,MAAA,EAAQjC,UAAA,CAAWkC,KAAA,CAAMD,MAAA,CAAOE,GAAA;UAChCX,QAAA,EAAUxB,UAAA,CAAWwB,QAAA;UAAA;UAErBY,KAAA,EAAOpC,UAAA,CAAWoC,KAAA;UAClBnC,UAAA,EAAY;YACV+B,IAAA,EAAM/B,UAAA,CAAW+B,IAAA;YACjBK,aAAA,EAAepC,UAAA,CAAWoC,aAAA;YAC1BC,KAAA,EAAOrC,UAAA,CAAWqC;UACpB;UACAf,WAAA,EAAa;YACXS,IAAA,EAAMT,WAAA,EAAaS,IAAA;YACnBI,KAAA,EAAOb,WAAA,EAAaa;UACtB;QACF,GACA,MACA,CACF;MAAA,CACF,GACAtC,IACF,GAEA,eAAAF,GAAA,CAAC;QAAIa,KAAA,EAAO;UAAE8B,KAAA,EAAO;QAAM;QAAIrC,QAAA,EAAAF,UAAA,CAAW6B;MAAA,CAAG,GAE5C3B,QAAA;IAAA,CACH;EAEJ;EACA,OAAOA,QAAA;AACT;AAEAH,UAAA,CAAW,aAAa,IAAI","ignoreList":[]}

package/dist/esm/views/ThemeDebug.native.js

@@ -6,6 +6,6 @@ function ThemeDebug(param) {
   } = param;
   return children;
 }
-ThemeDebug.displayName = "ThemeDebug";
+ThemeDebug["displayName"] = "ThemeDebug";
 export { ThemeDebug };
 //# sourceMappingURL=ThemeDebug.native.js.map

package/dist/esm/views/ThemeDebug.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["ThemeDebug","param","themeState","themeProps","children","displayName"],"sources":["../../../src/views/ThemeDebug.native.tsx"],"sourcesContent":[null],"mappings":"AAAO,SAASA,WAAWC,KAAA,EAAO;EAC9B,IAAI;IAAEC,UAAA;IAAYC,UAAA;IAAYC;EAAS,IAAIH,KAAA;EAE3C,OAAOG,QAAA;AACX;AACAJ,UAAA,CAAWK,WAAA,GAAiB","ignoreList":[]}
+{"version":3,"names":["ThemeDebug","param","themeState","themeProps","children"],"sources":["../../../src/views/ThemeDebug.native.tsx"],"sourcesContent":[null],"mappings":"AAAO,SAASA,WAAWC,KAAA,EAAO;EAC9B,IAAI;IAAEC,UAAA;IAAYC,UAAA;IAAYC;EAAS,IAAIH,KAAA;EAE3C,OAAOG,QAAA;AACX;AACAJ,UAAA,CAAW,aAAa,IAAI","ignoreList":[]}

package/dist/esm/views/ThemeProvider.mjs

@@ -8,14 +8,17 @@ const ThemeProvider = props => {
   "use no memo";
 
   const addThemeClassName = getSetting("addThemeClassName");
-  useIsomorphicLayoutEffect(() => {
-    if (addThemeClassName === !1) return;
-    const cn = `${THEME_CLASSNAME_PREFIX}${props.defaultTheme}`,
-      target = getSetting("addThemeClassName") === "html" ? document.documentElement : document.body;
-    return target.classList.add(cn), () => {
-      target.classList.remove(cn);
-    };
-  }, [props.defaultTheme, addThemeClassName]);
+  if (true) {
+    useIsomorphicLayoutEffect(() => {
+      if (addThemeClassName === false) return;
+      const cn = `${THEME_CLASSNAME_PREFIX}${props.defaultTheme}`;
+      const target = getSetting("addThemeClassName") === "html" ? document.documentElement : document.body;
+      target.classList.add(cn);
+      return () => {
+        target.classList.remove(cn);
+      };
+    }, [props.defaultTheme, addThemeClassName]);
+  }
   const forceClassName = addThemeClassName === void 0;
   return /* @__PURE__ */jsx(Theme, {
     className: props.className,

package/dist/esm/views/ThemeProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useIsomorphicLayoutEffect","useId","getSetting","THEME_CLASSNAME_PREFIX","Theme","jsx","ThemeProvider","props","addThemeClassName","cn","defaultTheme","target","document","documentElement","body","classList","add","remove","forceClassName","className","name","_isRoot","children"],"sources":["../../../src/views/ThemeProvider.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,yBAAA,QAAiC;AAC1C,SAASC,KAAA,QAAa;AACtB,SAASC,UAAA,QAAkB;AAC3B,SAASC,sBAAA,QAA8B;AAEvC,SAASC,KAAA,QAAa;AA6BlB,SAAAC,GAAA;AA3BG,MAAMC,aAAA,GAAiBC,KAAA,IAA8B;EAC1D;;EAEA,MAAMC,iBAAA,GAAoBN,UAAA,CAAW,mBAAmB;EAItDF,yBAAA,CAA0B,MAAM;IAC9B,IAAIQ,iBAAA,KAAsB,IAAO;IACjC,MAAMC,EAAA,GAAK,GAAGN,sBAAsB,GAAGI,KAAA,CAAMG,YAAY;MACnDC,MAAA,GACJT,UAAA,CAAW,mBAAmB,MAAM,SAChCU,QAAA,CAASC,eAAA,GACTD,QAAA,CAASE,IAAA;IACf,OAAAH,MAAA,CAAOI,SAAA,CAAUC,GAAA,CAAIP,EAAE,GAChB,MAAM;MACXE,MAAA,CAAOI,SAAA,CAAUE,MAAA,CAAOR,EAAE;IAC5B;EACF,GAAG,CAACF,KAAA,CAAMG,YAAA,EAAcF,iBAAiB,CAAC;EAM5C,MAAMU,cAAA,GAAiBV,iBAAA,KAAsB;EAE7C,OACE,eAAAH,GAAA,CAACD,KAAA;IACCe,SAAA,EAAWZ,KAAA,CAAMY,SAAA;IACjBC,IAAA,EAAMb,KAAA,CAAMG,YAAA;IACZQ,cAAA;IAEAG,OAAA,EAASpB,KAAA;IAERqB,QAAA,EAAAf,KAAA,CAAMe;EAAA,CACT;AAEJ","ignoreList":[]}
+{"version":3,"names":["useIsomorphicLayoutEffect","useId","getSetting","THEME_CLASSNAME_PREFIX","Theme","jsx","ThemeProvider","props","addThemeClassName","cn","defaultTheme","target","document","documentElement","body","classList","add","remove","forceClassName","className","name","_isRoot","children"],"sources":["../../../src/views/ThemeProvider.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,yBAAA,QAAiC;AAC1C,SAASC,KAAA,QAAa;AACtB,SAASC,UAAA,QAAkB;AAC3B,SAASC,sBAAA,QAA8B;AAEvC,SAASC,KAAA,QAAa;AA6BlB,SAAAC,GAAA;AA3BG,MAAMC,aAAA,GAAiBC,KAAA,IAA8B;EAC1D;;EAEA,MAAMC,iBAAA,GAAoBN,UAAA,CAAW,mBAAmB;EAGxD,IAAI,MAAkC;IACpCF,yBAAA,CAA0B,MAAM;MAC9B,IAAIQ,iBAAA,KAAsB,OAAO;MACjC,MAAMC,EAAA,GAAK,GAAGN,sBAAsB,GAAGI,KAAA,CAAMG,YAAY;MACzD,MAAMC,MAAA,GACJT,UAAA,CAAW,mBAAmB,MAAM,SAChCU,QAAA,CAASC,eAAA,GACTD,QAAA,CAASE,IAAA;MACfH,MAAA,CAAOI,SAAA,CAAUC,GAAA,CAAIP,EAAE;MACvB,OAAO,MAAM;QACXE,MAAA,CAAOI,SAAA,CAAUE,MAAA,CAAOR,EAAE;MAC5B;IACF,GAAG,CAACF,KAAA,CAAMG,YAAA,EAAcF,iBAAiB,CAAC;EAC5C;EAKA,MAAMU,cAAA,GAAiBV,iBAAA,KAAsB;EAE7C,OACE,eAAAH,GAAA,CAACD,KAAA;IACCe,SAAA,EAAWZ,KAAA,CAAMY,SAAA;IACjBC,IAAA,EAAMb,KAAA,CAAMG,YAAA;IACZQ,cAAA;IAEAG,OAAA,EAASpB,KAAA;IAERqB,QAAA,EAAAf,KAAA,CAAMe;EAAA,CACT;AAEJ","ignoreList":[]}

package/dist/esm/views/ThemeProvider.native.js

@@ -1,12 +1,25 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useIsomorphicLayoutEffect } from "@hanzogui/constants";
 import { useId } from "react";
 import { getSetting } from "../config.native.js";
+import { THEME_CLASSNAME_PREFIX } from "../constants/constants.native.js";
 import { Theme } from "./Theme.native.js";
 var ThemeProvider = function (props) {
   "use no memo";
 
-  var addThemeClassName = getSetting("addThemeClassName"),
-    forceClassName = addThemeClassName === void 0;
+  var addThemeClassName = getSetting("addThemeClassName");
+  if (false) {
+    useIsomorphicLayoutEffect(function () {
+      if (addThemeClassName === false) return;
+      var cn = `${THEME_CLASSNAME_PREFIX}${props.defaultTheme}`;
+      var target = getSetting("addThemeClassName") === "html" ? document.documentElement : document.body;
+      target.classList.add(cn);
+      return function () {
+        target.classList.remove(cn);
+      };
+    }, [props.defaultTheme, addThemeClassName]);
+  }
+  var forceClassName = addThemeClassName === void 0;
   return /* @__PURE__ */_jsx(Theme, {
     className: props.className,
     name: props.defaultTheme,

package/dist/esm/views/ThemeProvider.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","useId","getSetting","Theme","ThemeProvider","props","addThemeClassName","forceClassName","className","name","defaultTheme","_isRoot","children"],"sources":["../../../src/views/ThemeProvider.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,2BAAiC;AAE1C,SAASC,KAAA,eAAkB;AAC3B,SAASC,UAAA;AA+BL,SAAAC,KAAA;AA3BG,IAAAC,aAAM,YAAAA,CAAiBC,KAA8B;EAC1D;;EAEA,IAAAC,iBAAM,GAAAJ,UAAoB,oBAAW;IAAmBK,cAAA,GAAAD,iBAAA;EAItD,sBAAAN,IAA0B,CAAAG,KAAM;IAC9BK,SAAI,EAAAH,KAAA,CAAAG,SAAsB;IAC1BC,IAAA,EAAMJ,KAAK,CAAAK,YAAG;IAKdH,cAAO;IAEL;IACFI,OAAA,EAAAV,KAAA;IACFW,QAAU,EAAAP,KAAA,CAAAO;EAMZ;AAEA;AACE,SAACR,aAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","useIsomorphicLayoutEffect","useId","getSetting","THEME_CLASSNAME_PREFIX","Theme","ThemeProvider","props","addThemeClassName","cn","defaultTheme","target","document","documentElement","body","classList","add","remove","forceClassName","className","name","_isRoot","children"],"sources":["../../../src/views/ThemeProvider.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,2BAAiC;AAC1C,SAASC,yBAAa;AACtB,SAASC,KAAA,eAAkB;AAC3B,SAASC,UAAA;AAET,SAASC,sBAAa;AA6BlB,SAAAC,KAAA;AA3BG,IAAAC,aAAM,YAAAA,CAAiBC,KAA8B;EAC1D;;EAEA,IAAAC,iBAAM,GAAAL,UAAoB,oBAAW;EAGrC,IAAI,OAAkC;IACpCF,yBAAA,CAA0B,YAAM;MAC9B,IAAIO,iBAAA,KAAsB,OAAO;MACjC,IAAAC,EAAM,MAAKL,sBAAG,GAAsBG,KAAG,CAAAG,YAAM,EAAY;MACzD,IAAAC,MAAM,GAAAR,UACJ,oBAAW,MAAmB,MAAM,GAAAS,QAChC,CAAAC,eAAS,GAAAD,QACT,CAAAE,IAAS;MACfH,MAAA,CAAOI,SAAA,CAAUC,GAAA,CAAIP,EAAE;MACvB,OAAO,YAAM;QACXE,MAAA,CAAOI,SAAA,CAAUE,MAAA,CAAOR,EAAE;MAC5B;IACF,GAAG,CACLF,KAAA,CAAAG,YAAA,EAKAF,iBAAM,CAEN;EACE;EAAC,IAAAU,cAAA,GAAAV,iBAAA;EAAA,OACC,eAAiBR,IAAA,CAAAK,KAAA;IAAAc,SACX,EAAAZ,KAAM,CAAAY,SAAA;IAAAC,IACZ,EAAAb,KAAA,CAAAG,YAAA;IAAAQ,cAES;IAAA;IAEFG,OAAA,EAAAnB,KAAA;IACToB,QAAA,EAAAf,KAAA,CAAAe;EAEJ","ignoreList":[]}

package/dist/esm/views/View.mjs

@@ -1,7 +1,7 @@
 import { validStyles } from "@hanzogui/helpers";
 import { createComponent } from "../createComponent.mjs";
 const View = createComponent({
-  acceptsClassName: !0,
+  acceptsClassName: true,
   validStyles
 });
 export { View };

package/dist/esm/views/View.native.js

@@ -1,7 +1,7 @@
 import { validStyles } from "@hanzogui/helpers";
 import { createComponent } from "../createComponent.native.js";
 var View = createComponent({
-  acceptsClassName: !0,
+  acceptsClassName: true,
   validStyles
 });
 export { View };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzogui/web",
-  "version": "3.0.6",
+  "version": "4.3.1",
   "license": "MIT",
   "author": {
     "name": "Nate Wienert"

package/src/_withStableStyle.tsx

@@ -6,25 +6,42 @@ import { ThemeStateContext } from './hooks/useThemeState'
 
 /** internal: this is for hanzo-gui babel plugin usage only */
 
+const EMPTY_EXPRESSIONS: any[] = []
+const EMPTY_THEME = {}
+
 export const _withStableStyle = (
   Component: any,
-  createStyle: (theme: any, expressions: any[]) => object
+  createStyle: (theme: any, expressions: any[]) => object,
+  hasThemeKeys?: boolean,
+  hasMediaKeys?: boolean
 ) =>
   React.memo(
     React.forwardRef((props: any, ref) => {
-      const { _expressions = [], ...rest } = props
+      const { _expressions = EMPTY_EXPRESSIONS, ...rest } = props
 
-      // in monorepo setups (pnpm, etc.) module duplication can cause the
-      // ThemeStateContext here to be a different instance than the one in
-      // GuiProvider, making the provider invisible. fall back to config
-      // themes instead of crashing with "Missing theme".
       const parentId = useContext(ThemeStateContext)
-      if (!parentId) {
+
+      // compile-time constants per wrapper, so conditional hooks are stable
+      // eslint-disable-next-line react-hooks/rules-of-hooks
+      const theme = hasThemeKeys && parentId ? useTheme() : null
+      // eslint-disable-next-line react-hooks/rules-of-hooks
+      const media = hasMediaKeys ? useMedia() : null
+
+      const resolvedExpressions = media
+        ? _expressions.map((expr: any) => (typeof expr === 'string' ? media[expr] : expr))
+        : _expressions
+
+      let resolvedTheme: any = theme || EMPTY_THEME
+      if (hasThemeKeys && !parentId) {
+        // monorepo edge case: ThemeStateContext is from a different instance
         const config = getConfigMaybe()
         const themes = config?.themes
-        const fallback = themes
-          ? themes.light || themes.dark || Object.values(themes)[0]
-          : {}
+        if (themes) {
+          for (const k in themes) {
+            resolvedTheme = themes.light || themes.dark || themes[k]
+            break
+          }
+        }
         if (process.env.NODE_ENV === 'development') {
           console.warn(
             '[@gui] _withStableStyle: no ThemeStateContext found. ' +
@@ -32,24 +49,14 @@ export const _withStableStyle = (
               'Falling back to default theme from config.'
           )
         }
-        return (
-          <Component ref={ref} style={createStyle(fallback, _expressions)} {...rest} />
-        )
       }
 
-      const theme = useTheme()
-
-      // Only call useMedia if there are string media keys to resolve
-      // This is safe because expressions are compile-time stable
-      const hasMediaKeys = _expressions.some((expr: any) => typeof expr === 'string')
-      const media = hasMediaKeys ? useMedia() : null
-
-      const resolvedExpressions = media
-        ? _expressions.map((expr: any) => (typeof expr === 'string' ? media[expr] : expr))
-        : _expressions
-
       return (
-        <Component ref={ref} style={createStyle(theme, resolvedExpressions)} {...rest} />
+        <Component
+          ref={ref}
+          style={createStyle(resolvedTheme, resolvedExpressions)}
+          {...rest}
+        />
       )
     })
   )

package/src/config.ts

@@ -43,7 +43,7 @@ const getConfigFromGlobalOrLocal = (): GuiInternalConfig | null => {
           console.warn(
             `⚠️⚠️⚠️⚠️⚠️
 
-Hanzo GUI: Using global config fallback. This may indicate duplicate gui instances (e.g., from Vite SSR bundling). This is handled automatically, but likely causes issues!
+GUI: Using global config fallback. This may indicate duplicate gui instances (e.g., from Vite SSR bundling). This is handled automatically, but likely causes issues!
 
 ⚠️⚠️⚠️⚠️⚠️`
           )

package/src/constants/constants.ts

@@ -6,9 +6,9 @@ export const FONT_DATA_ATTRIBUTE_NAME = 'data-gui-font'
 
 export const MISSING_THEME_MESSAGE =
   process.env.NODE_ENV === 'development'
-    ? `Can't find Hanzo GUI configuration.
+    ? `Can't find GUI configuration.
     
-Most of the time this is due to having mis-matched versions of Hanzo GUI dependencies, or bundlers somehow duplicating them.
+Most of the time this is due to having mis-matched versions of GUI dependencies, or bundlers somehow duplicating them.
 First step is to ensure every "@hanzo/gui" and "@hanzogui/*" dependency is on the same version, we have a CLI tool to help: 
 
   npx @hanzogui/cli check