sibujs 1.4.0 → 2.0.0

package/dist/browser.d.ts

@@ -31,6 +31,9 @@ declare function resize(target: ElementTarget$1): {
  * Returns reactive x/y scroll positions and an isScrolling indicator
  * that resets after 150ms of inactivity.
  *
+ * If a reactive target getter is provided, the listener re-attaches
+ * whenever the target element changes (same pattern as resize/dragDrop).
+ *
  * @param target Optional reactive getter for the scroll target element.
  *               If omitted or returns null, tracks window scroll.
  * @returns Object with reactive x, y, isScrolling getters and a dispose function
@@ -336,7 +339,9 @@ declare function windowSize(): {
  * to sync a handful of UI state bits with the URL (filters, tabs, modals)
  * without a full router setup.
  *
- * Listens to `popstate` so browser back/forward updates the signals.
+ * Listens to both `popstate` (back/forward) and `hashchange` (anchor clicks,
+ * direct `location.hash` assignments) so the signals stay in sync regardless
+ * of how the URL was changed.
  *
  * @example
  * ```ts
@@ -365,6 +370,11 @@ declare function urlState(): {
 };
 
 /**
+ * Note on trust model: `BroadcastChannel` only delivers messages between
+ * same-origin browsing contexts (tabs, iframes, workers). We therefore treat
+ * incoming payloads as same-origin-trusted and pass them through unmodified.
+ * Do not use this transport for cross-origin messaging.
+ *
  * broadcast wraps the BroadcastChannel API as a reactive signal.
  * Unlike the `storage` event (which only fires for localStorage writes and
  * sends only the serialized value), a `BroadcastChannel` can send arbitrary
@@ -406,10 +416,10 @@ declare function broadcast<T = unknown>(channelName: string): {
  * @example
  * ```ts
  * const fs = fullscreen();
- * button({
- *   nodes: () => (fs.isFullscreen() ? "Exit fullscreen" : "Enter fullscreen"),
- *   on: { click: () => fs.toggle(videoEl) },
- * });
+ * button(
+ *   { on: { click: () => fs.toggle(videoEl) } },
+ *   () => (fs.isFullscreen() ? "Exit fullscreen" : "Enter fullscreen"),
+ * );
  * ```
  */
 declare function fullscreen(): {
@@ -594,10 +604,10 @@ interface SpeakOptions {
  * @example
  * ```ts
  * const tts = speech();
- * button({
- *   nodes: "Read it to me",
- *   on: { click: () => tts.speak("Hello, world!", { rate: 1.1 }) },
- * });
+ * button(
+ *   { on: { click: () => tts.speak("Hello, world!", { rate: 1.1 }) } },
+ *   "Read it to me",
+ * );
  * ```
  */
 declare function speech(): {

package/dist/browser.js

@@ -35,12 +35,12 @@ import {
   visibility,
   wakeLock,
   windowSize
-} from "./chunk-3AIRKM3B.js";
-import "./chunk-CHF5OHIA.js";
-import "./chunk-EUZND3CB.js";
-import "./chunk-WZSPOOER.js";
-import "./chunk-ZD6OAMTH.js";
-import "./chunk-5X6PP2UK.js";
+} from "./chunk-3NSGB5JN.js";
+import "./chunk-HB24TBAF.js";
+import "./chunk-2RA7SHDA.js";
+import "./chunk-CC65Y57T.js";
+import "./chunk-VLPPXTYG.js";
+import "./chunk-LMLD24FC.js";
 export {
   animationFrame,
   battery,