@hanzogui/web 3.0.6 → 4.3.1

package/.turbo/turbo-build.log

@@ -0,0 +1,2 @@
+$ hanzo-gui-build
+built @hanzogui/web in 5231 ms

package/dist/cjs/Gui.cjs

@@ -2,33 +2,35 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  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: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// 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 Gui_exports = {};
 __export(Gui_exports, {
   Gui: () => Gui,
@@ -36,37 +38,39 @@ __export(Gui_exports, {
   setIdentifierValue: () => setIdentifierValue
 });
 module.exports = __toCommonJS(Gui_exports);
-var Helpers = __toESM(require("@hanzogui/helpers"), 1),
-  import_config = require("./config.cjs"),
-  import_insertStyleRule = require("./helpers/insertStyleRule.cjs"),
-  import_mediaState = require("./helpers/mediaState.cjs");
+var Helpers = __toESM(require("@hanzogui/helpers"), 1);
+var import_config = require("./config.cjs");
+var import_insertStyleRule = require("./helpers/insertStyleRule.cjs");
+var import_mediaState = require("./helpers/mediaState.cjs");
 const Gui = (() => {
-    if (process.env.NODE_ENV === "development") {
-      class GuiManager {
-        Helpers = Helpers;
-        get mediaState() {
-          return {
-            ...import_mediaState.mediaState
-          };
-        }
-        get config() {
-          return (0, import_config.getConfig)();
-        }
-        get insertedRules() {
-          return (0, import_insertStyleRule.getAllRules)();
-        }
-        get allSelectors() {
-          return (0, import_insertStyleRule.getAllSelectors)();
-        }
-        get identifierToValue() {
-          return identifierToValue;
-        }
+  if (process.env.NODE_ENV === "development") {
+    class GuiManager {
+      Helpers = Helpers;
+      get mediaState() {
+        return {
+          ...import_mediaState.mediaState
+        };
+      }
+      get config() {
+        return (0, import_config.getConfig)();
+      }
+      get insertedRules() {
+        return (0, import_insertStyleRule.getAllRules)();
+      }
+      get allSelectors() {
+        return (0, import_insertStyleRule.getAllSelectors)();
+      }
+      get identifierToValue() {
+        return identifierToValue;
       }
-      return new GuiManager();
     }
-  })(),
-  identifierToValue = /* @__PURE__ */new Map(),
-  getValueFromIdentifier = identifier => identifierToValue.get(identifier),
-  setIdentifierValue = (identifier, value) => {
-    identifierToValue.set(identifier, value);
-  };
+    return new GuiManager();
+  }
+})();
+const identifierToValue = /* @__PURE__ */new Map();
+const getValueFromIdentifier = identifier => {
+  return identifierToValue.get(identifier);
+};
+const setIdentifierValue = (identifier, value) => {
+  identifierToValue.set(identifier, value);
+};

package/dist/cjs/Gui.native.js

@@ -4,33 +4,35 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  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: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// 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 Gui_exports = {};
 __export(Gui_exports, {
   Gui: () => Gui,
@@ -38,75 +40,89 @@ __export(Gui_exports, {
   setIdentifierValue: () => setIdentifierValue
 });
 module.exports = __toCommonJS(Gui_exports);
-var Helpers = __toESM(require("@hanzogui/helpers"), 1),
-  import_config = require("./config.native.js"),
-  import_insertStyleRule = require("./helpers/insertStyleRule.native.js"),
-  import_mediaState = require("./helpers/mediaState.native.js");
+var Helpers = __toESM(require("@hanzogui/helpers"), 1);
+var import_config = require("./config.native.js");
+var import_insertStyleRule = require("./helpers/insertStyleRule.native.js");
+var import_mediaState = require("./helpers/mediaState.native.js");
 function _class_call_check(instance, Constructor) {
-  if (!(instance instanceof Constructor)) throw new TypeError("Cannot call a class as a function");
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
 }
 function _defineProperties(target, props) {
   for (var i = 0; i < props.length; i++) {
     var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || !1, descriptor.configurable = !0, "value" in descriptor && (descriptor.writable = !0), Object.defineProperty(target, descriptor.key, descriptor);
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, descriptor.key, descriptor);
   }
 }
 function _create_class(Constructor, protoProps, staticProps) {
-  return protoProps && _defineProperties(Constructor.prototype, protoProps), staticProps && _defineProperties(Constructor, staticProps), Constructor;
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  return Constructor;
 }
 function _define_property(obj, key, value) {
-  return key in obj ? Object.defineProperty(obj, key, {
-    value,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : obj[key] = value, obj;
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
 }
 var Gui = function () {
-    if (process.env.NODE_ENV === "development") {
-      var GuiManager = /* @__PURE__ */function () {
-        "use strict";
+  if (process.env.NODE_ENV === "development") {
+    var GuiManager = /* @__PURE__ */function () {
+      "use strict";
 
-        function GuiManager2() {
-          _class_call_check(this, GuiManager2), _define_property(this, "Helpers", Helpers);
+      function GuiManager2() {
+        _class_call_check(this, GuiManager2);
+        _define_property(this, "Helpers", Helpers);
+      }
+      _create_class(GuiManager2, [{
+        key: "mediaState",
+        get: function get() {
+          return {
+            ...import_mediaState.mediaState
+          };
         }
-        return _create_class(GuiManager2, [{
-          key: "mediaState",
-          get: function () {
-            return {
-              ...import_mediaState.mediaState
-            };
-          }
-        }, {
-          key: "config",
-          get: function () {
-            return (0, import_config.getConfig)();
-          }
-        }, {
-          key: "insertedRules",
-          get: function () {
-            return (0, import_insertStyleRule.getAllRules)();
-          }
-        }, {
-          key: "allSelectors",
-          get: function () {
-            return (0, import_insertStyleRule.getAllSelectors)();
-          }
-        }, {
-          key: "identifierToValue",
-          get: function () {
-            return identifierToValue;
-          }
-        }]), GuiManager2;
-      }();
-      return new GuiManager();
-    }
-  }(),
-  identifierToValue = /* @__PURE__ */new Map(),
-  getValueFromIdentifier = function (identifier) {
-    return identifierToValue.get(identifier);
-  },
-  setIdentifierValue = function (identifier, value) {
-    identifierToValue.set(identifier, value);
-  };
+      }, {
+        key: "config",
+        get: function get() {
+          return (0, import_config.getConfig)();
+        }
+      }, {
+        key: "insertedRules",
+        get: function get() {
+          return (0, import_insertStyleRule.getAllRules)();
+        }
+      }, {
+        key: "allSelectors",
+        get: function get() {
+          return (0, import_insertStyleRule.getAllSelectors)();
+        }
+      }, {
+        key: "identifierToValue",
+        get: function get() {
+          return identifierToValue;
+        }
+      }]);
+      return GuiManager2;
+    }();
+    return new GuiManager();
+  }
+}();
+var identifierToValue = /* @__PURE__ */new Map();
+var getValueFromIdentifier = function (identifier) {
+  return identifierToValue.get(identifier);
+};
+var setIdentifierValue = function (identifier, value) {
+  identifierToValue.set(identifier, value);
+};
 //# sourceMappingURL=Gui.native.js.map

package/dist/cjs/Gui.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Gui_exports","__export","Gui","getValueFromIdentifier","setIdentifierValue","module","exports","Helpers","__toESM","require","import_config","import_insertStyleRule","import_mediaState","_class_call_check","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","_create_class","protoProps","staticProps","prototype","_define_property","obj","process","env","NODE_ENV","GuiManager"],"sources":["../../src/Gui.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,WAAA;AAAAC,QAAA,CAAAD,WAAA;EAAAE,GAAA,EAAAA,CAAA,KAAAA,GAAA;EAAAC,sBAAA,EAAAA,CAAA,KAAAA,sBAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAyB,GAAAX,YAAA,CAAAK,WAAA;AASlB,IAAAO,OAAM,GAAOC,OAAM,CAAAC,OAAA;EAAAC,aAAA,GAAAD,OAAA;EAAAE,sBAAA,GAAAF,OAAA;EAAAG,iBAAA,GAAAH,OAAA;AACxB,SAAII,iBAAYA,CAAAC,QAAa,EAAAC,WAAe;EAAA,IAC1C,EAAAD,QAAM,YAAWC,WAAA,SACf,IAAAC,SAAU;AAAA;AAGR,SAAAC,iBAAYA,CAAAC,MAAA,EAAAC,KAAA;EAAW,KACzB,IAAAC,CAAA,MAAAA,CAAA,GAAAD,KAAA,CAAAE,MAAA,EAAAD,CAAA;IAAA,IAEAE,UAAI,GAASH,KAAA,CAAAC,CAAA;IACXE,UAAA,CAAAC,UAAO,GAAAD,UAAA,CAAAC,UAAU,QAAAD,UAAA,CAAAE,YAAA,kBAAAF,UAAA,KAAAA,UAAA,CAAAG,QAAA,QAAAC,MAAA,CAAAC,cAAA,CAAAT,MAAA,EAAAI,UAAA,CAAAM,GAAA,EAAAN,UAAA;EAAA;AACnB;AAGE,SAAAO,aAAOA,CAAAd,WAAA,EAAAe,UAAA,EAAAC,WAAY;EAAA,OACrBD,UAAA,IAAAb,iBAAA,CAAAF,WAAA,CAAAiB,SAAA,EAAAF,UAAA,GAAAC,WAAA,IAAAd,iBAAA,CAAAF,WAAA,EAAAgB,WAAA,GAAAhB,WAAA;AAAA;AAGE,SAAAkB,gBAAOA,CAAAC,GAAA,EAAAN,GAAA,EAAA7B,KAAA;EAAgB,OACzB6B,GAAA,IAAAM,GAAA,GAAAR,MAAA,CAAAC,cAAA,CAAAO,GAAA,EAAAN,GAAA;IAAA7B,KAEA;IACEwB,UAAA,EAAO;IAAAC,YACT;IACFC,QAAA;EACA,KAAAS,GAAA,CAAON,GAAA,CAAI,GAAA7B,KAAA,EAAAmC,GAAW;AAAA;AAE1B,IAAGhC,GAEG;IAOJ,IAAAiC,OAAA,CAAAC,GAAA,CAAAC,QAAsB,kBAAiB;MACzC,IAAAC,UAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Gui_exports","__export","Gui","getValueFromIdentifier","setIdentifierValue","module","exports","Helpers","__toESM","require","import_config","import_insertStyleRule","import_mediaState","_class_call_check","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","_create_class","protoProps","staticProps","prototype","_define_property","obj"],"sources":["../../src/Gui.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,WAAA;AAAAC,QAAA,CAAAD,WAAA;EAAAE,GAAA,EAAAA,CAAA,KAAAA,GAAA;EAAAC,sBAAA,EAAAA,CAAA,KAAAA,sBAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAyB,GAAAX,YAAA,CAAAK,WAAA;AAEzB,IAAAO,OAAA,GAAAC,OAA0B,CAAAC,OAAA;AAC1B,IAAAC,aAAA,GAAAD,OAAA,qBAA6C;AAC7C,IAAAE,sBAA2B,GAAAF,OAAA;AAKpB,IAAAG,iBAAmB,GAAAH,OAAA;AACxB,SAAII,iBAAYA,CAAAC,QAAa,EAAAC,WAAe;EAAA,IAC1C,EAAAD,QAAM,YAAWC,WAAA;IAAA,MACf,IAAAC,SAAU;EAAA;AAGR;AAAuB,SACzBC,kBAAAC,MAAA,EAAAC,KAAA;EAAA,KAEA,IAAIC,CAAA,MAAAA,CAAS,GAAAD,KAAA,CAAAE,MAAA,EAAAD,CAAA;IACX,IAAAE,UAAA,GAAOH,KAAA,CAAAC,CAAA;IAAUE,UACnB,CAAAC,UAAA,GAAAD,UAAA,CAAAC,UAAA;IAAAD,UAEI,CAAAE,YAAgB;IAClB,eAAOF,UAAA,EAAAA,UAAA,CAAAG,QAAA,OAAY;IAAAC,MACrB,CAAAC,cAAA,CAAAT,MAAA,EAAAI,UAAA,CAAAM,GAAA,EAAAN,UAAA;EAAA;AAGE;AAAuB,SACzBO,cAAAd,WAAA,EAAAe,UAAA,EAAAC,WAAA;EAAA,IAEAD,UAAI,EAAAb,iBAAoB,CAAAF,WAAA,CAAAiB,SAAA,EAAAF,UAAA;EACtB,IAAAC,WAAO,EAAAd,iBAAA,CAAAF,WAAA,EAAAgB,WAAA;EAAA,OACThB,WAAA;AAAA;AAEF,SAAAkB,gBAAWA,CAAWC,GAAA,EAAAN,GAAA,EAAA7B,KAAA;EACxB,IAAA6B,GAAA,IAAAM,GAAA;IACCR,MAAA,CAAAC,cAAA,CAAAO,GAAA,EAAAN,GAAA;MAEG7B,KAAA;MAEOwB,UAAA;MACXC,YAAO;MACTC,QAAA;IAEO,EAAM;EACX;IACFS,GAAA,CAAAN,GAAA,IAAA7B,KAAA","ignoreList":[]}

package/dist/cjs/_withStableStyle.cjs

@@ -2,64 +2,74 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  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: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// 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 withStableStyle_exports = {};
 __export(withStableStyle_exports, {
   _withStableStyle: () => _withStableStyle
 });
 module.exports = __toCommonJS(withStableStyle_exports);
-var import_react = __toESM(require("react"), 1),
-  import_config = require("./config.cjs"),
-  import_useMedia = require("./hooks/useMedia.cjs"),
-  import_useTheme = require("./hooks/useTheme.cjs"),
-  import_useThemeState = require("./hooks/useThemeState.cjs"),
-  import_jsx_runtime = require("react/jsx-runtime");
-const _withStableStyle = (Component, createStyle) => import_react.default.memo(import_react.default.forwardRef((props, ref) => {
+var import_react = __toESM(require("react"), 1);
+var import_config = require("./config.cjs");
+var import_useMedia = require("./hooks/useMedia.cjs");
+var import_useTheme = require("./hooks/useTheme.cjs");
+var import_useThemeState = require("./hooks/useThemeState.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const EMPTY_EXPRESSIONS = [];
+const EMPTY_THEME = {};
+const _withStableStyle = (Component, createStyle, hasThemeKeys, hasMediaKeys) => import_react.default.memo(import_react.default.forwardRef((props, ref) => {
   const {
-    _expressions = [],
+    _expressions = EMPTY_EXPRESSIONS,
     ...rest
   } = props;
-  if (!(0, import_react.useContext)(import_useThemeState.ThemeStateContext)) {
-    const themes = (0, import_config.getConfigMaybe)()?.themes,
-      fallback = themes ? themes.light || themes.dark || Object.values(themes)[0] : {};
-    return process.env.NODE_ENV === "development" && console.warn("[@gui] _withStableStyle: no ThemeStateContext found. This usually means duplicate gui instances in a monorepo. Falling back to default theme from config."), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
-      ref,
-      style: createStyle(fallback, _expressions),
-      ...rest
-    });
+  const parentId = (0, import_react.useContext)(import_useThemeState.ThemeStateContext);
+  const theme = hasThemeKeys && parentId ? (0, import_useTheme.useTheme)() : null;
+  const media = hasMediaKeys ? (0, import_useMedia.useMedia)() : null;
+  const resolvedExpressions = media ? _expressions.map(expr => typeof expr === "string" ? media[expr] : expr) : _expressions;
+  let resolvedTheme = theme || EMPTY_THEME;
+  if (hasThemeKeys && !parentId) {
+    const config = (0, import_config.getConfigMaybe)();
+    const themes = config?.themes;
+    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. This usually means duplicate gui instances in a monorepo. Falling back to default theme from config.");
+    }
   }
-  const theme = (0, import_useTheme.useTheme)(),
-    media = _expressions.some(expr => typeof expr == "string") ? (0, import_useMedia.useMedia)() : null,
-    resolvedExpressions = media ? _expressions.map(expr => typeof expr == "string" ? media[expr] : expr) : _expressions;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
     ref,
-    style: createStyle(theme, resolvedExpressions),
+    style: createStyle(resolvedTheme, resolvedExpressions),
     ...rest
   });
 }));

package/dist/cjs/_withStableStyle.native.js

@@ -4,74 +4,79 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  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: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// 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 withStableStyle_exports = {};
 __export(withStableStyle_exports, {
   _withStableStyle: () => _withStableStyle
 });
 module.exports = __toCommonJS(withStableStyle_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_react = __toESM(require("react"), 1),
-  import_config = require("./config.native.js"),
-  import_useMedia = require("./hooks/useMedia.native.js"),
-  import_useTheme = require("./hooks/useTheme.native.js"),
-  import_useThemeState = require("./hooks/useThemeState.native.js"),
-  _withStableStyle = function (Component, createStyle) {
-    return /* @__PURE__ */import_react.default.memo(/* @__PURE__ */import_react.default.forwardRef(function (props, ref) {
-      var {
-          _expressions = [],
-          ...rest
-        } = props,
-        parentId = (0, import_react.useContext)(import_useThemeState.ThemeStateContext);
-      if (!parentId) {
-        var config = (0, import_config.getConfigMaybe)(),
-          themes = config?.themes,
-          fallback = themes ? themes.light || themes.dark || Object.values(themes)[0] : {};
-        return process.env.NODE_ENV === "development" && console.warn("[@gui] _withStableStyle: no ThemeStateContext found. This usually means duplicate gui instances in a monorepo. Falling back to default theme from config."), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
-          ref,
-          style: createStyle(fallback, _expressions),
-          ...rest
-        });
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"), 1);
+var import_config = require("./config.native.js");
+var import_useMedia = require("./hooks/useMedia.native.js");
+var import_useTheme = require("./hooks/useTheme.native.js");
+var import_useThemeState = require("./hooks/useThemeState.native.js");
+var EMPTY_EXPRESSIONS = [];
+var EMPTY_THEME = {};
+var _withStableStyle = function (Component, createStyle, hasThemeKeys, hasMediaKeys) {
+  return /* @__PURE__ */import_react.default.memo(/* @__PURE__ */import_react.default.forwardRef(function (props, ref) {
+    var {
+      _expressions = EMPTY_EXPRESSIONS,
+      ...rest
+    } = props;
+    var parentId = (0, import_react.useContext)(import_useThemeState.ThemeStateContext);
+    var theme = hasThemeKeys && parentId ? (0, import_useTheme.useTheme)() : null;
+    var media = hasMediaKeys ? (0, import_useMedia.useMedia)() : null;
+    var resolvedExpressions = media ? _expressions.map(function (expr) {
+      return typeof expr === "string" ? media[expr] : expr;
+    }) : _expressions;
+    var resolvedTheme = theme || EMPTY_THEME;
+    if (hasThemeKeys && !parentId) {
+      var config = (0, import_config.getConfigMaybe)();
+      var themes = config === null || config === void 0 ? void 0 : config.themes;
+      if (themes) {
+        for (var k in themes) {
+          resolvedTheme = themes.light || themes.dark || themes[k];
+          break;
+        }
+      }
+      if (process.env.NODE_ENV === "development") {
+        console.warn("[@gui] _withStableStyle: no ThemeStateContext found. This usually means duplicate gui instances in a monorepo. Falling back to default theme from config.");
       }
-      var theme = (0, import_useTheme.useTheme)(),
-        hasMediaKeys = _expressions.some(function (expr) {
-          return typeof expr == "string";
-        }),
-        media = hasMediaKeys ? (0, import_useMedia.useMedia)() : null,
-        resolvedExpressions = media ? _expressions.map(function (expr) {
-          return typeof expr == "string" ? media[expr] : expr;
-        }) : _expressions;
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
-        ref,
-        style: createStyle(theme, resolvedExpressions),
-        ...rest
-      });
-    }));
-  };
+    }
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
+      ref,
+      style: createStyle(resolvedTheme, resolvedExpressions),
+      ...rest
+    });
+  }));
+};
 //# sourceMappingURL=_withStableStyle.native.js.map

package/dist/cjs/_withStableStyle.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","withStableStyle_exports","__export","_withStableStyle","module","exports","import_jsx_runtime","require","import_react","__toESM","import_config","import_useMedia","import_useTheme","import_useThemeState","Component","createStyle","default","memo","forwardRef","props","ref","_expressions","rest","parentId","useContext","ThemeStateContext","config","getConfigMaybe","themes","fallback","light","dark","Object","values","process","env","NODE_ENV","console","warn","jsx","style","theme","useTheme","hasMediaKeys","some","expr"],"sources":["../../src/_withStableStyle.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkC,CAAAK,uBAClC;AAOO,IAAAK,kBAAM,GAAmBC,OAC9B,oBACA,CAEA;EAAAC,YAAA,GAAAC,OAAM,CAAAF,OAAA;EAAAG,aAAA,GAAAH,OAAA;EAAAI,eAAA,GAAAJ,OAAA;EAAAK,eAAA,GAAAL,OAAA;EAAAM,oBAAA,GAAAN,OAAA;EAAAJ,gBAAA,YAAAA,CAAAW,SAAA,EAAAC,WAAA;IACJ,sBAAMP,YAAY,CAAAQ,OAAY,CAAAC,IAAQ,gBAAAT,YAAA,CAAAQ,OAAA,CAAAE,UAAA,WAAAC,KAAA,EAAAC,GAAA;MACpC;UAAMC,YAAE,KAAe;UAAC,GAAGC;QAAG,IAAKH,KAAI;QAAAI,QAAA,OAAAf,YAAA,CAAAgB,UAAA,EAAAX,oBAAA,CAAAY,iBAAA;MAOvC,IAAI,CAAAF,QADa;QAGf,IAAAG,MAAM,OAAAhB,aADS,CAAAiB,cAAA;UAAeC,MACP,GAAAF,MACjB,EAAAE,MAAW;UAAAC,QACb,GAAAD,MAAO,GAAAA,MAAS,CAAAE,KAAO,IAAQF,MAAA,CAAOG,IAAA,IAAOC,MAAM,CAAEC,MACpD,CAAAL,MAAA;QACL,OAAIM,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,iBAC3BC,OAAA,CAAQC,IAAA,kLAAAhC,kBAAA,CAAAiC,GAAA,EAAAzB,SAAA;UACNM,GAAA;UAGFoB,KAGA,EAAAzB,WAAA,CAAAc,QAAA,EAAAR,YAAA;UAEJ,GAAAC;QAEA;MAWA;MAGD,IAAAmB,KAAA,OAAA7B,eAAA,CAAA8B,QAAA;QAAAC,YAAA,GAAAtB,YAAA,CAAAuB,IAAA,WAAAC,IAAA;UACH,cAAAA,IAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","withStableStyle_exports","__export","_withStableStyle","module","exports","import_jsx_runtime","require","import_react","__toESM","import_config","import_useMedia","import_useTheme","import_useThemeState","EMPTY_EXPRESSIONS","EMPTY_THEME","Component","createStyle","hasThemeKeys","hasMediaKeys","default","memo","forwardRef","props","ref","_expressions","rest","parentId","useContext","ThemeStateContext","theme","useTheme","media","useMedia","resolvedExpressions","map","expr","resolvedTheme","config","getConfigMaybe","themes","k","light","dark","process","env","NODE_ENV","console","warn","jsx","style"],"sources":["../../src/_withStableStyle.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkC,CAAAK,uBAAA;AAClC,IAAAK,kBAA+B,GAAAC,OAAA;AAC/B,IAAAC,YAAA,GAAAC,OAAyB,CAAAF,OAAA;AACzB,IAAAG,aAAA,GAAAH,OAAyB;AACzB,IAAAI,eAAA,GAAAJ,OAAkC;AAkD1B,IAAAK,eAAA,GAAAL,OAAA;AA9CR,IAAAM,oBAAM,GAA4BN,OAAA;AAClC,IAAAO,iBAAqB;AAEd,IAAAC,WAAM;AAML,IACJZ,gBAAA,GAAM,SAAAA,CAAAa,SAAY,EAAYC,WAAQ,EAAAC,YAAA,EAAAC,YAAA;EACpC,sBAAQX,YAAe,CAAAY,OAAA,CAAmBC,IAAG,gBAASb,YAAA,CAAAY,OAAA,CAAAE,UAAA,WAAAC,KAAA,EAAAC,GAAA;IAEtD;MAAMC,YAAA,GAAWX,iBAAA;MAAA,GAAAY;IAAW,IAAAH,KAAA;IAI5B,IAAAI,QAAM,GAAQ,IAAAnB,YAAgB,CAAAoB,UAAA,EAAAf,oBAAW,CAAAgB,iBAAa;IAEtD,IAAAC,KAAM,GAAAZ,YAAQ,IAAAS,QAAe,OAAAf,eAAA,CAASmB,QAAI;IAE1C,IAAAC,KAAM,GAAAb,YAAA,IAAsB,GAAAR,eACxB,CAAAsB,QAAkB,UAAe;IAGrC,IAAIC,mBAAqB,GAAAF,KAAS,GAAAP,YAAA,CAAAU,GAAA,WAAAC,IAAA;MAClC,OAAI,OAAAA,IAAgB,KAAC,QAAU,GAAAJ,KAAA,CAAAI,IAAA,IAAAA,IAAA;IAE7B,KAAAX,YAAM;IACN,IAAAY,aAAe,GAAAP,KAAQ,IAAAf,WAAA;IACvB,IAAAG,YAAY,KAAAS,QAAA;MACV,IAAAW,MAAA,GAAW,IAAA5B,aAAa,CAAA6B,cAAA;MACtB,IAAAC,MAAA,GAAAF,MAAA,KAAgB,IAAO,IAAAA,MAAS,KAAO,SAAQ,MAAO,GAACA,MAAA,CAAAE,MAAA;MACvD,IAAAA,MAAA;QACF,SAAAC,CAAA,IAAAD,MAAA;UACFH,aAAA,GAAAG,MAAA,CAAAE,KAAA,IAAAF,MAAA,CAAAG,IAAA,IAAAH,MAAA,CAAAC,CAAA;UACI;QACF;MAAQ;MACN,IAGFG,OAAA,CAAAC,GAAA,CAAAC,QAAA;QACFC,OAAA,CAAAC,IAAA;MACF;IAEA;IACE,OAAC,mBAAA1C,kBAAA,CAAA2C,GAAA,EAAAjC,SAAA;MAAAQ,GAAA;MAAA0B,KACC,EAAAjC,WAAA,CAAAoB,aAAA,EAAAH,mBAAA;MAAA,GACAR;IAAqD;EACjD;AAAA","ignoreList":[]}