@stacksjs/stx 0.2.95 → 0.2.97

package/dist/composables/use-channel.js

@@ -1,2 +1,124 @@
-// @bun
-import"../chunk-xv34zbp4.js";function x(){let F=typeof window<"u"?window.__stx_broadcasting:void 0;return{host:F?.host??(typeof window<"u"?window.location.hostname:"localhost"),port:F?.port??6001,scheme:F?.scheme??"ws"}}function T(F,H={}){let O=x(),Y=H.host??O.host,Z=H.port??O.port,_=H.scheme??O.scheme,$=H.autoConnect??!0,A=H.autoReconnect??!0,E=H.maxReconnectAttempts??Number.POSITIVE_INFINITY,D=H.reconnectDelay??1000,P=new Set,I=new Map,B={data:null,event:null,isSubscribed:!1,isConnected:!1,socketId:null},G=null,K=0,M=null,Q=!1;function J(){for(let z of P)z(B)}function j(z,q){let W=I.get(z);if(W)for(let U of W)U(q);let X=I.get("*");if(X)for(let U of X)U(q)}function S(){if(typeof WebSocket>"u")return;Q=!1;try{G=new WebSocket(`${_}://${Y}:${Z}/ws`)}catch{V();return}G.onmessage=(z)=>{try{let q=JSON.parse(z.data);if(q.event==="connection_established"){B={...B,isConnected:!0,socketId:q.data?.socket_id??null},J(),G.send(JSON.stringify({event:"subscribe",channel:F}));return}if(q.event==="subscription_succeeded"&&q.channel===F){B={...B,isSubscribed:!0},K=0,J();return}if(q.event==="subscription_error"&&q.channel===F){console.warn(`[stx] Channel subscription failed: ${F}`,q.data);return}if(q.channel===F&&q.event)B={...B,data:q.data,event:q.event},J(),j(q.event,q.data)}catch{}},G.onclose=()=>{let z=B.isSubscribed;if(B={...B,isConnected:!1,isSubscribed:!1,socketId:null},G=null,J(),!Q&&A)V()},G.onerror=()=>{}}function V(){if(K>=E)return;let z=Math.min(D*2**K,30000);K++,M=setTimeout(S,z)}function R(){if(Q=!0,M)clearTimeout(M),M=null;if(G){if(B.isSubscribed)try{G.send(JSON.stringify({event:"unsubscribe",channel:F}))}catch{}G.close(),G=null}B={data:null,event:null,isSubscribed:!1,isConnected:!1,socketId:null},J()}if($)S();return{get:()=>B,subscribe:(z)=>{return P.add(z),z(B),()=>{P.delete(z)}},on:(z,q)=>{if(!I.has(z))I.set(z,new Set);return I.get(z).add(q),()=>{I.get(z)?.delete(q)}},close:R,open:S}}export{T as useChannel};
+function getDefaults() {
+  const injected = typeof window < "u" ? window.__stx_broadcasting : void 0;
+  return {
+    host: injected?.host ?? (typeof window < "u" ? window.location.hostname : "localhost"),
+    port: injected?.port ?? 6001,
+    scheme: injected?.scheme ?? "ws"
+  };
+}
+export function useChannel(channelName, options = {}) {
+  const defaults = getDefaults(), host = options.host ?? defaults.host, port = options.port ?? defaults.port, scheme = options.scheme ?? defaults.scheme, autoConnect = options.autoConnect ?? !0, autoReconnect = options.autoReconnect ?? !0, maxAttempts = options.maxReconnectAttempts ?? Number.POSITIVE_INFINITY, baseDelay = options.reconnectDelay ?? 1000, subscribers = new Set, eventListeners = new Map;
+  let state = {
+    data: null,
+    event: null,
+    isSubscribed: !1,
+    isConnected: !1,
+    socketId: null
+  }, ws = null, retryCount = 0, retryTimer = null, explicitlyClosed = !1;
+  function notify() {
+    for (const fn of subscribers)
+      fn(state);
+  }
+  function emitEvent(event, data) {
+    const listeners = eventListeners.get(event);
+    if (listeners)
+      for (const fn of listeners)
+        fn(data);
+    const wildcards = eventListeners.get("*");
+    if (wildcards)
+      for (const fn of wildcards)
+        fn(data);
+  }
+  function connect() {
+    if (typeof WebSocket > "u")
+      return;
+    explicitlyClosed = !1;
+    try {
+      ws = new WebSocket(`${scheme}://${host}:${port}/ws`);
+    } catch {
+      scheduleReconnect();
+      return;
+    }
+    ws.onmessage = (e) => {
+      try {
+        const msg = JSON.parse(e.data);
+        if (msg.event === "connection_established") {
+          state = { ...state, isConnected: !0, socketId: msg.data?.socket_id ?? null };
+          notify();
+          ws.send(JSON.stringify({ event: "subscribe", channel: channelName }));
+          return;
+        }
+        if (msg.event === "subscription_succeeded" && msg.channel === channelName) {
+          state = { ...state, isSubscribed: !0 };
+          retryCount = 0;
+          notify();
+          return;
+        }
+        if (msg.event === "subscription_error" && msg.channel === channelName) {
+          console.warn(`[stx] Channel subscription failed: ${channelName}`, msg.data);
+          return;
+        }
+        if (msg.channel === channelName && msg.event) {
+          state = { ...state, data: msg.data, event: msg.event };
+          notify();
+          emitEvent(msg.event, msg.data);
+        }
+      } catch {}
+    };
+    ws.onclose = () => {
+      const wasSubscribed = state.isSubscribed;
+      state = { ...state, isConnected: !1, isSubscribed: !1, socketId: null };
+      ws = null;
+      notify();
+      if (!explicitlyClosed && autoReconnect)
+        scheduleReconnect();
+    };
+    ws.onerror = () => {};
+  }
+  function scheduleReconnect() {
+    if (retryCount >= maxAttempts)
+      return;
+    const delay = Math.min(baseDelay * 2 ** retryCount, 30000);
+    retryCount++;
+    retryTimer = setTimeout(connect, delay);
+  }
+  function close() {
+    explicitlyClosed = !0;
+    if (retryTimer) {
+      clearTimeout(retryTimer);
+      retryTimer = null;
+    }
+    if (ws) {
+      if (state.isSubscribed)
+        try {
+          ws.send(JSON.stringify({ event: "unsubscribe", channel: channelName }));
+        } catch {}
+      ws.close();
+      ws = null;
+    }
+    state = { data: null, event: null, isSubscribed: !1, isConnected: !1, socketId: null };
+    notify();
+  }
+  if (autoConnect)
+    connect();
+  return {
+    get: () => state,
+    subscribe: (fn) => {
+      subscribers.add(fn);
+      fn(state);
+      return () => {
+        subscribers.delete(fn);
+      };
+    },
+    on: (event, callback) => {
+      if (!eventListeners.has(event))
+        eventListeners.set(event, new Set);
+      eventListeners.get(event).add(callback);
+      return () => {
+        eventListeners.get(event)?.delete(callback);
+      };
+    },
+    close,
+    open: connect
+  };
+}

package/dist/composables/use-clipboard.js

@@ -1,2 +1,79 @@
-// @bun
-import"../chunk-xv34zbp4.js";function G(z={}){let{timeout:A=1500}=z,B=new Set,w="",v=!1,q=null,D=typeof navigator<"u"&&"clipboard"in navigator,E=(g)=>{for(let j of B)try{j(g)}catch(F){console.error("[useClipboard] Subscriber error:",F)}};return{get text(){return w},get isSupported(){return D},get copied(){return v},copy:async(g)=>{if(!D)try{let j=document.createElement("textarea");if(j.value=g,j.style.position="fixed",j.style.opacity="0",document.body.appendChild(j),j.select(),document.execCommand("copy"),document.body.removeChild(j),w=g,v=!0,E(g),q)clearTimeout(q);return q=setTimeout(()=>{v=!1},A),!0}catch{return!1}try{if(await navigator.clipboard.writeText(g),w=g,v=!0,E(g),q)clearTimeout(q);return q=setTimeout(()=>{v=!1},A),!0}catch{return!1}},read:async()=>{if(!D)return"";try{let g=await navigator.clipboard.readText();return w=g,g}catch{return""}},subscribe:(g)=>{return B.add(g),()=>B.delete(g)}}}async function J(z){return G().copy(z)}export{G as useClipboard,J as copyToClipboard};
+export function useClipboard(options = {}) {
+  const { timeout = 1500 } = options, subscribers = new Set;
+  let currentText = "", copied = !1, copiedTimeout = null;
+  const isSupported = typeof navigator < "u" && "clipboard" in navigator, notify = (text) => {
+    for (const callback of subscribers)
+      try {
+        callback(text);
+      } catch (e) {
+        console.error("[useClipboard] Subscriber error:", e);
+      }
+  };
+  return {
+    get text() {
+      return currentText;
+    },
+    get isSupported() {
+      return isSupported;
+    },
+    get copied() {
+      return copied;
+    },
+    copy: async (text) => {
+      if (!isSupported)
+        try {
+          const textarea = document.createElement("textarea");
+          textarea.value = text;
+          textarea.style.position = "fixed";
+          textarea.style.opacity = "0";
+          document.body.appendChild(textarea);
+          textarea.select();
+          document.execCommand("copy");
+          document.body.removeChild(textarea);
+          currentText = text;
+          copied = !0;
+          notify(text);
+          if (copiedTimeout)
+            clearTimeout(copiedTimeout);
+          copiedTimeout = setTimeout(() => {
+            copied = !1;
+          }, timeout);
+          return !0;
+        } catch {
+          return !1;
+        }
+      try {
+        await navigator.clipboard.writeText(text);
+        currentText = text;
+        copied = !0;
+        notify(text);
+        if (copiedTimeout)
+          clearTimeout(copiedTimeout);
+        copiedTimeout = setTimeout(() => {
+          copied = !1;
+        }, timeout);
+        return !0;
+      } catch {
+        return !1;
+      }
+    },
+    read: async () => {
+      if (!isSupported)
+        return "";
+      try {
+        const text = await navigator.clipboard.readText();
+        currentText = text;
+        return text;
+      } catch {
+        return "";
+      }
+    },
+    subscribe: (callback) => {
+      subscribers.add(callback);
+      return () => subscribers.delete(callback);
+    }
+  };
+}
+export async function copyToClipboard(text) {
+  return useClipboard().copy(text);
+}

package/dist/composables/use-color-mode.js

@@ -1,2 +1,131 @@
-// @bun
-import"../chunk-xv34zbp4.js";function K(R={}){let{storageKey:F="stx-color-mode",initialMode:H="auto",darkClass:N="dark",attribute:X,disableTransitions:Y=!0}=R,G=H,A="light",I=new Set,U=[],J=typeof window<"u";function Z(){if(!J)return"light";return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}function _(z){return z==="auto"?Z():z}function V(z){if(!J)return;let E=document.documentElement;if(Y)E.style.setProperty("transition","none","important");if(X)E.setAttribute(X,z);else if(z==="dark")E.classList.add(N);else E.classList.remove(N);if(Y)E.offsetHeight,E.style.removeProperty("transition")}function j(z){if(!J)return;try{localStorage.setItem(F,z)}catch{}}function x(){if(!J)return null;try{let z=localStorage.getItem(F);if(z==="light"||z==="dark"||z==="auto")return z}catch{}return null}function W(z){G=z,A=_(z),V(A),j(z),I.forEach((E)=>E(A,G))}let h=x();if(W(h??H),J){let z=window.matchMedia("(prefers-color-scheme: dark)"),E=()=>{if(G==="auto")A=Z(),V(A),I.forEach((Q)=>Q(A,G))};z.addEventListener("change",E),U.push(()=>z.removeEventListener("change",E));let $=(Q)=>{if(Q.key!==F)return;let L=Q.newValue;if(L==="light"||L==="dark"||L==="auto")G=L,A=_(L),V(A),I.forEach((q)=>q(A,G))};window.addEventListener("storage",$),U.push(()=>window.removeEventListener("storage",$))}if(typeof globalThis.onDestroy==="function")globalThis.onDestroy(()=>{U.forEach((z)=>z()),I.clear()});return{get mode(){return A},get preference(){return G},get isDark(){return A==="dark"},set(z){W(z)},toggle(){W(A==="dark"?"light":"dark")},subscribe(z){return I.add(z),()=>{I.delete(z)}}}}function O(R={}){let F=K(R);return{get isDark(){return F.isDark},toggle(){F.toggle()},set(H){F.set(H?"dark":"light")},subscribe(H){return F.subscribe((N)=>H(N==="dark"))}}}export{O as useDark,K as useColorMode};
+export function useColorMode(options = {}) {
+  const {
+    storageKey = "stx-color-mode",
+    initialMode = "auto",
+    darkClass = "dark",
+    attribute,
+    disableTransitions = !0
+  } = options;
+  let preference = initialMode, resolved = "light";
+  const listeners = new Set, cleanups = [], isBrowser = typeof window < "u";
+  function getSystemPreference() {
+    if (!isBrowser)
+      return "light";
+    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  }
+  function resolve(pref) {
+    return pref === "auto" ? getSystemPreference() : pref;
+  }
+  function applyToDOM(mode) {
+    if (!isBrowser)
+      return;
+    const el = document.documentElement;
+    if (disableTransitions)
+      el.style.setProperty("transition", "none", "important");
+    if (attribute)
+      el.setAttribute(attribute, mode);
+    else if (mode === "dark")
+      el.classList.add(darkClass);
+    else
+      el.classList.remove(darkClass);
+    if (disableTransitions) {
+      el.offsetHeight;
+      el.style.removeProperty("transition");
+    }
+  }
+  function persist(pref) {
+    if (!isBrowser)
+      return;
+    try {
+      localStorage.setItem(storageKey, pref);
+    } catch {}
+  }
+  function readPersisted() {
+    if (!isBrowser)
+      return null;
+    try {
+      const v = localStorage.getItem(storageKey);
+      if (v === "light" || v === "dark" || v === "auto")
+        return v;
+    } catch {}
+    return null;
+  }
+  function update(pref) {
+    preference = pref;
+    resolved = resolve(pref);
+    applyToDOM(resolved);
+    persist(pref);
+    listeners.forEach((fn) => fn(resolved, preference));
+  }
+  const persisted = readPersisted();
+  update(persisted ?? initialMode);
+  if (isBrowser) {
+    const mql = window.matchMedia("(prefers-color-scheme: dark)"), onSystemChange = () => {
+      if (preference === "auto") {
+        resolved = getSystemPreference();
+        applyToDOM(resolved);
+        listeners.forEach((fn) => fn(resolved, preference));
+      }
+    };
+    mql.addEventListener("change", onSystemChange);
+    cleanups.push(() => mql.removeEventListener("change", onSystemChange));
+    const onStorage = (e) => {
+      if (e.key !== storageKey)
+        return;
+      const v = e.newValue;
+      if (v === "light" || v === "dark" || v === "auto") {
+        preference = v;
+        resolved = resolve(v);
+        applyToDOM(resolved);
+        listeners.forEach((fn) => fn(resolved, preference));
+      }
+    };
+    window.addEventListener("storage", onStorage);
+    cleanups.push(() => window.removeEventListener("storage", onStorage));
+  }
+  if (typeof globalThis.onDestroy === "function")
+    globalThis.onDestroy(() => {
+      cleanups.forEach((fn) => fn());
+      listeners.clear();
+    });
+  return {
+    get mode() {
+      return resolved;
+    },
+    get preference() {
+      return preference;
+    },
+    get isDark() {
+      return resolved === "dark";
+    },
+    set(mode) {
+      update(mode);
+    },
+    toggle() {
+      update(resolved === "dark" ? "light" : "dark");
+    },
+    subscribe(fn) {
+      listeners.add(fn);
+      return () => {
+        listeners.delete(fn);
+      };
+    }
+  };
+}
+export function useDark(options = {}) {
+  const cm = useColorMode(options);
+  return {
+    get isDark() {
+      return cm.isDark;
+    },
+    toggle() {
+      cm.toggle();
+    },
+    set(dark) {
+      cm.set(dark ? "dark" : "light");
+    },
+    subscribe(fn) {
+      return cm.subscribe((mode) => fn(mode === "dark"));
+    }
+  };
+}

package/dist/composables/use-cookie.js

@@ -1,2 +1,86 @@
-// @bun
-import{dq as Y}from"../chunk-q6zhd9yf.js";import"../chunk-xv34zbp4.js";var B=encodeURIComponent,Z=decodeURIComponent;function X(){if(typeof document>"u")return{};let j={},q=document.cookie.split(";");for(let I of q){let[K,...G]=I.trim().split("=");if(K)try{j[K]=Z(G.join("="))}catch{j[K]=G.join("=")}}return j}function N(j){return X()[j]??null}function _(j,q,I){let{maxAge:K,expires:G,path:Q="/",domain:T,secure:U,sameSite:M="Lax",encode:$=B}=I,L=[`${j}=${q?$(q):""}`];if(Q)L.push(`path=${Q}`);if(T)L.push(`domain=${T}`);if(q==="")L.push("max-age=0");else if(typeof K==="number")L.push(`max-age=${K}`);else if(G!==void 0){let w=G instanceof Date?G:typeof G==="number"?new Date(Date.now()+G*1000):new Date(G);L.push(`expires=${w.toUTCString()}`)}L.push(`SameSite=${M}`);let W=U;if(W===void 0)W=typeof location<"u"&&location.protocol==="https:";if(W)L.push("Secure");return L.join("; ")}function E(j,q,I={}){if(typeof document>"u")return;document.cookie=_(j,q,I)}function H(j,q={}){E(j,"",{...q,maxAge:0,expires:new Date(0)})}function O(j,q={}){let I=q.decode||Z,K=q.defaultValue??"",G=j.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),Q=new RegExp(`(?:^|; )${G}=([^;]*)`);function T(){if(typeof document>"u")return K;let M=document.cookie.match(Q);return M?I(M[1]):K}let U=Y(T());return U.subscribe((M)=>{if(typeof document>"u")return;document.cookie=_(j,M,q)}),U}function R(){return X()}function b(j={}){let q=X();for(let I of Object.keys(q))H(I,j)}export{R as useCookies,O as useCookie,E as setCookie,H as removeCookie,X as parseCookies,N as getCookie,b as clearCookies};
+import { state } from "../signals-api.js";
+const defaultEncode = encodeURIComponent, defaultDecode = decodeURIComponent;
+export function parseCookies() {
+  if (typeof document > "u")
+    return {};
+  const cookies = {}, pairs = document.cookie.split(";");
+  for (const pair of pairs) {
+    const [key, ...valueParts] = pair.trim().split("=");
+    if (key)
+      try {
+        cookies[key] = defaultDecode(valueParts.join("="));
+      } catch {
+        cookies[key] = valueParts.join("=");
+      }
+  }
+  return cookies;
+}
+export function getCookie(name) {
+  return parseCookies()[name] ?? null;
+}
+function serializeAttrs(name, value, options) {
+  const {
+    maxAge,
+    expires,
+    path = "/",
+    domain,
+    secure,
+    sameSite = "Lax",
+    encode = defaultEncode
+  } = options, parts = [`${name}=${value ? encode(value) : ""}`];
+  if (path)
+    parts.push(`path=${path}`);
+  if (domain)
+    parts.push(`domain=${domain}`);
+  if (value === "")
+    parts.push("max-age=0");
+  else if (typeof maxAge === "number")
+    parts.push(`max-age=${maxAge}`);
+  else if (expires !== void 0) {
+    const expiresDate = expires instanceof Date ? expires : typeof expires === "number" ? new Date(Date.now() + expires * 1000) : new Date(expires);
+    parts.push(`expires=${expiresDate.toUTCString()}`);
+  }
+  parts.push(`SameSite=${sameSite}`);
+  let secureFinal = secure;
+  if (secureFinal === void 0)
+    secureFinal = typeof location < "u" && location.protocol === "https:";
+  if (secureFinal)
+    parts.push("Secure");
+  return parts.join("; ");
+}
+export function setCookie(name, value, options = {}) {
+  if (typeof document > "u")
+    return;
+  document.cookie = serializeAttrs(name, value, options);
+}
+export function removeCookie(name, options = {}) {
+  setCookie(name, "", {
+    ...options,
+    maxAge: 0,
+    expires: new Date(0)
+  });
+}
+export function useCookie(name, options = {}) {
+  const decode = options.decode || defaultDecode, defaultValue = options.defaultValue ?? "", escapedName = name.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), nameRe = new RegExp(`(?:^|; )${escapedName}=([^;]*)`);
+  function read() {
+    if (typeof document > "u")
+      return defaultValue;
+    const m = document.cookie.match(nameRe);
+    return m ? decode(m[1]) : defaultValue;
+  }
+  const s = state(read());
+  s.subscribe((value) => {
+    if (typeof document > "u")
+      return;
+    document.cookie = serializeAttrs(name, value, options);
+  });
+  return s;
+}
+export function useCookies() {
+  return parseCookies();
+}
+export function clearCookies(options = {}) {
+  const cookies = parseCookies();
+  for (const name of Object.keys(cookies))
+    removeCookie(name, options);
+}

package/dist/composables/use-device-orientation.js

@@ -1,2 +1,181 @@
-// @bun
-import"../chunk-xv34zbp4.js";function J(){return typeof window<"u"&&"DeviceOrientationEvent"in window}function K(){return typeof window<"u"&&"DeviceMotionEvent"in window}async function Q(){if(typeof window>"u")return!1;let k=window.DeviceOrientationEvent;if(typeof k?.requestPermission==="function")try{return await k.requestPermission()==="granted"}catch{return!1}return!0}async function R(){if(typeof window>"u")return!1;let k=window.DeviceMotionEvent;if(typeof k?.requestPermission==="function")try{return await k.requestPermission()==="granted"}catch{return!1}return!0}function T(){let k=J(),B=new Set,A={isSupported:k,isAbsolute:!1,alpha:null,beta:null,gamma:null},w=null;function C(){B.forEach((j)=>j(A))}function F(j){A={...A,isAbsolute:j.absolute,alpha:j.alpha,beta:j.beta,gamma:j.gamma},C()}function G(){if(!k||w)return;window.addEventListener("deviceorientation",F,!0),w=()=>{window.removeEventListener("deviceorientation",F,!0)}}function H(){w?.(),w=null}async function I(){let j=await Q();if(j)G();return j}if(k)G();return{get:()=>A,subscribe:(j)=>{return B.add(j),j(A),()=>{if(B.delete(j),B.size===0)H()}},isSupported:()=>k,requestPermission:I}}function U(){let k=K(),B=new Set,A={isSupported:k,acceleration:{x:null,y:null,z:null},accelerationIncludingGravity:{x:null,y:null,z:null},rotationRate:{alpha:null,beta:null,gamma:null},interval:0},w=null;function C(){B.forEach((j)=>j(A))}function F(j){A={...A,acceleration:{x:j.acceleration?.x??null,y:j.acceleration?.y??null,z:j.acceleration?.z??null},accelerationIncludingGravity:{x:j.accelerationIncludingGravity?.x??null,y:j.accelerationIncludingGravity?.y??null,z:j.accelerationIncludingGravity?.z??null},rotationRate:{alpha:j.rotationRate?.alpha??null,beta:j.rotationRate?.beta??null,gamma:j.rotationRate?.gamma??null},interval:j.interval},C()}function G(){if(!k||w)return;window.addEventListener("devicemotion",F,!0),w=()=>{window.removeEventListener("devicemotion",F,!0)}}function H(){w?.(),w=null}async function I(){let j=await R();if(j)G();return j}if(k)G();return{get:()=>A,subscribe:(j)=>{return B.add(j),j(A),()=>{if(B.delete(j),B.size===0)H()}},isSupported:()=>k,requestPermission:I}}function V(){let k=T(),B=new Set,A={x:0,y:0};return k.subscribe((w)=>{if(w.gamma!==null&&w.beta!==null)A={x:Math.max(-1,Math.min(1,(w.gamma||0)/45)),y:Math.max(-1,Math.min(1,(w.beta||0)/45))},B.forEach((C)=>C(A))}),{get:()=>A,subscribe:(w)=>{return B.add(w),w(A),()=>{B.delete(w)}},isSupported:k.isSupported,requestPermission:k.requestPermission}}export{V as useParallax,T as useDeviceOrientation,U as useDeviceMotion,Q as requestOrientationPermission,R as requestMotionPermission,J as isDeviceOrientationSupported,K as isDeviceMotionSupported};
+export function isDeviceOrientationSupported() {
+  return typeof window < "u" && "DeviceOrientationEvent" in window;
+}
+export function isDeviceMotionSupported() {
+  return typeof window < "u" && "DeviceMotionEvent" in window;
+}
+export async function requestOrientationPermission() {
+  if (typeof window > "u")
+    return !1;
+  const DeviceOrientationEvent = window.DeviceOrientationEvent;
+  if (typeof DeviceOrientationEvent?.requestPermission === "function")
+    try {
+      return await DeviceOrientationEvent.requestPermission() === "granted";
+    } catch {
+      return !1;
+    }
+  return !0;
+}
+export async function requestMotionPermission() {
+  if (typeof window > "u")
+    return !1;
+  const DeviceMotionEvent = window.DeviceMotionEvent;
+  if (typeof DeviceMotionEvent?.requestPermission === "function")
+    try {
+      return await DeviceMotionEvent.requestPermission() === "granted";
+    } catch {
+      return !1;
+    }
+  return !0;
+}
+export function useDeviceOrientation() {
+  const supported = isDeviceOrientationSupported(), subscribers = new Set;
+  let state = {
+    isSupported: supported,
+    isAbsolute: !1,
+    alpha: null,
+    beta: null,
+    gamma: null
+  }, cleanup = null;
+  function notify() {
+    subscribers.forEach((fn) => fn(state));
+  }
+  function handleOrientation(event) {
+    state = {
+      ...state,
+      isAbsolute: event.absolute,
+      alpha: event.alpha,
+      beta: event.beta,
+      gamma: event.gamma
+    };
+    notify();
+  }
+  function startListening() {
+    if (!supported || cleanup)
+      return;
+    window.addEventListener("deviceorientation", handleOrientation, !0);
+    cleanup = () => {
+      window.removeEventListener("deviceorientation", handleOrientation, !0);
+    };
+  }
+  function stopListening() {
+    cleanup?.();
+    cleanup = null;
+  }
+  async function requestPermission() {
+    const granted = await requestOrientationPermission();
+    if (granted)
+      startListening();
+    return granted;
+  }
+  if (supported)
+    startListening();
+  return {
+    get: () => state,
+    subscribe: (fn) => {
+      subscribers.add(fn);
+      fn(state);
+      return () => {
+        subscribers.delete(fn);
+        if (subscribers.size === 0)
+          stopListening();
+      };
+    },
+    isSupported: () => supported,
+    requestPermission
+  };
+}
+export function useDeviceMotion() {
+  const supported = isDeviceMotionSupported(), subscribers = new Set;
+  let state = {
+    isSupported: supported,
+    acceleration: { x: null, y: null, z: null },
+    accelerationIncludingGravity: { x: null, y: null, z: null },
+    rotationRate: { alpha: null, beta: null, gamma: null },
+    interval: 0
+  }, cleanup = null;
+  function notify() {
+    subscribers.forEach((fn) => fn(state));
+  }
+  function handleMotion(event) {
+    state = {
+      ...state,
+      acceleration: {
+        x: event.acceleration?.x ?? null,
+        y: event.acceleration?.y ?? null,
+        z: event.acceleration?.z ?? null
+      },
+      accelerationIncludingGravity: {
+        x: event.accelerationIncludingGravity?.x ?? null,
+        y: event.accelerationIncludingGravity?.y ?? null,
+        z: event.accelerationIncludingGravity?.z ?? null
+      },
+      rotationRate: {
+        alpha: event.rotationRate?.alpha ?? null,
+        beta: event.rotationRate?.beta ?? null,
+        gamma: event.rotationRate?.gamma ?? null
+      },
+      interval: event.interval
+    };
+    notify();
+  }
+  function startListening() {
+    if (!supported || cleanup)
+      return;
+    window.addEventListener("devicemotion", handleMotion, !0);
+    cleanup = () => {
+      window.removeEventListener("devicemotion", handleMotion, !0);
+    };
+  }
+  function stopListening() {
+    cleanup?.();
+    cleanup = null;
+  }
+  async function requestPermission() {
+    const granted = await requestMotionPermission();
+    if (granted)
+      startListening();
+    return granted;
+  }
+  if (supported)
+    startListening();
+  return {
+    get: () => state,
+    subscribe: (fn) => {
+      subscribers.add(fn);
+      fn(state);
+      return () => {
+        subscribers.delete(fn);
+        if (subscribers.size === 0)
+          stopListening();
+      };
+    },
+    isSupported: () => supported,
+    requestPermission
+  };
+}
+export function useParallax() {
+  const orientation = useDeviceOrientation(), subscribers = new Set;
+  let tilt = { x: 0, y: 0 };
+  orientation.subscribe((state) => {
+    if (state.gamma !== null && state.beta !== null) {
+      tilt = {
+        x: Math.max(-1, Math.min(1, (state.gamma || 0) / 45)),
+        y: Math.max(-1, Math.min(1, (state.beta || 0) / 45))
+      };
+      subscribers.forEach((fn) => fn(tilt));
+    }
+  });
+  return {
+    get: () => tilt,
+    subscribe: (fn) => {
+      subscribers.add(fn);
+      fn(tilt);
+      return () => {
+        subscribers.delete(fn);
+      };
+    },
+    isSupported: orientation.isSupported,
+    requestPermission: orientation.requestPermission
+  };
+}

package/dist/composables/use-event-listener.js

@@ -1,2 +1,27 @@
-// @bun
-import"../chunk-xv34zbp4.js";function C(q,w,j){if(typeof window>"u")return{remove:()=>{}};let k=window;if(j?.target)if(typeof j.target==="string"){let B=document.querySelector(j.target);if(!B)return console.warn(`[stx] useEventListener: selector "${j.target}" did not match any element. Listener not attached.`),{remove:()=>{}};k=B}else k=j.target;let x={capture:j?.capture,passive:j?.passive,once:j?.once};k.addEventListener(q,w,x);let z=()=>{k.removeEventListener(q,w,x)};if(typeof globalThis.onDestroy==="function")globalThis.onDestroy(z);return{remove:z}}export{C as useEventListener};
+export function useEventListener(event, handler, options) {
+  if (typeof window > "u")
+    return { remove: () => {} };
+  let target = window;
+  if (options?.target)
+    if (typeof options.target === "string") {
+      const resolved = document.querySelector(options.target);
+      if (!resolved) {
+        console.warn(`[stx] useEventListener: selector "${options.target}" did not match any element. Listener not attached.`);
+        return { remove: () => {} };
+      }
+      target = resolved;
+    } else
+      target = options.target;
+  const listenerOptions = {
+    capture: options?.capture,
+    passive: options?.passive,
+    once: options?.once
+  };
+  target.addEventListener(event, handler, listenerOptions);
+  const remove = () => {
+    target.removeEventListener(event, handler, listenerOptions);
+  };
+  if (typeof globalThis.onDestroy === "function")
+    globalThis.onDestroy(remove);
+  return { remove };
+}