@stacksjs/stx 0.2.95 → 0.2.96

package/dist/composables/use-media-query.js

@@ -1,2 +1,62 @@
-// @bun
-import"../chunk-xv34zbp4.js";function f(x){let z=new Set,B=typeof window<"u",j=null,w=!1;if(B){j=window.matchMedia(x),w=j.matches;let g=(A)=>{w=A.matches;for(let D of z)try{D(A.matches)}catch(E){console.error("[useMediaQuery] Subscriber error:",E)}};if(j.addEventListener)j.addEventListener("change",g);else j.addListener(g)}return{get matches(){return w},subscribe:(g)=>{return z.add(g),g(w),()=>z.delete(g)}}}function G(){return f("(prefers-color-scheme: dark)")}function H(){return f("(prefers-color-scheme: light)")}function I(){return f("(prefers-reduced-motion: reduce)")}function J(){return f("(prefers-contrast: more)")}var F={sm:"(min-width: 640px)",md:"(min-width: 768px)",lg:"(min-width: 1024px)",xl:"(min-width: 1280px)","2xl":"(min-width: 1536px)"};function K(x){return f(F[x])}function L(){return f("(max-width: 767px)")}function N(){return f("(min-width: 768px) and (max-width: 1023px)")}function O(){return f("(min-width: 1024px)")}export{I as usePreferredReducedMotion,H as usePreferredLight,G as usePreferredDark,J as usePreferredContrast,f as useMediaQuery,N as useIsTablet,L as useIsMobile,O as useIsDesktop,K as useBreakpoint,F as breakpoints};
+export function useMediaQuery(query) {
+  const subscribers = new Set, isClient = typeof window < "u";
+  let mediaQuery = null, currentMatches = !1;
+  if (isClient) {
+    mediaQuery = window.matchMedia(query);
+    currentMatches = mediaQuery.matches;
+    const handler = (event) => {
+      currentMatches = event.matches;
+      for (const callback of subscribers)
+        try {
+          callback(event.matches);
+        } catch (e) {
+          console.error("[useMediaQuery] Subscriber error:", e);
+        }
+    };
+    if (mediaQuery.addEventListener)
+      mediaQuery.addEventListener("change", handler);
+    else
+      mediaQuery.addListener(handler);
+  }
+  return {
+    get matches() {
+      return currentMatches;
+    },
+    subscribe: (callback) => {
+      subscribers.add(callback);
+      callback(currentMatches);
+      return () => subscribers.delete(callback);
+    }
+  };
+}
+export function usePreferredDark() {
+  return useMediaQuery("(prefers-color-scheme: dark)");
+}
+export function usePreferredLight() {
+  return useMediaQuery("(prefers-color-scheme: light)");
+}
+export function usePreferredReducedMotion() {
+  return useMediaQuery("(prefers-reduced-motion: reduce)");
+}
+export function usePreferredContrast() {
+  return useMediaQuery("(prefers-contrast: more)");
+}
+export const breakpoints = {
+  sm: "(min-width: 640px)",
+  md: "(min-width: 768px)",
+  lg: "(min-width: 1024px)",
+  xl: "(min-width: 1280px)",
+  "2xl": "(min-width: 1536px)"
+};
+export function useBreakpoint(breakpoint) {
+  return useMediaQuery(breakpoints[breakpoint]);
+}
+export function useIsMobile() {
+  return useMediaQuery("(max-width: 767px)");
+}
+export function useIsTablet() {
+  return useMediaQuery("(min-width: 768px) and (max-width: 1023px)");
+}
+export function useIsDesktop() {
+  return useMediaQuery("(min-width: 1024px)");
+}

package/dist/composables/use-meta.js

@@ -1,2 +1,48 @@
-// @bun
-import"../chunk-xv34zbp4.js";function F(q){if(typeof document>"u")return{setMeta:()=>{},setOgMeta:()=>{},removeMeta:()=>{},setTitle:()=>{}};function E(b,j){let z=document.querySelector(`meta[${b}="${j}"]`);if(!z)z=document.createElement("meta"),z.setAttribute(b,j),document.head.appendChild(z);return z}let B={setMeta(b,j){E("name",b).setAttribute("content",j)},setOgMeta(b,j){let z=b.startsWith("og:")?b:`og:${b}`;E("property",z).setAttribute("content",j)},removeMeta(b){let j=document.querySelector(`meta[name="${b}"]`);if(j)j.remove()},setTitle(b){document.title=b}};if(q){if(q.title)B.setTitle(q.title);if(q.description)B.setMeta("description",q.description);if(q.meta)for(let[b,j]of Object.entries(q.meta))B.setMeta(b,j);if(q.og)for(let[b,j]of Object.entries(q.og))B.setOgMeta(b,j)}return B}export{F as useMeta};
+export function useMeta(options) {
+  if (typeof document > "u")
+    return {
+      setMeta: () => {},
+      setOgMeta: () => {},
+      removeMeta: () => {},
+      setTitle: () => {}
+    };
+  function findOrCreateMeta(attr, key) {
+    let el = document.querySelector(`meta[${attr}="${key}"]`);
+    if (!el) {
+      el = document.createElement("meta");
+      el.setAttribute(attr, key);
+      document.head.appendChild(el);
+    }
+    return el;
+  }
+  const ref = {
+    setMeta(name, content) {
+      findOrCreateMeta("name", name).setAttribute("content", content);
+    },
+    setOgMeta(property, content) {
+      const key = property.startsWith("og:") ? property : `og:${property}`;
+      findOrCreateMeta("property", key).setAttribute("content", content);
+    },
+    removeMeta(name) {
+      const el = document.querySelector(`meta[name="${name}"]`);
+      if (el)
+        el.remove();
+    },
+    setTitle(title) {
+      document.title = title;
+    }
+  };
+  if (options) {
+    if (options.title)
+      ref.setTitle(options.title);
+    if (options.description)
+      ref.setMeta("description", options.description);
+    if (options.meta)
+      for (const [name, content] of Object.entries(options.meta))
+        ref.setMeta(name, content);
+    if (options.og)
+      for (const [property, content] of Object.entries(options.og))
+        ref.setOgMeta(property, content);
+  }
+  return ref;
+}

package/dist/composables/use-mouse.js

@@ -1,2 +1,286 @@
-// @bun
-import"../chunk-xv34zbp4.js";function $(I={}){let{target:J=typeof window<"u"?window:null,touch:F=!0,resetOnLeave:G=!1}=I,q={x:0,y:0,pageX:0,pageY:0,clientX:0,clientY:0,movementX:0,movementY:0,buttons:0,isPressed:!1,isInside:!1},z=[],B=null,H=()=>{z.forEach((b)=>b(q))},K=(b,x=!1)=>{let A=b;q={x:A.pageX??A.clientX,y:A.pageY??A.clientY,pageX:A.pageX??0,pageY:A.pageY??0,clientX:A.clientX??0,clientY:A.clientY??0,movementX:x?0:A.movementX??0,movementY:x?0:A.movementY??0,buttons:x?1:A.buttons??0,isPressed:x||(A.buttons??0)>0,isInside:!0},H()},Q=(b)=>K(b),j=(b)=>{if(b.touches.length>0)K(b.touches[0],!0)},N=(b)=>{q={...q,buttons:b.buttons,isPressed:!0},H()},S=(b)=>{q={...q,buttons:b.buttons,isPressed:!1},H()},V=()=>{q={...q,isInside:!0},H()},R=()=>{q={...q,isInside:!1,...G?{x:0,y:0,pageX:0,pageY:0,clientX:0,clientY:0}:{}},H()},C=()=>{if(!J)return;let b=J;if(b.addEventListener("mousemove",Q),b.addEventListener("mousedown",N),b.addEventListener("mouseup",S),b.addEventListener("mouseenter",V),b.addEventListener("mouseleave",R),F)b.addEventListener("touchmove",j),b.addEventListener("touchstart",V),b.addEventListener("touchend",R);B=()=>{if(b.removeEventListener("mousemove",Q),b.removeEventListener("mousedown",N),b.removeEventListener("mouseup",S),b.removeEventListener("mouseenter",V),b.removeEventListener("mouseleave",R),F)b.removeEventListener("touchmove",j),b.removeEventListener("touchstart",V),b.removeEventListener("touchend",R)}};return{get:()=>q,subscribe:(b)=>{if(z.length===0)C();return z.push(b),b(q),()=>{if(z=z.filter((x)=>x!==b),z.length===0&&B)B(),B=null}},stop:()=>{if(B)B(),B=null;z=[]}}}function k(I,J={}){let{touch:F=!0,resetOnLeave:G=!0}=J,q={x:0,y:0,pageX:0,pageY:0,clientX:0,clientY:0,movementX:0,movementY:0,buttons:0,isPressed:!1,isInside:!1,elementX:0,elementY:0,elementWidth:0,elementHeight:0,isOutside:!0},z=[],B=null,H=()=>{z.forEach((C)=>C(q))},K=()=>{if(typeof I==="function")return I();return I},Q=(C,b)=>{let x=K();if(!x)return;let A=x.getBoundingClientRect(),W=C-A.left,Z=b-A.top,_=W<0||Z<0||W>A.width||Z>A.height;q={...q,elementX:W,elementY:Z,elementWidth:A.width,elementHeight:A.height,isOutside:_,isInside:!_}},j=(C,b=!1)=>{let x=C;q={...q,x:x.pageX??x.clientX,y:x.pageY??x.clientY,pageX:x.pageX??0,pageY:x.pageY??0,clientX:x.clientX??0,clientY:x.clientY??0,movementX:b?0:x.movementX??0,movementY:b?0:x.movementY??0,buttons:b?1:x.buttons??0,isPressed:b||(x.buttons??0)>0},Q(x.clientX,x.clientY),H()},N=(C)=>j(C),S=(C)=>{if(C.touches.length>0)j(C.touches[0],!0)},V=()=>{q={...q,isInside:!1,isOutside:!0,...G?{elementX:0,elementY:0}:{}},H()},R=()=>{if(typeof window>"u")return;if(window.addEventListener("mousemove",N),F)window.addEventListener("touchmove",S);B=()=>{if(window.removeEventListener("mousemove",N),F)window.removeEventListener("touchmove",S)}};return{get:()=>q,subscribe:(C)=>{if(z.length===0)R();return z.push(C),C(q),()=>{if(z=z.filter((b)=>b!==C),z.length===0&&B)B(),B=null}},stop:()=>{if(B)B(),B=null;z=[]}}}function w(I={}){let{target:J=typeof window<"u"?window:null}=I,F={x:0,y:0,pageX:0,pageY:0,clientX:0,clientY:0,movementX:0,movementY:0,buttons:0,isPressed:!1,isInside:!1},G=[],q=null,z=()=>{G.forEach((j)=>j(F))},B=(j)=>{F={x:j.pageX,y:j.pageY,pageX:j.pageX,pageY:j.pageY,clientX:j.clientX,clientY:j.clientY,movementX:j.movementX,movementY:j.movementY,buttons:j.buttons,isPressed:j.buttons>0||j.pressure>0,isInside:!0},z()},H=(j)=>{F={...F,buttons:j.buttons,isPressed:!0},z()},K=(j)=>{F={...F,buttons:j.buttons,isPressed:!1},z()},Q=()=>{if(!J)return;let j=J;j.addEventListener("pointermove",B),j.addEventListener("pointerdown",H),j.addEventListener("pointerup",K),q=()=>{j.removeEventListener("pointermove",B),j.removeEventListener("pointerdown",H),j.removeEventListener("pointerup",K)}};return{get:()=>F,subscribe:(j)=>{if(G.length===0)Q();return G.push(j),j(F),()=>{if(G=G.filter((N)=>N!==j),G.length===0&&q)q(),q=null}},stop:()=>{if(q)q(),q=null;G=[]}}}export{w as usePointer,k as useMouseInElement,$ as useMouse};
+export function useMouse(options = {}) {
+  const {
+    target = typeof window < "u" ? window : null,
+    touch = !0,
+    resetOnLeave = !1
+  } = options;
+  let state = {
+    x: 0,
+    y: 0,
+    pageX: 0,
+    pageY: 0,
+    clientX: 0,
+    clientY: 0,
+    movementX: 0,
+    movementY: 0,
+    buttons: 0,
+    isPressed: !1,
+    isInside: !1
+  }, listeners = [], cleanup = null;
+  const notify = () => {
+    listeners.forEach((fn) => fn(state));
+  }, handleMove = (event, isTouch = !1) => {
+    const e = event;
+    state = {
+      x: e.pageX ?? e.clientX,
+      y: e.pageY ?? e.clientY,
+      pageX: e.pageX ?? 0,
+      pageY: e.pageY ?? 0,
+      clientX: e.clientX ?? 0,
+      clientY: e.clientY ?? 0,
+      movementX: isTouch ? 0 : e.movementX ?? 0,
+      movementY: isTouch ? 0 : e.movementY ?? 0,
+      buttons: isTouch ? 1 : e.buttons ?? 0,
+      isPressed: isTouch || (e.buttons ?? 0) > 0,
+      isInside: !0
+    };
+    notify();
+  }, handleMouseMove = (e) => handleMove(e), handleTouchMove = (e) => {
+    if (e.touches.length > 0)
+      handleMove(e.touches[0], !0);
+  }, handleMouseDown = (e) => {
+    state = { ...state, buttons: e.buttons, isPressed: !0 };
+    notify();
+  }, handleMouseUp = (e) => {
+    state = { ...state, buttons: e.buttons, isPressed: !1 };
+    notify();
+  }, handleEnter = () => {
+    state = { ...state, isInside: !0 };
+    notify();
+  }, handleLeave = () => {
+    state = {
+      ...state,
+      isInside: !1,
+      ...resetOnLeave ? { x: 0, y: 0, pageX: 0, pageY: 0, clientX: 0, clientY: 0 } : {}
+    };
+    notify();
+  }, setupListeners = () => {
+    if (!target)
+      return;
+    const t = target;
+    t.addEventListener("mousemove", handleMouseMove);
+    t.addEventListener("mousedown", handleMouseDown);
+    t.addEventListener("mouseup", handleMouseUp);
+    t.addEventListener("mouseenter", handleEnter);
+    t.addEventListener("mouseleave", handleLeave);
+    if (touch) {
+      t.addEventListener("touchmove", handleTouchMove);
+      t.addEventListener("touchstart", handleEnter);
+      t.addEventListener("touchend", handleLeave);
+    }
+    cleanup = () => {
+      t.removeEventListener("mousemove", handleMouseMove);
+      t.removeEventListener("mousedown", handleMouseDown);
+      t.removeEventListener("mouseup", handleMouseUp);
+      t.removeEventListener("mouseenter", handleEnter);
+      t.removeEventListener("mouseleave", handleLeave);
+      if (touch) {
+        t.removeEventListener("touchmove", handleTouchMove);
+        t.removeEventListener("touchstart", handleEnter);
+        t.removeEventListener("touchend", handleLeave);
+      }
+    };
+  };
+  return {
+    get: () => state,
+    subscribe: (fn) => {
+      if (listeners.length === 0)
+        setupListeners();
+      listeners.push(fn);
+      fn(state);
+      return () => {
+        listeners = listeners.filter((l) => l !== fn);
+        if (listeners.length === 0 && cleanup) {
+          cleanup();
+          cleanup = null;
+        }
+      };
+    },
+    stop: () => {
+      if (cleanup) {
+        cleanup();
+        cleanup = null;
+      }
+      listeners = [];
+    }
+  };
+}
+export function useMouseInElement(element, options = {}) {
+  const { touch = !0, resetOnLeave = !0 } = options;
+  let state = {
+    x: 0,
+    y: 0,
+    pageX: 0,
+    pageY: 0,
+    clientX: 0,
+    clientY: 0,
+    movementX: 0,
+    movementY: 0,
+    buttons: 0,
+    isPressed: !1,
+    isInside: !1,
+    elementX: 0,
+    elementY: 0,
+    elementWidth: 0,
+    elementHeight: 0,
+    isOutside: !0
+  }, listeners = [], cleanup = null;
+  const notify = () => {
+    listeners.forEach((fn) => fn(state));
+  }, getElement = () => {
+    if (typeof element === "function")
+      return element();
+    return element;
+  }, updateElementPosition = (clientX, clientY) => {
+    const el = getElement();
+    if (!el)
+      return;
+    const rect = el.getBoundingClientRect(), elementX = clientX - rect.left, elementY = clientY - rect.top, isOutside = elementX < 0 || elementY < 0 || elementX > rect.width || elementY > rect.height;
+    state = {
+      ...state,
+      elementX,
+      elementY,
+      elementWidth: rect.width,
+      elementHeight: rect.height,
+      isOutside,
+      isInside: !isOutside
+    };
+  }, handleMove = (event, isTouch = !1) => {
+    const e = event;
+    state = {
+      ...state,
+      x: e.pageX ?? e.clientX,
+      y: e.pageY ?? e.clientY,
+      pageX: e.pageX ?? 0,
+      pageY: e.pageY ?? 0,
+      clientX: e.clientX ?? 0,
+      clientY: e.clientY ?? 0,
+      movementX: isTouch ? 0 : e.movementX ?? 0,
+      movementY: isTouch ? 0 : e.movementY ?? 0,
+      buttons: isTouch ? 1 : e.buttons ?? 0,
+      isPressed: isTouch || (e.buttons ?? 0) > 0
+    };
+    updateElementPosition(e.clientX, e.clientY);
+    notify();
+  }, handleMouseMove = (e) => handleMove(e), handleTouchMove = (e) => {
+    if (e.touches.length > 0)
+      handleMove(e.touches[0], !0);
+  }, handleLeave = () => {
+    state = {
+      ...state,
+      isInside: !1,
+      isOutside: !0,
+      ...resetOnLeave ? { elementX: 0, elementY: 0 } : {}
+    };
+    notify();
+  }, setupListeners = () => {
+    if (typeof window > "u")
+      return;
+    window.addEventListener("mousemove", handleMouseMove);
+    if (touch)
+      window.addEventListener("touchmove", handleTouchMove);
+    cleanup = () => {
+      window.removeEventListener("mousemove", handleMouseMove);
+      if (touch)
+        window.removeEventListener("touchmove", handleTouchMove);
+    };
+  };
+  return {
+    get: () => state,
+    subscribe: (fn) => {
+      if (listeners.length === 0)
+        setupListeners();
+      listeners.push(fn);
+      fn(state);
+      return () => {
+        listeners = listeners.filter((l) => l !== fn);
+        if (listeners.length === 0 && cleanup) {
+          cleanup();
+          cleanup = null;
+        }
+      };
+    },
+    stop: () => {
+      if (cleanup) {
+        cleanup();
+        cleanup = null;
+      }
+      listeners = [];
+    }
+  };
+}
+export function usePointer(options = {}) {
+  const { target = typeof window < "u" ? window : null } = options;
+  let state = {
+    x: 0,
+    y: 0,
+    pageX: 0,
+    pageY: 0,
+    clientX: 0,
+    clientY: 0,
+    movementX: 0,
+    movementY: 0,
+    buttons: 0,
+    isPressed: !1,
+    isInside: !1
+  }, listeners = [], cleanup = null;
+  const notify = () => {
+    listeners.forEach((fn) => fn(state));
+  }, handlePointerMove = (e) => {
+    state = {
+      x: e.pageX,
+      y: e.pageY,
+      pageX: e.pageX,
+      pageY: e.pageY,
+      clientX: e.clientX,
+      clientY: e.clientY,
+      movementX: e.movementX,
+      movementY: e.movementY,
+      buttons: e.buttons,
+      isPressed: e.buttons > 0 || e.pressure > 0,
+      isInside: !0
+    };
+    notify();
+  }, handlePointerDown = (e) => {
+    state = { ...state, buttons: e.buttons, isPressed: !0 };
+    notify();
+  }, handlePointerUp = (e) => {
+    state = { ...state, buttons: e.buttons, isPressed: !1 };
+    notify();
+  }, setupListeners = () => {
+    if (!target)
+      return;
+    const t = target;
+    t.addEventListener("pointermove", handlePointerMove);
+    t.addEventListener("pointerdown", handlePointerDown);
+    t.addEventListener("pointerup", handlePointerUp);
+    cleanup = () => {
+      t.removeEventListener("pointermove", handlePointerMove);
+      t.removeEventListener("pointerdown", handlePointerDown);
+      t.removeEventListener("pointerup", handlePointerUp);
+    };
+  };
+  return {
+    get: () => state,
+    subscribe: (fn) => {
+      if (listeners.length === 0)
+        setupListeners();
+      listeners.push(fn);
+      fn(state);
+      return () => {
+        listeners = listeners.filter((l) => l !== fn);
+        if (listeners.length === 0 && cleanup) {
+          cleanup();
+          cleanup = null;
+        }
+      };
+    },
+    stop: () => {
+      if (cleanup) {
+        cleanup();
+        cleanup = null;
+      }
+      listeners = [];
+    }
+  };
+}

package/dist/composables/use-mutation-observer.js

@@ -1,2 +1,129 @@
-// @bun
-import"../chunk-xv34zbp4.js";function U(){return typeof window<"u"&&"MutationObserver"in window}function D(A={}){let G=U(),z=new Set,{attributes:H=!0,attributeFilter:C,attributeOldValue:j=!1,characterData:K=!0,characterDataOldValue:Q=!1,childList:B=!0,subtree:E=!0,onMutate:I}=A,J={isSupported:G,isObserving:!1,mutations:[]},P=null,Z=null;function X(){z.forEach((q)=>q(J))}function L(q){J={...J,mutations:q},X(),I?.(q)}function R(q){if(!G||!q)return;Y(),P=new MutationObserver(L);let _={attributes:H,attributeOldValue:j,characterData:K,characterDataOldValue:Q,childList:B,subtree:E};if(C)_.attributeFilter=C;P.observe(q,_),Z=q,J={...J,isObserving:!0},X()}function Y(){if(P)P.disconnect(),P=null,Z=null,J={...J,isObserving:!1,mutations:[]},X()}function W(){if(P)return P.takeRecords();return[]}return{get:()=>J,subscribe:(q)=>{return z.add(q),q(J),()=>{if(z.delete(q),z.size===0)Y()}},observe:R,disconnect:Y,takeRecords:W,isSupported:()=>G}}function F(A,G,z){if(!A||!U())return()=>{};let H=new MutationObserver((C)=>{for(let j of C)if(j.type==="attributes"&&j.attributeName){let K=j.target.getAttribute(j.attributeName);z(j.attributeName,j.oldValue,K)}});return H.observe(A,{attributes:!0,attributeFilter:G,attributeOldValue:!0}),()=>H.disconnect()}function N(A,G,z={}){if(!A||!U())return()=>{};let H=new MutationObserver((C)=>{let j=[],K=[];for(let Q of C)if(Q.type==="childList")j.push(...Array.from(Q.addedNodes)),K.push(...Array.from(Q.removedNodes));if(j.length>0||K.length>0)G(j,K)});return H.observe(A,{childList:!0,subtree:z.subtree??!1}),()=>H.disconnect()}function $(A,G){if(!A||!U())return()=>{};let z=new MutationObserver((H)=>{for(let C of H)if(C.type==="characterData")G(C.oldValue,C.target.textContent||"")});return z.observe(A,{characterData:!0,characterDataOldValue:!0,subtree:!0}),()=>z.disconnect()}export{$ as useTextObserver,D as useMutationObserver,N as useChildListObserver,F as useAttributeObserver,U as isMutationObserverSupported};
+export function isMutationObserverSupported() {
+  return typeof window < "u" && "MutationObserver" in window;
+}
+export function useMutationObserver(options = {}) {
+  const supported = isMutationObserverSupported(), subscribers = new Set, {
+    attributes = !0,
+    attributeFilter,
+    attributeOldValue = !1,
+    characterData = !0,
+    characterDataOldValue = !1,
+    childList = !0,
+    subtree = !0,
+    onMutate
+  } = options;
+  let state = {
+    isSupported: supported,
+    isObserving: !1,
+    mutations: []
+  }, observer = null, currentTarget = null;
+  function notify() {
+    subscribers.forEach((fn) => fn(state));
+  }
+  function handleMutations(mutations) {
+    state = { ...state, mutations };
+    notify();
+    onMutate?.(mutations);
+  }
+  function observe(target) {
+    if (!supported || !target)
+      return;
+    disconnect();
+    observer = new MutationObserver(handleMutations);
+    const observerOptions = {
+      attributes,
+      attributeOldValue,
+      characterData,
+      characterDataOldValue,
+      childList,
+      subtree
+    };
+    if (attributeFilter)
+      observerOptions.attributeFilter = attributeFilter;
+    observer.observe(target, observerOptions);
+    currentTarget = target;
+    state = { ...state, isObserving: !0 };
+    notify();
+  }
+  function disconnect() {
+    if (observer) {
+      observer.disconnect();
+      observer = null;
+      currentTarget = null;
+      state = { ...state, isObserving: !1, mutations: [] };
+      notify();
+    }
+  }
+  function takeRecords() {
+    if (observer)
+      return observer.takeRecords();
+    return [];
+  }
+  return {
+    get: () => state,
+    subscribe: (fn) => {
+      subscribers.add(fn);
+      fn(state);
+      return () => {
+        subscribers.delete(fn);
+        if (subscribers.size === 0)
+          disconnect();
+      };
+    },
+    observe,
+    disconnect,
+    takeRecords,
+    isSupported: () => supported
+  };
+}
+export function useAttributeObserver(target, attributeNames, callback) {
+  if (!target || !isMutationObserverSupported())
+    return () => {};
+  const observer = new MutationObserver((mutations) => {
+    for (const mutation of mutations)
+      if (mutation.type === "attributes" && mutation.attributeName) {
+        const newValue = mutation.target.getAttribute(mutation.attributeName);
+        callback(mutation.attributeName, mutation.oldValue, newValue);
+      }
+  });
+  observer.observe(target, {
+    attributes: !0,
+    attributeFilter: attributeNames,
+    attributeOldValue: !0
+  });
+  return () => observer.disconnect();
+}
+export function useChildListObserver(target, callback, options = {}) {
+  if (!target || !isMutationObserverSupported())
+    return () => {};
+  const observer = new MutationObserver((mutations) => {
+    const added = [], removed = [];
+    for (const mutation of mutations)
+      if (mutation.type === "childList") {
+        added.push(...Array.from(mutation.addedNodes));
+        removed.push(...Array.from(mutation.removedNodes));
+      }
+    if (added.length > 0 || removed.length > 0)
+      callback(added, removed);
+  });
+  observer.observe(target, {
+    childList: !0,
+    subtree: options.subtree ?? !1
+  });
+  return () => observer.disconnect();
+}
+export function useTextObserver(target, callback) {
+  if (!target || !isMutationObserverSupported())
+    return () => {};
+  const observer = new MutationObserver((mutations) => {
+    for (const mutation of mutations)
+      if (mutation.type === "characterData")
+        callback(mutation.oldValue, mutation.target.textContent || "");
+  });
+  observer.observe(target, {
+    characterData: !0,
+    characterDataOldValue: !0,
+    subtree: !0
+  });
+  return () => observer.disconnect();
+}

package/dist/composables/use-network.js

@@ -1,2 +1,85 @@
-// @bun
-import"../chunk-xv34zbp4.js";function E(){let j=new Set,q=typeof window<"u",v=()=>{if(!q)return null;return navigator.connection||null},z=()=>{if(!q)return{isOnline:!0,isOffline:!1,type:null,effectiveType:null,downlink:null,rtt:null,saveData:!1};let d=v();return{isOnline:navigator.onLine,isOffline:!navigator.onLine,type:d?.type||null,effectiveType:d?.effectiveType||null,downlink:d?.downlink||null,rtt:d?.rtt||null,saveData:d?.saveData||!1}},h=z(),x=()=>{let d=z();h=d;for(let B of j)try{B(d)}catch(D){console.error("[useNetwork] Subscriber error:",D)}};if(q){window.addEventListener("online",x),window.addEventListener("offline",x);let d=v();if(d)d.addEventListener("change",x)}return{get isOnline(){return h.isOnline},get isOffline(){return h.isOffline},get type(){return h.type},get effectiveType(){return h.effectiveType},get downlink(){return h.downlink},get rtt(){return h.rtt},get saveData(){return h.saveData},subscribe:(d)=>{return j.add(d),d(h),()=>j.delete(d)}}}function F(){let j=E();return{get isOnline(){return j.isOnline},subscribe:(q)=>{return j.subscribe((v)=>q(v.isOnline))}}}export{F as useOnline,E as useNetwork};
+export function useNetwork() {
+  const subscribers = new Set, isClient = typeof window < "u", getConnection = () => {
+    if (!isClient)
+      return null;
+    return navigator.connection || null;
+  }, getState = () => {
+    if (!isClient)
+      return {
+        isOnline: !0,
+        isOffline: !1,
+        type: null,
+        effectiveType: null,
+        downlink: null,
+        rtt: null,
+        saveData: !1
+      };
+    const connection = getConnection();
+    return {
+      isOnline: navigator.onLine,
+      isOffline: !navigator.onLine,
+      type: connection?.type || null,
+      effectiveType: connection?.effectiveType || null,
+      downlink: connection?.downlink || null,
+      rtt: connection?.rtt || null,
+      saveData: connection?.saveData || !1
+    };
+  };
+  let currentState = getState();
+  const notify = () => {
+    const newState = getState();
+    currentState = newState;
+    for (const callback of subscribers)
+      try {
+        callback(newState);
+      } catch (e) {
+        console.error("[useNetwork] Subscriber error:", e);
+      }
+  };
+  if (isClient) {
+    window.addEventListener("online", notify);
+    window.addEventListener("offline", notify);
+    const connection = getConnection();
+    if (connection)
+      connection.addEventListener("change", notify);
+  }
+  return {
+    get isOnline() {
+      return currentState.isOnline;
+    },
+    get isOffline() {
+      return currentState.isOffline;
+    },
+    get type() {
+      return currentState.type;
+    },
+    get effectiveType() {
+      return currentState.effectiveType;
+    },
+    get downlink() {
+      return currentState.downlink;
+    },
+    get rtt() {
+      return currentState.rtt;
+    },
+    get saveData() {
+      return currentState.saveData;
+    },
+    subscribe: (callback) => {
+      subscribers.add(callback);
+      callback(currentState);
+      return () => subscribers.delete(callback);
+    }
+  };
+}
+export function useOnline() {
+  const network = useNetwork();
+  return {
+    get isOnline() {
+      return network.isOnline;
+    },
+    subscribe: (callback) => {
+      return network.subscribe((state) => callback(state.isOnline));
+    }
+  };
+}