@arcanejs/toolkit 4.0.0 → 5.0.0

package/dist/{chunk-6BVEU2NV.mjs → chunk-LK6MGXYC.mjs}

@@ -1,7 +1,7 @@
 import {
   Base,
   EventEmitter
-} from "./chunk-JKTEVA75.mjs";
+} from "./chunk-GONHNB6V.mjs";
 
 // src/backend/components/button.ts
 import * as proto from "@arcanejs/protocol/core";

package/dist/{chunk-6KPK5YOL.js → chunk-NL3W4M7J.js}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } var _class;
 
 
-var _chunkHTM2L3DTjs = require('./chunk-HTM2L3DT.js');
+var _chunkWN3GXVUEjs = require('./chunk-WN3GXVUE.js');
 
 // src/backend/components/slider-button.ts
 var _core = require('@arcanejs/protocol/core'); var proto = _interopRequireWildcard(_core);
@@ -10,9 +10,9 @@ var DEFAULT_PROPS = {
   max: 255,
   step: 5
 };
-var SliderButton = (_class = class extends _chunkHTM2L3DTjs.Base {
+var SliderButton = (_class = class extends _chunkWN3GXVUEjs.Base {
   /** @hidden */
-  __init() {this.events = new (0, _chunkHTM2L3DTjs.EventEmitter)()}
+  __init() {this.events = new (0, _chunkWN3GXVUEjs.EventEmitter)()}
   /**
    * Manually manage the state of the slider,
    * to support both controlled and uncontrolled inputs.

package/dist/{chunk-GIXAFIEY.mjs → chunk-PG5EAV5X.mjs}

@@ -1,7 +1,7 @@
 import {
   Base,
   EventEmitter
-} from "./chunk-JKTEVA75.mjs";
+} from "./chunk-GONHNB6V.mjs";
 
 // src/backend/components/switch.ts
 import * as proto from "@arcanejs/protocol/core";

package/dist/{chunk-JSZMJCCH.js → chunk-QAH2OSHR.js}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkHTM2L3DTjs = require('./chunk-HTM2L3DT.js');
+var _chunkWN3GXVUEjs = require('./chunk-WN3GXVUE.js');
 
 // src/backend/components/rect.ts
 var DEFAULT_PROPS = {
   color: "rgba(0, 0, 0, 0)"
 };
-var Rect = class extends _chunkHTM2L3DTjs.Base {
+var Rect = class extends _chunkWN3GXVUEjs.Base {
   constructor(props) {
     super(DEFAULT_PROPS, props);
   }

package/dist/{chunk-PYJC5BFZ.mjs → chunk-QB2WPBWV.mjs}

@@ -1,7 +1,7 @@
 import {
   Base,
   EventEmitter
-} from "./chunk-JKTEVA75.mjs";
+} from "./chunk-GONHNB6V.mjs";
 
 // src/backend/components/slider-button.ts
 import * as proto from "@arcanejs/protocol/core";

package/dist/{chunk-LGIWNJQA.js → chunk-U6FSQBQ3.js}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); var _class; var _class2;
 
-var _chunkHTM2L3DTjs = require('./chunk-HTM2L3DT.js');
+var _chunkWN3GXVUEjs = require('./chunk-WN3GXVUE.js');
 
 // src/backend/components/tabs.ts
-var Tab = (_class = class extends _chunkHTM2L3DTjs.BaseParent {constructor(...args) { super(...args); _class.prototype.__init.call(this);_class.prototype.__init2.call(this); }
+var Tab = (_class = class extends _chunkWN3GXVUEjs.BaseParent {constructor(...args) { super(...args); _class.prototype.__init.call(this);_class.prototype.__init2.call(this); }
   __init() {this.validateChildren = (children) => {
     if (children.length > 1) {
       throw new Error("Tab can only have one child");
@@ -18,7 +18,7 @@ var Tab = (_class = class extends _chunkHTM2L3DTjs.BaseParent {constructor(...ar
     child: this.getChildren().slice(0, 1).map((c) => c.getProtoInfo(idMap))[0]
   })}
 }, _class);
-var Tabs = (_class2 = class extends _chunkHTM2L3DTjs.BaseParent {
+var Tabs = (_class2 = class extends _chunkWN3GXVUEjs.BaseParent {
   __init3() {this.validateChildren = (children) => {
     for (const child of children) {
       if (!(child instanceof Tab)) {

package/dist/{chunk-XYFDH3E7.mjs → chunk-UQWCTVMC.mjs}

@@ -1,6 +1,6 @@
 import {
   Base
-} from "./chunk-JKTEVA75.mjs";
+} from "./chunk-GONHNB6V.mjs";
 
 // src/backend/components/label.ts
 var Label = class extends Base {

package/dist/{chunk-VJ3Q2HZJ.mjs → chunk-WDB3IMOP.mjs}

@@ -1,7 +1,7 @@
 import {
   Base,
   EventEmitter
-} from "./chunk-JKTEVA75.mjs";
+} from "./chunk-GONHNB6V.mjs";
 
 // src/backend/components/text-input.ts
 import * as proto from "@arcanejs/protocol/core";

package/dist/{chunk-HTM2L3DT.js → chunk-WN3GXVUE.js}

@@ -170,7 +170,7 @@ var BaseParent = (_class2 = class extends Base {constructor(...args2) { super(..
     this.updateTree();
   }
 }, _class2);
-var EventEmitter = (_class3 = class {constructor() { _class3.prototype.__init13.call(this);_class3.prototype.__init14.call(this);_class3.prototype.__init15.call(this);_class3.prototype.__init16.call(this);_class3.prototype.__init17.call(this); }
+var EventEmitter = (_class3 = class {constructor() { _class3.prototype.__init13.call(this);_class3.prototype.__init14.call(this);_class3.prototype.__init15.call(this);_class3.prototype.__init16.call(this);_class3.prototype.__init17.call(this);_class3.prototype.__init18.call(this); }
   __init13() {this.listeners = /* @__PURE__ */ new Map()}
   __init14() {this.addListener = (type, listener) => {
     let set = this.listeners.get(type);
@@ -196,10 +196,24 @@ var EventEmitter = (_class3 = class {constructor() { _class3.prototype.__init13.
       )
     );
   }}
+  /**
+   * Like {@link emit},
+   * but ensures only a single listener exists and returns its result.
+   */
+  __init17() {this.call = async (type, ...args) => {
+    const result = await this.emit(type, ...args);
+    if (result.length > 1) {
+      throw new Error(`Multiple listeners for call: ${String(type)}`);
+    } else if (result[0]) {
+      return result[0];
+    } else {
+      throw new Error(`No listeners for call: ${String(type)}`);
+    }
+  }}
   /**
    * Process prop changes to update listeners
    */
-  __init17() {this.processPropChanges = (mapping, oldProps, newProps) => {
+  __init18() {this.processPropChanges = (mapping, oldProps, newProps) => {
     for (const key of Object.keys(mapping)) {
       const prev = oldProps[key];
       const next = newProps[key];

package/dist/frontend/entrypoint.js

@@ -24524,7 +24524,7 @@
     }
   });
 
-  // ../toolkit-frontend/dist/chunk-E7JSREGM.mjs
+  // ../toolkit-frontend/dist/chunk-PTANIWKR.mjs
   var import_react = __toESM(require_react(), 1);
   var import_react2 = __toESM(require_react(), 1);
   var __defProp2 = Object.defineProperty;
@@ -25947,7 +25947,7 @@
   var St = "__sc-".concat(f, "__");
   "undefined" != typeof window && (window[St] || (window[St] = 0), 1 === window[St] && console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://s-c.sh/2BAXzed for more info."), window[St] += 1);
 
-  // ../toolkit-frontend/dist/chunk-MESQQRK3.mjs
+  // ../toolkit-frontend/dist/chunk-GMPDVDSW.mjs
   var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
   var core_exports = {};
   __export(core_exports, {
@@ -25982,7 +25982,7 @@
 `;
   var TRANSPARENCY_SVG_URI = `data:image/svg+xml,${encodeURIComponent(TRANSPARENCY_SVG)}`;
 
-  // ../toolkit-frontend/dist/chunk-BQS6YM6U.mjs
+  // ../toolkit-frontend/dist/chunk-6XOE7F7U.mjs
   var import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1);
   var GlobalStyle = ft`
 body {
@@ -27263,7 +27263,57 @@ body {
   var import_react13 = __toESM(require_react());
 
   // ../toolkit-frontend/src/util/index.ts
+  var COLOR_SCHEME_SETTINGS = "arcane-color-scheme-preference";
+  var VALID_COLOR_SCHEME_PREFS2 = ["auto", "dark", "light"];
+  var isValidColorSchemePreference = (value) => {
+    return VALID_COLOR_SCHEME_PREFS2.includes(value);
+  };
+  var useColorSchemePreferences2 = () => {
+    if (typeof window === "undefined") {
+      return {
+        colorSchemePreference: "auto",
+        setColorSchemePreference: () => {
+        }
+      };
+    }
+    const [preference, setPreference] = (0, import_react14.useState)(
+      window.localStorage.getItem(
+        COLOR_SCHEME_SETTINGS
+      ) || "auto"
+    );
+    const setColorSchemePreference = (newPreference) => {
+      if (!isValidColorSchemePreference(newPreference)) {
+        throw new Error(`Invalid color scheme preference: ${newPreference}`);
+      }
+      window.localStorage.setItem(COLOR_SCHEME_SETTINGS, newPreference);
+      window.dispatchEvent(
+        new StorageEvent("storage", {
+          key: COLOR_SCHEME_SETTINGS,
+          newValue: newPreference
+        })
+      );
+    };
+    (0, import_react14.useEffect)(() => {
+      const onStorageChange = (event) => {
+        if (event.key === COLOR_SCHEME_SETTINGS) {
+          const newValue = event.newValue;
+          if (isValidColorSchemePreference(newValue)) {
+            setPreference(newValue);
+          }
+        }
+      };
+      window.addEventListener("storage", onStorageChange);
+      return () => {
+        window.removeEventListener("storage", onStorageChange);
+      };
+    }, []);
+    return {
+      colorSchemePreference: isValidColorSchemePreference(preference) ? preference : "auto",
+      setColorSchemePreference
+    };
+  };
   var usePreferredColorScheme2 = () => {
+    const { colorSchemePreference } = useColorSchemePreferences2();
     const [theme, setTheme] = (0, import_react14.useState)("light");
     (0, import_react14.useEffect)(() => {
       if (typeof window !== "undefined") {
@@ -27278,7 +27328,7 @@ body {
         };
       }
     }, []);
-    return theme;
+    return colorSchemePreference === "auto" ? theme : colorSchemePreference;
   };
 
   // ../toolkit-frontend/src/styling.tsx