@stacksjs/composables 0.70.258 → 0.70.260

package/dist/useDropZone.js

@@ -1,52 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-import { unref, noop } from "./_shared";
-export function useDropZone(target, onDrop) {
-  const isOverDropZone = ref(!1), files = ref(null);
-  let cleanup = noop, dragCounter = 0;
-  if (typeof window < "u") {
-    const el = unref(target);
-    if (el) {
-      const cleanups = [], onDragEnter = (event) => {
-        event.preventDefault();
-        dragCounter++;
-        isOverDropZone.value = !0;
-      }, onDragOver = (event) => {
-        event.preventDefault();
-        isOverDropZone.value = !0;
-      }, onDragLeave = (event) => {
-        event.preventDefault();
-        dragCounter--;
-        if (dragCounter <= 0) {
-          dragCounter = 0;
-          isOverDropZone.value = !1;
-        }
-      }, onDropHandler = (event) => {
-        event.preventDefault();
-        dragCounter = 0;
-        isOverDropZone.value = !1;
-        const droppedFiles = event.dataTransfer?.files;
-        if (droppedFiles && droppedFiles.length > 0)
-          files.value = Array.from(droppedFiles);
-        else
-          files.value = null;
-        if (onDrop)
-          onDrop(files.value);
-      };
-      el.addEventListener("dragenter", onDragEnter);
-      el.addEventListener("dragover", onDragOver);
-      el.addEventListener("dragleave", onDragLeave);
-      el.addEventListener("drop", onDropHandler);
-      cleanups.push(() => el.removeEventListener("dragenter", onDragEnter), () => el.removeEventListener("dragover", onDragOver), () => el.removeEventListener("dragleave", onDragLeave), () => el.removeEventListener("drop", onDropHandler));
-      cleanup = () => {
-        for (const fn of cleanups)
-          fn();
-        cleanups.length = 0;
-        cleanup = noop;
-      };
-    }
-  }
-  try {
-    onUnmounted(() => cleanup());
-  } catch {}
-  return { isOverDropZone, files };
-}
+import{onUnmounted,ref}from"@stacksjs/stx";import{unref,noop}from"./_shared";export function useDropZone(target,onDrop){const isOverDropZone=ref(!1),files=ref(null);let cleanup=noop,dragCounter=0;if(typeof window<"u"){const el=unref(target);if(el){const cleanups=[],onDragEnter=(event)=>{event.preventDefault();dragCounter++;isOverDropZone.value=!0},onDragOver=(event)=>{event.preventDefault();isOverDropZone.value=!0},onDragLeave=(event)=>{event.preventDefault();dragCounter--;if(dragCounter<=0){dragCounter=0;isOverDropZone.value=!1}},onDropHandler=(event)=>{event.preventDefault();dragCounter=0;isOverDropZone.value=!1;const droppedFiles=event.dataTransfer?.files;if(droppedFiles&&droppedFiles.length>0)files.value=Array.from(droppedFiles);else files.value=null;if(onDrop)onDrop(files.value)};el.addEventListener("dragenter",onDragEnter);el.addEventListener("dragover",onDragOver);el.addEventListener("dragleave",onDragLeave);el.addEventListener("drop",onDropHandler);cleanups.push(()=>el.removeEventListener("dragenter",onDragEnter),()=>el.removeEventListener("dragover",onDragOver),()=>el.removeEventListener("dragleave",onDragLeave),()=>el.removeEventListener("drop",onDropHandler));cleanup=()=>{for(const fn of cleanups)fn();cleanups.length=0;cleanup=noop}}}try{onUnmounted(()=>cleanup())}catch{}return{isOverDropZone,files}}

package/dist/useElementBounding.js

@@ -1,59 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-import { unref, noop } from "./_shared";
-export function useElementBounding(target) {
-  const x = ref(0), y = ref(0), top = ref(0), right = ref(0), bottom = ref(0), left = ref(0), width = ref(0), height = ref(0), cleanups = [];
-  let cleanup = noop;
-  const update = () => {
-    const el = unref(target);
-    if (!el)
-      return;
-    const rect = el.getBoundingClientRect();
-    x.value = rect.x;
-    y.value = rect.y;
-    top.value = rect.top;
-    right.value = rect.right;
-    bottom.value = rect.bottom;
-    left.value = rect.left;
-    width.value = rect.width;
-    height.value = rect.height;
-  };
-  if (typeof window < "u") {
-    update();
-    const onResize = () => update();
-    window.addEventListener("resize", onResize, { passive: !0 });
-    cleanups.push(() => window.removeEventListener("resize", onResize));
-    const onScroll = () => update();
-    window.addEventListener("scroll", onScroll, { passive: !0 });
-    cleanups.push(() => window.removeEventListener("scroll", onScroll));
-    if ("ResizeObserver" in window) {
-      const el = unref(target);
-      if (el) {
-        const resizeObserver = new ResizeObserver(update);
-        resizeObserver.observe(el);
-        cleanups.push(() => resizeObserver.disconnect());
-      }
-    }
-    if ("MutationObserver" in window) {
-      const el = unref(target);
-      if (el) {
-        const mutationObserver = new MutationObserver(update);
-        mutationObserver.observe(el, {
-          childList: !0,
-          subtree: !0,
-          attributes: !0
-        });
-        cleanups.push(() => mutationObserver.disconnect());
-      }
-    }
-    cleanup = () => {
-      for (const fn of cleanups)
-        fn();
-      cleanups.length = 0;
-      cleanup = noop;
-    };
-  }
-  try {
-    onUnmounted(() => cleanup());
-  } catch {}
-  return { x, y, top, right, bottom, left, width, height, update };
-}
+import{onUnmounted,ref}from"@stacksjs/stx";import{unref,noop}from"./_shared";export function useElementBounding(target){const x=ref(0),y=ref(0),top=ref(0),right=ref(0),bottom=ref(0),left=ref(0),width=ref(0),height=ref(0),cleanups=[];let cleanup=noop;const update=()=>{const el=unref(target);if(!el)return;const rect=el.getBoundingClientRect();x.value=rect.x;y.value=rect.y;top.value=rect.top;right.value=rect.right;bottom.value=rect.bottom;left.value=rect.left;width.value=rect.width;height.value=rect.height};if(typeof window<"u"){update();const onResize=()=>update();window.addEventListener("resize",onResize,{passive:!0});cleanups.push(()=>window.removeEventListener("resize",onResize));const onScroll=()=>update();window.addEventListener("scroll",onScroll,{passive:!0});cleanups.push(()=>window.removeEventListener("scroll",onScroll));if("ResizeObserver"in window){const el=unref(target);if(el){const resizeObserver=new ResizeObserver(update);resizeObserver.observe(el);cleanups.push(()=>resizeObserver.disconnect())}}if("MutationObserver"in window){const el=unref(target);if(el){const mutationObserver=new MutationObserver(update);mutationObserver.observe(el,{childList:!0,subtree:!0,attributes:!0});cleanups.push(()=>mutationObserver.disconnect())}}cleanup=()=>{for(const fn of cleanups)fn();cleanups.length=0;cleanup=noop}}try{onUnmounted(()=>cleanup())}catch{}return{x,y,top,right,bottom,left,width,height,update}}

package/dist/useElementByPoint.js

@@ -1,18 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-export function useElementByPoint(options) {
-  const x = options?.x ?? ref(0), y = options?.y ?? ref(0), element = ref(null);
-  if (typeof document > "u")
-    return { element, x, y };
-  const handler = (e) => {
-    x.value = e.clientX;
-    y.value = e.clientY;
-    element.value = document.elementFromPoint(e.clientX, e.clientY);
-  };
-  document.addEventListener("mousemove", handler, { passive: !0 });
-  try {
-    onUnmounted(() => {
-      document.removeEventListener("mousemove", handler);
-    });
-  } catch {}
-  return { element, x, y };
-}
+import{onUnmounted,ref}from"@stacksjs/stx";export function useElementByPoint(options){const x=options?.x??ref(0),y=options?.y??ref(0),element=ref(null);if(typeof document>"u")return{element,x,y};const handler=(e)=>{x.value=e.clientX;y.value=e.clientY;element.value=document.elementFromPoint(e.clientX,e.clientY)};document.addEventListener("mousemove",handler,{passive:!0});try{onUnmounted(()=>{document.removeEventListener("mousemove",handler)})}catch{}return{element,x,y}}

package/dist/useElementHover.js

@@ -1,28 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-import { unref } from "./_shared";
-export function useElementHover(target) {
-  const isHovered = ref(!1);
-  let cleanup = () => {};
-  function setup(el) {
-    cleanup();
-    if (!el)
-      return;
-    const onEnter = () => {
-      isHovered.value = !0;
-    }, onLeave = () => {
-      isHovered.value = !1;
-    };
-    el.addEventListener("mouseenter", onEnter, { passive: !0 });
-    el.addEventListener("mouseleave", onLeave, { passive: !0 });
-    cleanup = () => {
-      el.removeEventListener("mouseenter", onEnter);
-      el.removeEventListener("mouseleave", onLeave);
-      cleanup = () => {};
-    };
-  }
-  setup(unref(target));
-  try {
-    onUnmounted(() => cleanup());
-  } catch {}
-  return isHovered;
-}
+import{onUnmounted,ref}from"@stacksjs/stx";import{unref}from"./_shared";export function useElementHover(target){const isHovered=ref(!1);let cleanup=()=>{};function setup(el){cleanup();if(!el)return;const onEnter=()=>{isHovered.value=!0},onLeave=()=>{isHovered.value=!1};el.addEventListener("mouseenter",onEnter,{passive:!0});el.addEventListener("mouseleave",onLeave,{passive:!0});cleanup=()=>{el.removeEventListener("mouseenter",onEnter);el.removeEventListener("mouseleave",onLeave);cleanup=()=>{}}}setup(unref(target));try{onUnmounted(()=>cleanup())}catch{}return isHovered}

package/dist/useElementSize.js

@@ -1,34 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-import { unref, noop } from "./_shared";
-export function useElementSize(target, options) {
-  const width = ref(options?.initialSize?.width ?? 0), height = ref(options?.initialSize?.height ?? 0), isSupported = typeof window < "u" && "ResizeObserver" in window;
-  let cleanup = noop;
-  if (isSupported) {
-    const el = unref(target);
-    if (el) {
-      const observer = new ResizeObserver((entries) => {
-        for (const entry of entries)
-          if (entry.contentBoxSize) {
-            const boxSize = Array.isArray(entry.contentBoxSize) ? entry.contentBoxSize[0] : entry.contentBoxSize;
-            width.value = boxSize.inlineSize;
-            height.value = boxSize.blockSize;
-          } else {
-            width.value = entry.contentRect.width;
-            height.value = entry.contentRect.height;
-          }
-      });
-      observer.observe(el);
-      cleanup = () => {
-        observer.disconnect();
-        cleanup = noop;
-      };
-    }
-  }
-  const stop = () => {
-    cleanup();
-  };
-  try {
-    onUnmounted(stop);
-  } catch {}
-  return { width, height, stop };
-}
+import{onUnmounted,ref}from"@stacksjs/stx";import{unref,noop}from"./_shared";export function useElementSize(target,options){const width=ref(options?.initialSize?.width??0),height=ref(options?.initialSize?.height??0),isSupported=typeof window<"u"&&"ResizeObserver"in window;let cleanup=noop;if(isSupported){const el=unref(target);if(el){const observer=new ResizeObserver((entries)=>{for(const entry of entries)if(entry.contentBoxSize){const boxSize=Array.isArray(entry.contentBoxSize)?entry.contentBoxSize[0]:entry.contentBoxSize;width.value=boxSize.inlineSize;height.value=boxSize.blockSize}else{width.value=entry.contentRect.width;height.value=entry.contentRect.height}});observer.observe(el);cleanup=()=>{observer.disconnect();cleanup=noop}}}const stop=()=>{cleanup()};try{onUnmounted(stop)}catch{}return{width,height,stop}}

package/dist/useElementVisibility.js

@@ -1,10 +1 @@
-import { ref } from "@stacksjs/stx";
-import { useIntersectionObserver } from "./useIntersectionObserver";
-export function useElementVisibility(target) {
-  const isVisible = ref(!1);
-  useIntersectionObserver(target, (entries) => {
-    for (const entry of entries)
-      isVisible.value = entry.isIntersecting;
-  }, { threshold: 0 });
-  return isVisible;
-}
+import{ref}from"@stacksjs/stx";import{useIntersectionObserver}from"./useIntersectionObserver";export function useElementVisibility(target){const isVisible=ref(!1);useIntersectionObserver(target,(entries)=>{for(const entry of entries)isVisible.value=entry.isIntersecting},{threshold:0});return isVisible}

package/dist/useEventBus.js

@@ -1,41 +1 @@
-import { onUnmounted } from "@stacksjs/stx";
-const buses = new Map;
-export function useEventBus(key) {
-  if (!buses.has(key))
-    buses.set(key, new Set);
-  const listeners = buses.get(key), localListeners = [];
-  function on(listener) {
-    listeners.add(listener);
-    localListeners.push(listener);
-    return () => off(listener);
-  }
-  function once(listener) {
-    const wrapper = (event) => {
-      listener(event);
-      off(wrapper);
-    };
-    return on(wrapper);
-  }
-  function emit(event) {
-    for (const listener of listeners)
-      listener(event);
-  }
-  function off(listener) {
-    listeners.delete(listener);
-    const idx = localListeners.indexOf(listener);
-    if (idx !== -1)
-      localListeners.splice(idx, 1);
-  }
-  function reset() {
-    listeners.clear();
-    localListeners.length = 0;
-  }
-  try {
-    onUnmounted(() => {
-      for (const listener of localListeners)
-        listeners.delete(listener);
-      localListeners.length = 0;
-    });
-  } catch {}
-  return { on, once, emit, off, reset };
-}
+import{onUnmounted}from"@stacksjs/stx";const buses=new Map;export function useEventBus(key){if(!buses.has(key))buses.set(key,new Set);const listeners=buses.get(key),localListeners=[];function on(listener){listeners.add(listener);localListeners.push(listener);return()=>off(listener)}function once(listener){const wrapper=(event)=>{listener(event);off(wrapper)};return on(wrapper)}function emit(event){for(const listener of listeners)listener(event)}function off(listener){listeners.delete(listener);const idx=localListeners.indexOf(listener);if(idx!==-1)localListeners.splice(idx,1)}function reset(){listeners.clear();localListeners.length=0}try{onUnmounted(()=>{for(const listener of localListeners)listeners.delete(listener);localListeners.length=0})}catch{}return{on,once,emit,off,reset}}

package/dist/useEventListener.js

@@ -1,29 +1 @@
-import { onUnmounted, watch } from "@stacksjs/stx";
-import { isRef, unref, noop, defaultWindow } from "./_shared";
-export function useEventListener(target, event, handler, options) {
-  let cleanup = noop;
-  const register = (el) => {
-    if (!el)
-      return noop;
-    el.addEventListener(event, handler, options);
-    return () => {
-      el.removeEventListener(event, handler, options);
-    };
-  };
-  if (isRef(target)) {
-    watch(target, (_newTarget, _oldTarget) => {
-      cleanup();
-      cleanup = register(unref(target));
-    });
-    cleanup = register(target.value);
-  } else
-    cleanup = register(target);
-  const stop = () => {
-    cleanup();
-    cleanup = noop;
-  };
-  try {
-    onUnmounted(stop);
-  } catch {}
-  return stop;
-}
+import{onUnmounted,watch}from"@stacksjs/stx";import{isRef,unref,noop,defaultWindow}from"./_shared";export function useEventListener(target,event,handler,options){let cleanup=noop;const register=(el)=>{if(!el)return noop;el.addEventListener(event,handler,options);return()=>{el.removeEventListener(event,handler,options)}};if(isRef(target)){watch(target,(_newTarget,_oldTarget)=>{cleanup();cleanup=register(unref(target))});cleanup=register(target.value)}else cleanup=register(target);const stop=()=>{cleanup();cleanup=noop};try{onUnmounted(stop)}catch{}return stop}

package/dist/useEventSource.js

@@ -1,72 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-import { toValue } from "./_shared";
-export function useEventSource(url, events = [], options = {}) {
-  const {
-    withCredentials = !1,
-    immediate = !0
-  } = options, data = ref(null), event = ref(null), status = ref("CLOSED"), error = ref(null), eventSourceRef = ref(null);
-  let listeners = [];
-  function close() {
-    const es = eventSourceRef.value;
-    if (es) {
-      for (const { eventName, handler } of listeners)
-        es.removeEventListener(eventName, handler);
-      listeners = [];
-      es.close();
-      eventSourceRef.value = null;
-      status.value = "CLOSED";
-    }
-  }
-  function open() {
-    if (typeof EventSource > "u")
-      return;
-    close();
-    const resolvedUrl = toValue(url);
-    status.value = "CONNECTING";
-    const es = new EventSource(resolvedUrl, { withCredentials });
-    eventSourceRef.value = es;
-    es.onopen = () => {
-      status.value = "OPEN";
-      error.value = null;
-    };
-    es.onerror = (e) => {
-      error.value = e;
-      if (es.readyState === EventSource.CLOSED)
-        status.value = "CLOSED";
-      else
-        status.value = "CONNECTING";
-    };
-    const messageHandler = (e) => {
-      const messageEvent = e;
-      data.value = messageEvent.data;
-      event.value = "message";
-    };
-    es.addEventListener("message", messageHandler);
-    listeners.push({ eventName: "message", handler: messageHandler });
-    for (const eventName of events) {
-      const handler = (e) => {
-        const messageEvent = e;
-        data.value = messageEvent.data;
-        event.value = eventName;
-      };
-      es.addEventListener(eventName, handler);
-      listeners.push({ eventName, handler });
-    }
-  }
-  if (immediate)
-    open();
-  try {
-    onUnmounted(() => {
-      close();
-    });
-  } catch {}
-  return {
-    data,
-    event,
-    status,
-    error,
-    eventSource: eventSourceRef,
-    close,
-    open
-  };
-}
+import{onUnmounted,ref}from"@stacksjs/stx";import{toValue}from"./_shared";export function useEventSource(url,events=[],options={}){const{withCredentials=!1,immediate=!0}=options,data=ref(null),event=ref(null),status=ref("CLOSED"),error=ref(null),eventSourceRef=ref(null);let listeners=[];function close(){const es=eventSourceRef.value;if(es){for(const{eventName,handler}of listeners)es.removeEventListener(eventName,handler);listeners=[];es.close();eventSourceRef.value=null;status.value="CLOSED"}}function open(){if(typeof EventSource>"u")return;close();const resolvedUrl=toValue(url);status.value="CONNECTING";const es=new EventSource(resolvedUrl,{withCredentials});eventSourceRef.value=es;es.onopen=()=>{status.value="OPEN";error.value=null};es.onerror=(e)=>{error.value=e;if(es.readyState===EventSource.CLOSED)status.value="CLOSED";else status.value="CONNECTING"};const messageHandler=(e)=>{const messageEvent=e;data.value=messageEvent.data;event.value="message"};es.addEventListener("message",messageHandler);listeners.push({eventName:"message",handler:messageHandler});for(const eventName of events){const handler=(e)=>{const messageEvent=e;data.value=messageEvent.data;event.value=eventName};es.addEventListener(eventName,handler);listeners.push({eventName,handler})}}if(immediate)open();try{onUnmounted(()=>{close()})}catch{}return{data,event,status,error,eventSource:eventSourceRef,close,open}}

package/dist/useEyeDropper.js

@@ -1,17 +1 @@
-import { ref } from "@stacksjs/stx";
-export function useEyeDropper() {
-  const isSupported = ref(typeof window < "u" && "EyeDropper" in window), sRGBHex = ref("");
-  async function open() {
-    if (!isSupported.value)
-      return;
-    const dropper = new window.EyeDropper;
-    try {
-      const result = await dropper.open();
-      sRGBHex.value = result.sRGBHex;
-      return result;
-    } catch {
-      return;
-    }
-  }
-  return { isSupported, sRGBHex, open };
-}
+import{ref}from"@stacksjs/stx";export function useEyeDropper(){const isSupported=ref(typeof window<"u"&&"EyeDropper"in window),sRGBHex=ref("");async function open(){if(!isSupported.value)return;const dropper=new window.EyeDropper;try{const result=await dropper.open();sRGBHex.value=result.sRGBHex;return result}catch{return}}return{isSupported,sRGBHex,open}}

package/dist/useFavicon.js

@@ -1,22 +1 @@
-import { ref, watch } from "@stacksjs/stx";
-import { toValue } from "./_shared";
-export function useFavicon(newIcon) {
-  const favicon = ref(toValue(newIcon ?? null));
-  function applyIcon(icon) {
-    if (typeof document > "u" || !icon)
-      return;
-    let link = document.querySelector('link[rel*="icon"]');
-    if (!link) {
-      link = document.createElement("link");
-      link.rel = "icon";
-      link.type = "image/x-icon";
-      document.head.appendChild(link);
-    }
-    link.href = icon;
-  }
-  watch(favicon, (val) => {
-    applyIcon(val);
-  });
-  applyIcon(favicon.value);
-  return favicon;
-}
+import{ref,watch}from"@stacksjs/stx";import{toValue}from"./_shared";export function useFavicon(newIcon){const favicon=ref(toValue(newIcon??null));function applyIcon(icon){if(typeof document>"u"||!icon)return;let link=document.querySelector('link[rel*="icon"]');if(!link){link=document.createElement("link");link.rel="icon";link.type="image/x-icon";document.head.appendChild(link)}link.href=icon}watch(favicon,(val)=>{applyIcon(val)});applyIcon(favicon.value);return favicon}

package/dist/useFetch.js

@@ -1,61 +1 @@
-import { ref } from "@stacksjs/stx";
-export function useFetch(url) {
-  let method = "GET", body;
-  const builder = {
-    get() {
-      method = "GET";
-      body = void 0;
-      return builder;
-    },
-    post(b) {
-      method = "POST";
-      body = b;
-      return builder;
-    },
-    patch(b) {
-      method = "PATCH";
-      body = b;
-      return builder;
-    },
-    put(b) {
-      method = "PUT";
-      body = b;
-      return builder;
-    },
-    delete() {
-      method = "DELETE";
-      body = void 0;
-      return builder;
-    },
-    json() {
-      const data = ref(null), error = ref(null), isFetching = ref(!0), init = {
-        method,
-        headers: { Accept: "application/json" }
-      };
-      if (body && method !== "GET" && method !== "DELETE") {
-        init.headers = { ...init.headers, "Content-Type": "application/json" };
-        init.body = body;
-      }
-      const result = { data, error }, fetchPromise = fetch(url, init).then(async (response) => {
-        const json = await response.json();
-        if (response.ok)
-          data.value = json;
-        else
-          error.value = json;
-      }).catch((e) => {
-        error.value = e;
-      }).finally(() => {
-        isFetching.value = !1;
-      });
-      return {
-        data,
-        error,
-        isFetching,
-        then(resolve) {
-          return fetchPromise.then(() => resolve(result));
-        }
-      };
-    }
-  };
-  return builder;
-}
+import{ref}from"@stacksjs/stx";export function useFetch(url){let method="GET",body;const builder={get(){method="GET";body=void 0;return builder},post(b){method="POST";body=b;return builder},patch(b){method="PATCH";body=b;return builder},put(b){method="PUT";body=b;return builder},delete(){method="DELETE";body=void 0;return builder},json(){const data=ref(null),error=ref(null),isFetching=ref(!0),init={method,headers:{Accept:"application/json"}};if(body&&method!=="GET"&&method!=="DELETE"){init.headers={...init.headers,"Content-Type":"application/json"};init.body=body}const result={data,error},fetchPromise=fetch(url,init).then(async(response)=>{const json=await response.json();if(response.ok)data.value=json;else error.value=json}).catch((e)=>{error.value=e}).finally(()=>{isFetching.value=!1});return{data,error,isFetching,then(resolve){return fetchPromise.then(()=>resolve(result))}}}};return builder}

package/dist/useFileDialog.js

@@ -1,24 +1 @@
-import { ref } from "@stacksjs/stx";
-export function useFileDialog(options = {}) {
-  const files = ref(null);
-  function open(overrideOptions) {
-    if (typeof document > "u")
-      return;
-    const opts = { ...options, ...overrideOptions }, input = document.createElement("input");
-    input.type = "file";
-    if (opts.accept)
-      input.accept = opts.accept;
-    if (opts.multiple)
-      input.multiple = !0;
-    if (opts.capture)
-      input.setAttribute("capture", opts.capture);
-    input.onchange = () => {
-      files.value = input.files;
-    };
-    input.click();
-  }
-  function reset() {
-    files.value = null;
-  }
-  return { files, open, reset };
-}
+import{ref}from"@stacksjs/stx";export function useFileDialog(options={}){const files=ref(null);function open(overrideOptions){if(typeof document>"u")return;const opts={...options,...overrideOptions},input=document.createElement("input");input.type="file";if(opts.accept)input.accept=opts.accept;if(opts.multiple)input.multiple=!0;if(opts.capture)input.setAttribute("capture",opts.capture);input.onchange=()=>{files.value=input.files};input.click()}function reset(){files.value=null}return{files,open,reset}}

package/dist/useFocus.js

@@ -1,42 +1 @@
-import { onUnmounted, ref, watch } from "@stacksjs/stx";
-import { unref } from "./_shared";
-export function useFocus(target, options = {}) {
-  const { initialValue = !1 } = options, focused = ref(initialValue);
-  let cleanup = () => {};
-  function setup(el) {
-    cleanup();
-    if (!el)
-      return;
-    const onFocus = () => {
-      focused.value = !0;
-    }, onBlur = () => {
-      focused.value = !1;
-    };
-    el.addEventListener("focus", onFocus, { passive: !0 });
-    el.addEventListener("blur", onBlur, { passive: !0 });
-    cleanup = () => {
-      el.removeEventListener("focus", onFocus);
-      el.removeEventListener("blur", onBlur);
-      cleanup = () => {};
-    };
-    if (document.activeElement === el)
-      focused.value = !0;
-    if (initialValue)
-      el.focus();
-  }
-  const el = unref(target);
-  setup(el);
-  watch(focused, (val) => {
-    const element = unref(target);
-    if (!element)
-      return;
-    if (val)
-      element.focus();
-    else
-      element.blur();
-  });
-  try {
-    onUnmounted(() => cleanup());
-  } catch {}
-  return { focused };
-}
+import{onUnmounted,ref,watch}from"@stacksjs/stx";import{unref}from"./_shared";export function useFocus(target,options={}){const{initialValue=!1}=options,focused=ref(initialValue);let cleanup=()=>{};function setup(el){cleanup();if(!el)return;const onFocus=()=>{focused.value=!0},onBlur=()=>{focused.value=!1};el.addEventListener("focus",onFocus,{passive:!0});el.addEventListener("blur",onBlur,{passive:!0});cleanup=()=>{el.removeEventListener("focus",onFocus);el.removeEventListener("blur",onBlur);cleanup=()=>{}};if(document.activeElement===el)focused.value=!0;if(initialValue)el.focus()}const el=unref(target);setup(el);watch(focused,(val)=>{const element=unref(target);if(!element)return;if(val)element.focus();else element.blur()});try{onUnmounted(()=>cleanup())}catch{}return{focused}}

package/dist/useFocusWithin.js

@@ -1,29 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-import { unref } from "./_shared";
-export function useFocusWithin(target) {
-  const focused = ref(!1);
-  let cleanup = () => {};
-  function setup(el) {
-    cleanup();
-    if (!el)
-      return;
-    const onFocusIn = () => {
-      focused.value = !0;
-    }, onFocusOut = (e) => {
-      if (!el.contains(e.relatedTarget))
-        focused.value = !1;
-    };
-    el.addEventListener("focusin", onFocusIn, { passive: !0 });
-    el.addEventListener("focusout", onFocusOut);
-    cleanup = () => {
-      el.removeEventListener("focusin", onFocusIn);
-      el.removeEventListener("focusout", onFocusOut);
-      cleanup = () => {};
-    };
-  }
-  setup(unref(target));
-  try {
-    onUnmounted(() => cleanup());
-  } catch {}
-  return { focused };
-}
+import{onUnmounted,ref}from"@stacksjs/stx";import{unref}from"./_shared";export function useFocusWithin(target){const focused=ref(!1);let cleanup=()=>{};function setup(el){cleanup();if(!el)return;const onFocusIn=()=>{focused.value=!0},onFocusOut=(e)=>{if(!el.contains(e.relatedTarget))focused.value=!1};el.addEventListener("focusin",onFocusIn,{passive:!0});el.addEventListener("focusout",onFocusOut);cleanup=()=>{el.removeEventListener("focusin",onFocusIn);el.removeEventListener("focusout",onFocusOut);cleanup=()=>{}}}setup(unref(target));try{onUnmounted(()=>cleanup())}catch{}return{focused}}