@stacksjs/composables 0.70.258 → 0.70.260

package/dist/useRefHistory.js

@@ -1,72 +1 @@
-import { computed, ref, watch } from "@stacksjs/stx";
-function cloneValue(val, shouldClone) {
-  if (!shouldClone)
-    return val;
-  if (typeof structuredClone === "function")
-    return structuredClone(val);
-  return JSON.parse(JSON.stringify(val));
-}
-export function useRefHistory(source, options = {}) {
-  const { capacity = 1 / 0, deep = !1, clone = !1 } = options, undoStack = ref([
-    { snapshot: cloneValue(source.value, clone), timestamp: Date.now() }
-  ]), redoStack = ref([]);
-  let isUndoRedoing = !1;
-  const canUndo = computed(() => undoStack.value.length > 1), canRedo = computed(() => redoStack.value.length > 0), last = computed(() => {
-    return undoStack.value[undoStack.value.length - 1];
-  });
-  function commit() {
-    const record = {
-      snapshot: cloneValue(source.value, clone),
-      timestamp: Date.now()
-    };
-    undoStack.value = [...undoStack.value, record];
-    if (capacity !== 1 / 0 && undoStack.value.length > capacity)
-      undoStack.value = undoStack.value.slice(undoStack.value.length - capacity);
-    redoStack.value = [];
-  }
-  function undo() {
-    if (undoStack.value.length <= 1)
-      return;
-    isUndoRedoing = !0;
-    const current = undoStack.value[undoStack.value.length - 1], newUndoStack = undoStack.value.slice(0, -1);
-    undoStack.value = newUndoStack;
-    if (current)
-      redoStack.value = [...redoStack.value, current];
-    const previous = newUndoStack[newUndoStack.length - 1];
-    if (previous)
-      source.value = cloneValue(previous.snapshot, clone);
-    isUndoRedoing = !1;
-  }
-  function redo() {
-    if (redoStack.value.length === 0)
-      return;
-    isUndoRedoing = !0;
-    const next = redoStack.value[redoStack.value.length - 1];
-    redoStack.value = redoStack.value.slice(0, -1);
-    if (next) {
-      undoStack.value = [...undoStack.value, next];
-      source.value = cloneValue(next.snapshot, clone);
-    }
-    isUndoRedoing = !1;
-  }
-  function clear() {
-    undoStack.value = [
-      { snapshot: cloneValue(source.value, clone), timestamp: Date.now() }
-    ];
-    redoStack.value = [];
-  }
-  watch(source, () => {
-    if (!isUndoRedoing)
-      commit();
-  }, { deep });
-  return {
-    history: undoStack,
-    commit,
-    undo,
-    redo,
-    canUndo,
-    canRedo,
-    clear,
-    last
-  };
-}
+import{computed,ref,watch}from"@stacksjs/stx";function cloneValue(val,shouldClone){if(!shouldClone)return val;if(typeof structuredClone==="function")return structuredClone(val);return JSON.parse(JSON.stringify(val))}export function useRefHistory(source,options={}){const{capacity=1/0,deep=!1,clone=!1}=options,undoStack=ref([{snapshot:cloneValue(source.value,clone),timestamp:Date.now()}]),redoStack=ref([]);let isUndoRedoing=!1;const canUndo=computed(()=>undoStack.value.length>1),canRedo=computed(()=>redoStack.value.length>0),last=computed(()=>{return undoStack.value[undoStack.value.length-1]});function commit(){const record={snapshot:cloneValue(source.value,clone),timestamp:Date.now()};undoStack.value=[...undoStack.value,record];if(capacity!==1/0&&undoStack.value.length>capacity)undoStack.value=undoStack.value.slice(undoStack.value.length-capacity);redoStack.value=[]}function undo(){if(undoStack.value.length<=1)return;isUndoRedoing=!0;const current=undoStack.value[undoStack.value.length-1],newUndoStack=undoStack.value.slice(0,-1);undoStack.value=newUndoStack;if(current)redoStack.value=[...redoStack.value,current];const previous=newUndoStack[newUndoStack.length-1];if(previous)source.value=cloneValue(previous.snapshot,clone);isUndoRedoing=!1}function redo(){if(redoStack.value.length===0)return;isUndoRedoing=!0;const next=redoStack.value[redoStack.value.length-1];redoStack.value=redoStack.value.slice(0,-1);if(next){undoStack.value=[...undoStack.value,next];source.value=cloneValue(next.snapshot,clone)}isUndoRedoing=!1}function clear(){undoStack.value=[{snapshot:cloneValue(source.value,clone),timestamp:Date.now()}];redoStack.value=[]}watch(source,()=>{if(!isUndoRedoing)commit()},{deep});return{history:undoStack,commit,undo,redo,canUndo,canRedo,clear,last}}

package/dist/useResizeObserver.js

@@ -1,27 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-import { unref, noop } from "./_shared";
-export function useResizeObserver(target, callback, options) {
-  const isSupported = ref(typeof window < "u" && "ResizeObserver" in window);
-  let cleanup = noop;
-  (() => {
-    cleanup();
-    if (!isSupported.value)
-      return;
-    const el = unref(target);
-    if (!el)
-      return;
-    const observer = new ResizeObserver(callback);
-    observer.observe(el, options);
-    cleanup = () => {
-      observer.disconnect();
-      cleanup = noop;
-    };
-  })();
-  const stop = () => {
-    cleanup();
-  };
-  try {
-    onUnmounted(stop);
-  } catch {}
-  return { isSupported, stop };
-}
+import{onUnmounted,ref}from"@stacksjs/stx";import{unref,noop}from"./_shared";export function useResizeObserver(target,callback,options){const isSupported=ref(typeof window<"u"&&"ResizeObserver"in window);let cleanup=noop;(()=>{cleanup();if(!isSupported.value)return;const el=unref(target);if(!el)return;const observer=new ResizeObserver(callback);observer.observe(el,options);cleanup=()=>{observer.disconnect();cleanup=noop}})();const stop=()=>{cleanup()};try{onUnmounted(stop)}catch{}return{isSupported,stop}}

package/dist/useScreenOrientation.js

@@ -1,27 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-export function useScreenOrientation() {
-  const isSupported = ref(typeof screen < "u" && "orientation" in screen), orientation = ref(void 0), angle = ref(0);
-  if (isSupported.value) {
-    orientation.value = screen.orientation.type;
-    angle.value = screen.orientation.angle;
-    const handler = () => {
-      orientation.value = screen.orientation.type;
-      angle.value = screen.orientation.angle;
-    };
-    screen.orientation.addEventListener("change", handler);
-    try {
-      onUnmounted(() => {
-        screen.orientation.removeEventListener("change", handler);
-      });
-    } catch {}
-  }
-  async function lockOrientation(type) {
-    if (isSupported.value)
-      await screen.orientation.lock(type);
-  }
-  function unlockOrientation() {
-    if (isSupported.value)
-      screen.orientation.unlock();
-  }
-  return { isSupported, orientation, angle, lockOrientation, unlockOrientation };
-}
+import{onUnmounted,ref}from"@stacksjs/stx";export function useScreenOrientation(){const isSupported=ref(typeof screen<"u"&&"orientation"in screen),orientation=ref(void 0),angle=ref(0);if(isSupported.value){orientation.value=screen.orientation.type;angle.value=screen.orientation.angle;const handler=()=>{orientation.value=screen.orientation.type;angle.value=screen.orientation.angle};screen.orientation.addEventListener("change",handler);try{onUnmounted(()=>{screen.orientation.removeEventListener("change",handler)})}catch{}}async function lockOrientation(type){if(isSupported.value)await screen.orientation.lock(type)}function unlockOrientation(){if(isSupported.value)screen.orientation.unlock()}return{isSupported,orientation,angle,lockOrientation,unlockOrientation}}

package/dist/useScreenSafeArea.js

@@ -1,25 +1 @@
-import { ref } from "@stacksjs/stx";
-export function useScreenSafeArea() {
-  const top = ref("0px"), right = ref("0px"), bottom = ref("0px"), left = ref("0px");
-  function update() {
-    if (typeof document > "u" || typeof getComputedStyle > "u")
-      return;
-    const div = document.createElement("div");
-    div.style.position = "fixed";
-    div.style.top = "env(safe-area-inset-top, 0px)";
-    div.style.right = "env(safe-area-inset-right, 0px)";
-    div.style.bottom = "env(safe-area-inset-bottom, 0px)";
-    div.style.left = "env(safe-area-inset-left, 0px)";
-    div.style.pointerEvents = "none";
-    div.style.visibility = "hidden";
-    document.body.appendChild(div);
-    const style = getComputedStyle(div);
-    top.value = style.top;
-    right.value = style.right;
-    bottom.value = style.bottom;
-    left.value = style.left;
-    document.body.removeChild(div);
-  }
-  update();
-  return { top, right, bottom, left, update };
-}
+import{ref}from"@stacksjs/stx";export function useScreenSafeArea(){const top=ref("0px"),right=ref("0px"),bottom=ref("0px"),left=ref("0px");function update(){if(typeof document>"u"||typeof getComputedStyle>"u")return;const div=document.createElement("div");div.style.position="fixed";div.style.top="env(safe-area-inset-top, 0px)";div.style.right="env(safe-area-inset-right, 0px)";div.style.bottom="env(safe-area-inset-bottom, 0px)";div.style.left="env(safe-area-inset-left, 0px)";div.style.pointerEvents="none";div.style.visibility="hidden";document.body.appendChild(div);const style=getComputedStyle(div);top.value=style.top;right.value=style.right;bottom.value=style.bottom;left.value=style.left;document.body.removeChild(div)}update();return{top,right,bottom,left,update}}

package/dist/useScriptTag.js

@@ -1,52 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-export function useScriptTag(src, onLoaded, options = {}) {
-  const {
-    immediate = !0,
-    type = "text/javascript",
-    manual = !1,
-    attrs = {}
-  } = options, scriptTag = ref(null);
-  function load() {
-    return new Promise((resolve, reject) => {
-      if (typeof document > "u") {
-        reject(Error("Document is not available"));
-        return;
-      }
-      const el = document.createElement("script");
-      el.type = type;
-      el.src = src;
-      if (options.async)
-        el.async = !0;
-      if (options.defer)
-        el.defer = !0;
-      if (options.crossOrigin)
-        el.crossOrigin = options.crossOrigin;
-      if (options.referrerPolicy)
-        el.referrerPolicy = options.referrerPolicy;
-      for (const [key, value] of Object.entries(attrs))
-        el.setAttribute(key, value);
-      el.addEventListener("load", () => {
-        scriptTag.value = el;
-        onLoaded?.(el);
-        resolve(el);
-      });
-      el.addEventListener("error", (event) => {
-        reject(event);
-      });
-      document.head.appendChild(el);
-    });
-  }
-  function unload() {
-    if (scriptTag.value) {
-      scriptTag.value.remove();
-      scriptTag.value = null;
-    }
-  }
-  if (immediate)
-    load();
-  if (!manual)
-    try {
-      onUnmounted(() => unload());
-    } catch {}
-  return { scriptTag, load, unload };
-}
+import{onUnmounted,ref}from"@stacksjs/stx";export function useScriptTag(src,onLoaded,options={}){const{immediate=!0,type="text/javascript",manual=!1,attrs={}}=options,scriptTag=ref(null);function load(){return new Promise((resolve,reject)=>{if(typeof document>"u"){reject(Error("Document is not available"));return}const el=document.createElement("script");el.type=type;el.src=src;if(options.async)el.async=!0;if(options.defer)el.defer=!0;if(options.crossOrigin)el.crossOrigin=options.crossOrigin;if(options.referrerPolicy)el.referrerPolicy=options.referrerPolicy;for(const[key,value]of Object.entries(attrs))el.setAttribute(key,value);el.addEventListener("load",()=>{scriptTag.value=el;onLoaded?.(el);resolve(el)});el.addEventListener("error",(event)=>{reject(event)});document.head.appendChild(el)})}function unload(){if(scriptTag.value){scriptTag.value.remove();scriptTag.value=null}}if(immediate)load();if(!manual)try{onUnmounted(()=>unload())}catch{}return{scriptTag,load,unload}}

package/dist/useScroll.js

@@ -1,116 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-import { unref } from "./_shared";
-export function useScroll(target, options) {
-  const { throttle = 0, offset = {} } = options ?? {}, offsetTop = offset.top ?? 0, offsetBottom = offset.bottom ?? 0, offsetLeft = offset.left ?? 0, offsetRight = offset.right ?? 0, x = ref(0), y = ref(0), isScrolling = ref(!1), arrivedTop = ref(!0), arrivedBottom = ref(!1), arrivedLeft = ref(!0), arrivedRight = ref(!1), dirTop = ref(!1), dirBottom = ref(!1), dirLeft = ref(!1), dirRight = ref(!1);
-  let scrollingTimer, lastX = 0, lastY = 0, throttleTimer, isThrottled = !1;
-  function getScrollPosition(el) {
-    if (typeof window < "u" && el === window || "innerHeight" in el && "scrollX" in el) {
-      const win = el, doc = typeof document < "u" ? document : void 0;
-      return {
-        scrollLeft: win.scrollX ?? win.pageXOffset ?? 0,
-        scrollTop: win.scrollY ?? win.pageYOffset ?? 0,
-        scrollHeight: doc?.documentElement?.scrollHeight ?? 0,
-        scrollWidth: doc?.documentElement?.scrollWidth ?? 0,
-        clientHeight: win.innerHeight,
-        clientWidth: win.innerWidth
-      };
-    }
-    if (typeof document < "u" && el === document || "documentElement" in el) {
-      const docEl = el.documentElement;
-      return {
-        scrollLeft: docEl.scrollLeft,
-        scrollTop: docEl.scrollTop,
-        scrollHeight: docEl.scrollHeight,
-        scrollWidth: docEl.scrollWidth,
-        clientHeight: docEl.clientHeight,
-        clientWidth: docEl.clientWidth
-      };
-    }
-    const htmlEl = el;
-    return {
-      scrollLeft: htmlEl.scrollLeft,
-      scrollTop: htmlEl.scrollTop,
-      scrollHeight: htmlEl.scrollHeight,
-      scrollWidth: htmlEl.scrollWidth,
-      clientHeight: htmlEl.clientHeight,
-      clientWidth: htmlEl.clientWidth
-    };
-  }
-  function update() {
-    const el = target ? unref(target) : typeof window < "u" ? window : null;
-    if (!el)
-      return;
-    const pos = getScrollPosition(el);
-    dirTop.value = pos.scrollTop < lastY;
-    dirBottom.value = pos.scrollTop > lastY;
-    dirLeft.value = pos.scrollLeft < lastX;
-    dirRight.value = pos.scrollLeft > lastX;
-    lastX = pos.scrollLeft;
-    lastY = pos.scrollTop;
-    x.value = pos.scrollLeft;
-    y.value = pos.scrollTop;
-    arrivedTop.value = pos.scrollTop <= offsetTop;
-    arrivedLeft.value = pos.scrollLeft <= offsetLeft;
-    arrivedBottom.value = pos.scrollTop + pos.clientHeight >= pos.scrollHeight - offsetBottom;
-    arrivedRight.value = pos.scrollLeft + pos.clientWidth >= pos.scrollWidth - offsetRight;
-    isScrolling.value = !0;
-    if (scrollingTimer)
-      clearTimeout(scrollingTimer);
-    scrollingTimer = setTimeout(() => {
-      isScrolling.value = !1;
-    }, 150);
-  }
-  function onScroll() {
-    if (throttle > 0) {
-      if (!isThrottled) {
-        update();
-        isThrottled = !0;
-        throttleTimer = setTimeout(() => {
-          isThrottled = !1;
-        }, throttle);
-      }
-    } else
-      update();
-  }
-  if (typeof window < "u") {
-    const el = target ? unref(target) : window;
-    if (el) {
-      const pos = getScrollPosition(el);
-      x.value = pos.scrollLeft;
-      y.value = pos.scrollTop;
-      lastX = pos.scrollLeft;
-      lastY = pos.scrollTop;
-      arrivedTop.value = pos.scrollTop <= offsetTop;
-      arrivedLeft.value = pos.scrollLeft <= offsetLeft;
-      arrivedBottom.value = pos.scrollTop + pos.clientHeight >= pos.scrollHeight - offsetBottom;
-      arrivedRight.value = pos.scrollLeft + pos.clientWidth >= pos.scrollWidth - offsetRight;
-      el.addEventListener("scroll", onScroll, { passive: !0 });
-      try {
-        onUnmounted(() => {
-          el.removeEventListener("scroll", onScroll);
-          if (scrollingTimer)
-            clearTimeout(scrollingTimer);
-          if (throttleTimer)
-            clearTimeout(throttleTimer);
-        });
-      } catch {}
-    }
-  }
-  return {
-    x,
-    y,
-    isScrolling,
-    arrivedState: {
-      top: arrivedTop,
-      bottom: arrivedBottom,
-      left: arrivedLeft,
-      right: arrivedRight
-    },
-    directions: {
-      top: dirTop,
-      bottom: dirBottom,
-      left: dirLeft,
-      right: dirRight
-    }
-  };
-}
+import{onUnmounted,ref}from"@stacksjs/stx";import{unref}from"./_shared";export function useScroll(target,options){const{throttle=0,offset={}}=options??{},offsetTop=offset.top??0,offsetBottom=offset.bottom??0,offsetLeft=offset.left??0,offsetRight=offset.right??0,x=ref(0),y=ref(0),isScrolling=ref(!1),arrivedTop=ref(!0),arrivedBottom=ref(!1),arrivedLeft=ref(!0),arrivedRight=ref(!1),dirTop=ref(!1),dirBottom=ref(!1),dirLeft=ref(!1),dirRight=ref(!1);let scrollingTimer,lastX=0,lastY=0,throttleTimer,isThrottled=!1;function getScrollPosition(el){if(typeof window<"u"&&el===window||"innerHeight"in el&&"scrollX"in el){const win=el,doc=typeof document<"u"?document:void 0;return{scrollLeft:win.scrollX??win.pageXOffset??0,scrollTop:win.scrollY??win.pageYOffset??0,scrollHeight:doc?.documentElement?.scrollHeight??0,scrollWidth:doc?.documentElement?.scrollWidth??0,clientHeight:win.innerHeight,clientWidth:win.innerWidth}}if(typeof document<"u"&&el===document||"documentElement"in el){const docEl=el.documentElement;return{scrollLeft:docEl.scrollLeft,scrollTop:docEl.scrollTop,scrollHeight:docEl.scrollHeight,scrollWidth:docEl.scrollWidth,clientHeight:docEl.clientHeight,clientWidth:docEl.clientWidth}}const htmlEl=el;return{scrollLeft:htmlEl.scrollLeft,scrollTop:htmlEl.scrollTop,scrollHeight:htmlEl.scrollHeight,scrollWidth:htmlEl.scrollWidth,clientHeight:htmlEl.clientHeight,clientWidth:htmlEl.clientWidth}}function update(){const el=target?unref(target):typeof window<"u"?window:null;if(!el)return;const pos=getScrollPosition(el);dirTop.value=pos.scrollTop<lastY;dirBottom.value=pos.scrollTop>lastY;dirLeft.value=pos.scrollLeft<lastX;dirRight.value=pos.scrollLeft>lastX;lastX=pos.scrollLeft;lastY=pos.scrollTop;x.value=pos.scrollLeft;y.value=pos.scrollTop;arrivedTop.value=pos.scrollTop<=offsetTop;arrivedLeft.value=pos.scrollLeft<=offsetLeft;arrivedBottom.value=pos.scrollTop+pos.clientHeight>=pos.scrollHeight-offsetBottom;arrivedRight.value=pos.scrollLeft+pos.clientWidth>=pos.scrollWidth-offsetRight;isScrolling.value=!0;if(scrollingTimer)clearTimeout(scrollingTimer);scrollingTimer=setTimeout(()=>{isScrolling.value=!1},150)}function onScroll(){if(throttle>0){if(!isThrottled){update();isThrottled=!0;throttleTimer=setTimeout(()=>{isThrottled=!1},throttle)}}else update()}if(typeof window<"u"){const el=target?unref(target):window;if(el){const pos=getScrollPosition(el);x.value=pos.scrollLeft;y.value=pos.scrollTop;lastX=pos.scrollLeft;lastY=pos.scrollTop;arrivedTop.value=pos.scrollTop<=offsetTop;arrivedLeft.value=pos.scrollLeft<=offsetLeft;arrivedBottom.value=pos.scrollTop+pos.clientHeight>=pos.scrollHeight-offsetBottom;arrivedRight.value=pos.scrollLeft+pos.clientWidth>=pos.scrollWidth-offsetRight;el.addEventListener("scroll",onScroll,{passive:!0});try{onUnmounted(()=>{el.removeEventListener("scroll",onScroll);if(scrollingTimer)clearTimeout(scrollingTimer);if(throttleTimer)clearTimeout(throttleTimer)})}catch{}}}return{x,y,isScrolling,arrivedState:{top:arrivedTop,bottom:arrivedBottom,left:arrivedLeft,right:arrivedRight},directions:{top:dirTop,bottom:dirBottom,left:dirLeft,right:dirRight}}}

package/dist/useScrollLock.js

@@ -1,39 +1 @@
-import { onUnmounted, ref, watch } from "@stacksjs/stx";
-import { unref } from "./_shared";
-export function useScrollLock(element) {
-  const isLocked = ref(!1);
-  let originalOverflow = "";
-  function getElement() {
-    if (element)
-      return unref(element);
-    if (typeof document < "u")
-      return document.body;
-    return null;
-  }
-  function lock() {
-    const el = getElement();
-    if (!el)
-      return;
-    originalOverflow = el.style.overflow;
-    el.style.overflow = "hidden";
-  }
-  function unlock() {
-    const el = getElement();
-    if (!el)
-      return;
-    el.style.overflow = originalOverflow;
-  }
-  watch(isLocked, (val) => {
-    if (val)
-      lock();
-    else
-      unlock();
-  });
-  try {
-    onUnmounted(() => {
-      if (isLocked.value)
-        unlock();
-    });
-  } catch {}
-  return isLocked;
-}
+import{onUnmounted,ref,watch}from"@stacksjs/stx";import{unref}from"./_shared";export function useScrollLock(element){const isLocked=ref(!1);let originalOverflow="";function getElement(){if(element)return unref(element);if(typeof document<"u")return document.body;return null}function lock(){const el=getElement();if(!el)return;originalOverflow=el.style.overflow;el.style.overflow="hidden"}function unlock(){const el=getElement();if(!el)return;el.style.overflow=originalOverflow}watch(isLocked,(val)=>{if(val)lock();else unlock()});try{onUnmounted(()=>{if(isLocked.value)unlock()})}catch{}return isLocked}

package/dist/useSessionStorage.js

@@ -1,4 +1 @@
-import { useStorage } from "./useStorage";
-export function useSessionStorage(key, defaultValue, options) {
-  return useStorage(key, defaultValue, typeof sessionStorage < "u" ? sessionStorage : void 0, options);
-}
+import{useStorage}from"./useStorage";export function useSessionStorage(key,defaultValue,options){return useStorage(key,defaultValue,typeof sessionStorage<"u"?sessionStorage:void 0,options)}

package/dist/useShare.js

@@ -1,11 +1 @@
-import { ref } from "@stacksjs/stx";
-export function useShare(options = {}) {
-  const isSupported = ref(typeof navigator < "u" && "share" in navigator);
-  async function share(overrideOptions) {
-    if (!isSupported.value)
-      return;
-    const shareData = { ...options, ...overrideOptions };
-    await navigator.share(shareData);
-  }
-  return { share, isSupported };
-}
+import{ref}from"@stacksjs/stx";export function useShare(options={}){const isSupported=ref(typeof navigator<"u"&&"share"in navigator);async function share(overrideOptions){if(!isSupported.value)return;const shareData={...options,...overrideOptions};await navigator.share(shareData)}return{share,isSupported}}

package/dist/useSorted.js

@@ -1,10 +1 @@
-import { computed } from "@stacksjs/stx";
-import { unref } from "./_shared";
-export function useSorted(source, compareFn) {
-  return computed(() => {
-    const arr = [...unref(source)];
-    if (compareFn)
-      return arr.sort(compareFn);
-    return arr.sort();
-  });
-}
+import{computed}from"@stacksjs/stx";import{unref}from"./_shared";export function useSorted(source,compareFn){return computed(()=>{const arr=[...unref(source)];if(compareFn)return arr.sort(compareFn);return arr.sort()})}

package/dist/useStepper.js

@@ -1,46 +1 @@
-import { computed, ref } from "@stacksjs/stx";
-export function useStepper(steps, initialStep) {
-  const stepsRef = ref([...steps]), initialIndex = initialStep !== void 0 ? steps.indexOf(initialStep) : 0, index = ref(initialIndex >= 0 ? initialIndex : 0), current = computed(() => stepsRef.value[index.value]), isFirst = computed(() => index.value === 0), isLast = computed(() => index.value === stepsRef.value.length - 1);
-  function next() {
-    if (index.value < stepsRef.value.length - 1)
-      index.value++;
-  }
-  function previous() {
-    if (index.value > 0)
-      index.value--;
-  }
-  function goTo(step) {
-    const idx = stepsRef.value.indexOf(step);
-    if (idx >= 0)
-      index.value = idx;
-  }
-  function goToIndex(idx) {
-    if (idx >= 0 && idx < stepsRef.value.length)
-      index.value = idx;
-  }
-  function isBefore(step) {
-    const stepIndex = stepsRef.value.indexOf(step);
-    return stepIndex >= 0 && index.value < stepIndex;
-  }
-  function isAfter(step) {
-    const stepIndex = stepsRef.value.indexOf(step);
-    return stepIndex >= 0 && index.value > stepIndex;
-  }
-  function isCurrent(step) {
-    return stepsRef.value[index.value] === step;
-  }
-  return {
-    steps: stepsRef,
-    current,
-    index,
-    isFirst,
-    isLast,
-    next,
-    previous,
-    goTo,
-    goToIndex,
-    isBefore,
-    isAfter,
-    isCurrent
-  };
-}
+import{computed,ref}from"@stacksjs/stx";export function useStepper(steps,initialStep){const stepsRef=ref([...steps]),initialIndex=initialStep!==void 0?steps.indexOf(initialStep):0,index=ref(initialIndex>=0?initialIndex:0),current=computed(()=>stepsRef.value[index.value]),isFirst=computed(()=>index.value===0),isLast=computed(()=>index.value===stepsRef.value.length-1);function next(){if(index.value<stepsRef.value.length-1)index.value++}function previous(){if(index.value>0)index.value--}function goTo(step){const idx=stepsRef.value.indexOf(step);if(idx>=0)index.value=idx}function goToIndex(idx){if(idx>=0&&idx<stepsRef.value.length)index.value=idx}function isBefore(step){const stepIndex=stepsRef.value.indexOf(step);return stepIndex>=0&&index.value<stepIndex}function isAfter(step){const stepIndex=stepsRef.value.indexOf(step);return stepIndex>=0&&index.value>stepIndex}function isCurrent(step){return stepsRef.value[index.value]===step}return{steps:stepsRef,current,index,isFirst,isLast,next,previous,goTo,goToIndex,isBefore,isAfter,isCurrent}}

package/dist/useStorage.js

@@ -1,54 +1 @@
-import { onUnmounted, ref, watch } from "@stacksjs/stx";
-export function useStorage(key, defaultValue, storage, options) {
-  const store = storage ?? (typeof localStorage < "u" ? localStorage : void 0), serializer = options?.serializer ?? {
-    read: (raw) => {
-      try {
-        return JSON.parse(raw);
-      } catch {
-        return raw;
-      }
-    },
-    write: (value) => JSON.stringify(value)
-  };
-  let initialValue = defaultValue;
-  if (store)
-    try {
-      const raw = store.getItem(key);
-      if (raw !== null)
-        initialValue = serializer.read(raw);
-    } catch {}
-  const data = ref(initialValue);
-  watch(data, (val) => {
-    if (!store)
-      return;
-    try {
-      if (val === null || val === void 0)
-        store.removeItem(key);
-      else
-        store.setItem(key, serializer.write(val));
-    } catch (err) {
-      const name = err?.name ?? "", msg = err?.message ?? String(err);
-      if (name === "QuotaExceededError" || /quota/i.test(msg))
-        console.warn(`[useStorage] ${key}: storage quota exceeded \u2014 value not persisted.`);
-      else
-        console.warn(`[useStorage] ${key}: failed to persist value \u2014 ${msg}`);
-    }
-  });
-  if (typeof window < "u") {
-    const onStorageChange = (e) => {
-      if (e.key !== key || e.storageArea !== store)
-        return;
-      if (e.newValue === null)
-        data.value = defaultValue;
-      else
-        try {
-          data.value = serializer.read(e.newValue);
-        } catch {
-          data.value = defaultValue;
-        }
-    };
-    window.addEventListener("storage", onStorageChange);
-    onUnmounted(() => window.removeEventListener("storage", onStorageChange));
-  }
-  return data;
-}
+import{onUnmounted,ref,watch}from"@stacksjs/stx";export function useStorage(key,defaultValue,storage,options){const store=storage??(typeof localStorage<"u"?localStorage:void 0),serializer=options?.serializer??{read:(raw)=>{try{return JSON.parse(raw)}catch{return raw}},write:(value)=>JSON.stringify(value)};let initialValue=defaultValue;if(store)try{const raw=store.getItem(key);if(raw!==null)initialValue=serializer.read(raw)}catch{}const data=ref(initialValue);watch(data,(val)=>{if(!store)return;try{if(val===null||val===void 0)store.removeItem(key);else store.setItem(key,serializer.write(val))}catch(err){const name=err?.name??"",msg=err?.message??String(err);if(name==="QuotaExceededError"||/quota/i.test(msg))console.warn(`[useStorage] ${key}: storage quota exceeded \u2014 value not persisted.`);else console.warn(`[useStorage] ${key}: failed to persist value \u2014 ${msg}`)}});if(typeof window<"u"){const onStorageChange=(e)=>{if(e.key!==key||e.storageArea!==store)return;if(e.newValue===null)data.value=defaultValue;else try{data.value=serializer.read(e.newValue)}catch{data.value=defaultValue}};window.addEventListener("storage",onStorageChange);onUnmounted(()=>window.removeEventListener("storage",onStorageChange))}return data}

package/dist/useStyleTag.js

@@ -1,39 +1 @@
-import { onUnmounted, ref, watch } from "@stacksjs/stx";
-export function useStyleTag(initialCss, options = {}) {
-  const {
-    immediate = !0,
-    id = `style-${Math.random().toString(36).slice(2, 9)}`,
-    media
-  } = options, css = ref(initialCss), isLoaded = ref(!1);
-  let styleEl = null;
-  function load() {
-    if (typeof document > "u")
-      return;
-    if (styleEl)
-      return;
-    styleEl = document.createElement("style");
-    styleEl.id = id;
-    if (media)
-      styleEl.media = media;
-    styleEl.textContent = css.value;
-    document.head.appendChild(styleEl);
-    isLoaded.value = !0;
-  }
-  function unload() {
-    if (styleEl) {
-      styleEl.remove();
-      styleEl = null;
-      isLoaded.value = !1;
-    }
-  }
-  watch(css, (val) => {
-    if (styleEl)
-      styleEl.textContent = val;
-  });
-  if (immediate)
-    load();
-  try {
-    onUnmounted(() => unload());
-  } catch {}
-  return { id, css, load, unload, isLoaded };
-}
+import{onUnmounted,ref,watch}from"@stacksjs/stx";export function useStyleTag(initialCss,options={}){const{immediate=!0,id=`style-${Math.random().toString(36).slice(2,9)}`,media}=options,css=ref(initialCss),isLoaded=ref(!1);let styleEl=null;function load(){if(typeof document>"u")return;if(styleEl)return;styleEl=document.createElement("style");styleEl.id=id;if(media)styleEl.media=media;styleEl.textContent=css.value;document.head.appendChild(styleEl);isLoaded.value=!0}function unload(){if(styleEl){styleEl.remove();styleEl=null;isLoaded.value=!1}}watch(css,(val)=>{if(styleEl)styleEl.textContent=val});if(immediate)load();try{onUnmounted(()=>unload())}catch{}return{id,css,load,unload,isLoaded}}

package/dist/useSupported.js

@@ -1,10 +1 @@
-import { ref } from "@stacksjs/stx";
-export function useSupported(callback) {
-  const isSupported = ref(!1);
-  try {
-    isSupported.value = callback();
-  } catch {
-    isSupported.value = !1;
-  }
-  return isSupported;
-}
+import{ref}from"@stacksjs/stx";export function useSupported(callback){const isSupported=ref(!1);try{isSupported.value=callback()}catch{isSupported.value=!1}return isSupported}

package/dist/useSwipe.js

@@ -1,58 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-import { unref } from "./_shared";
-export function useSwipe(target, options = {}) {
-  const { threshold = 50, onSwipe, onSwipeStart, onSwipeEnd, passive = !0 } = options, isSwiping = ref(!1), direction = ref("none"), lengthX = ref(0), lengthY = ref(0);
-  let startX = 0, startY = 0;
-  if (typeof window > "u")
-    return { isSwiping, direction, lengthX, lengthY };
-  const el = unref(target) ?? window, onTouchStart = (e) => {
-    const touch = e.touches[0];
-    if (!touch)
-      return;
-    startX = touch.clientX;
-    startY = touch.clientY;
-    isSwiping.value = !0;
-    direction.value = "none";
-    lengthX.value = 0;
-    lengthY.value = 0;
-    onSwipeStart?.(e);
-  }, onTouchMove = (e) => {
-    if (!isSwiping.value)
-      return;
-    const touch = e.touches[0];
-    if (!touch)
-      return;
-    lengthX.value = touch.clientX - startX;
-    lengthY.value = touch.clientY - startY;
-    const absX = Math.abs(lengthX.value), absY = Math.abs(lengthY.value);
-    if (absX > absY)
-      direction.value = lengthX.value > 0 ? "right" : "left";
-    else if (absY > absX)
-      direction.value = lengthY.value > 0 ? "down" : "up";
-  }, onTouchEnd = (e) => {
-    if (!isSwiping.value)
-      return;
-    isSwiping.value = !1;
-    const absX = Math.abs(lengthX.value), absY = Math.abs(lengthY.value);
-    if (Math.max(absX, absY) >= threshold) {
-      onSwipe?.(direction.value);
-      onSwipeEnd?.(e, direction.value);
-    } else {
-      direction.value = "none";
-      onSwipeEnd?.(e, "none");
-    }
-  };
-  el.addEventListener("touchstart", onTouchStart, { passive });
-  el.addEventListener("touchmove", onTouchMove, { passive });
-  el.addEventListener("touchend", onTouchEnd, { passive });
-  el.addEventListener("touchcancel", onTouchEnd, { passive });
-  try {
-    onUnmounted(() => {
-      el.removeEventListener("touchstart", onTouchStart);
-      el.removeEventListener("touchmove", onTouchMove);
-      el.removeEventListener("touchend", onTouchEnd);
-      el.removeEventListener("touchcancel", onTouchEnd);
-    });
-  } catch {}
-  return { isSwiping, direction, lengthX, lengthY };
-}
+import{onUnmounted,ref}from"@stacksjs/stx";import{unref}from"./_shared";export function useSwipe(target,options={}){const{threshold=50,onSwipe,onSwipeStart,onSwipeEnd,passive=!0}=options,isSwiping=ref(!1),direction=ref("none"),lengthX=ref(0),lengthY=ref(0);let startX=0,startY=0;if(typeof window>"u")return{isSwiping,direction,lengthX,lengthY};const el=unref(target)??window,onTouchStart=(e)=>{const touch=e.touches[0];if(!touch)return;startX=touch.clientX;startY=touch.clientY;isSwiping.value=!0;direction.value="none";lengthX.value=0;lengthY.value=0;onSwipeStart?.(e)},onTouchMove=(e)=>{if(!isSwiping.value)return;const touch=e.touches[0];if(!touch)return;lengthX.value=touch.clientX-startX;lengthY.value=touch.clientY-startY;const absX=Math.abs(lengthX.value),absY=Math.abs(lengthY.value);if(absX>absY)direction.value=lengthX.value>0?"right":"left";else if(absY>absX)direction.value=lengthY.value>0?"down":"up"},onTouchEnd=(e)=>{if(!isSwiping.value)return;isSwiping.value=!1;const absX=Math.abs(lengthX.value),absY=Math.abs(lengthY.value);if(Math.max(absX,absY)>=threshold){onSwipe?.(direction.value);onSwipeEnd?.(e,direction.value)}else{direction.value="none";onSwipeEnd?.(e,"none")}};el.addEventListener("touchstart",onTouchStart,{passive});el.addEventListener("touchmove",onTouchMove,{passive});el.addEventListener("touchend",onTouchEnd,{passive});el.addEventListener("touchcancel",onTouchEnd,{passive});try{onUnmounted(()=>{el.removeEventListener("touchstart",onTouchStart);el.removeEventListener("touchmove",onTouchMove);el.removeEventListener("touchend",onTouchEnd);el.removeEventListener("touchcancel",onTouchEnd)})}catch{}return{isSwiping,direction,lengthX,lengthY}}

package/dist/useTextDirection.js

@@ -1,16 +1 @@
-import { ref, watch } from "@stacksjs/stx";
-export function useTextDirection(target, initialValue) {
-  const el = target ?? (typeof document < "u" ? document.documentElement : null);
-  let initial = initialValue ?? "ltr";
-  if (el) {
-    const dir = el.getAttribute("dir");
-    if (dir === "rtl" || dir === "ltr" || dir === "auto")
-      initial = dir;
-  }
-  const direction = ref(initial);
-  watch(direction, (val) => {
-    if (el)
-      el.setAttribute("dir", val);
-  });
-  return direction;
-}
+import{ref,watch}from"@stacksjs/stx";export function useTextDirection(target,initialValue){const el=target??(typeof document<"u"?document.documentElement:null);let initial=initialValue??"ltr";if(el){const dir=el.getAttribute("dir");if(dir==="rtl"||dir==="ltr"||dir==="auto")initial=dir}const direction=ref(initial);watch(direction,(val)=>{if(el)el.setAttribute("dir",val)});return direction}