@plexui/vue 0.0.0-stage → 0.1.1

package/dist/es/components/Transition/index.js

@@ -0,0 +1,9 @@
+export { Animate } from "./Animate.js";
+export { AnimateLayout } from "./AnimateLayout.js";
+export { AnimateLayoutGroup } from "./AnimateLayoutGroup.js";
+export { SlotTransitionGroup } from "./SlotTransitionGroup.js";
+export { TransitionGroup } from "./TransitionGroup.js";
+// Vue's template compiler always resolves <TransitionGroup> to its built-in
+// component, so templates use this alias; render functions can use either.
+export { TransitionGroup as PlexTransitionGroup } from "./TransitionGroup.js";
+//# sourceMappingURL=index.js.map

package/dist/es/components/Transition/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Transition/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAqB,MAAM,cAAc,CAAA;AACzD,OAAO,EAAE,aAAa,EAA2B,MAAM,oBAAoB,CAAA;AAC3E,OAAO,EAAE,kBAAkB,EAAgC,MAAM,yBAAyB,CAAA;AAC1F,OAAO,EAAE,mBAAmB,EAAiC,MAAM,0BAA0B,CAAA;AAC7F,OAAO,EAAE,eAAe,EAA6B,MAAM,sBAAsB,CAAA;AACjF,4EAA4E;AAC5E,2EAA2E;AAC3E,OAAO,EAAE,eAAe,IAAI,mBAAmB,EAAE,MAAM,sBAAsB,CAAA","sourcesContent":["export { Animate, type AnimateProps } from \"./Animate.js\"\nexport { AnimateLayout, type AnimateLayoutProps } from \"./AnimateLayout.js\"\nexport { AnimateLayoutGroup, type AnimateLayoutGroupProps } from \"./AnimateLayoutGroup.js\"\nexport { SlotTransitionGroup, type SlotTransitionGroupProps } from \"./SlotTransitionGroup.js\"\nexport { TransitionGroup, type TransitionGroupProps } from \"./TransitionGroup.js\"\n// Vue's template compiler always resolves <TransitionGroup> to its built-in\n// component, so templates use this alias; render functions can use either.\nexport { TransitionGroup as PlexTransitionGroup } from \"./TransitionGroup.js\"\nexport type {\n  InitialTransitionDefinition,\n  LayoutTransitionDefinition,\n  TransitionDefinition,\n  TransitionGroupChildCallback,\n  TransitionGroupChildCallbacks,\n} from \"./shared.js\"\n"]}

package/dist/es/components/Transition/shared.js

@@ -0,0 +1,4 @@
+// Types and helpers shared by the Vue transition components. Mirrors
+// packages/ui/src/components/Transition/shared.ts.
+export {};
+//# sourceMappingURL=shared.js.map

package/dist/es/components/Transition/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../../src/components/Transition/shared.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,mDAAmD","sourcesContent":["// Types and helpers shared by the Vue transition components. Mirrors\n// packages/ui/src/components/Transition/shared.ts.\n\nexport type TransitionDefinition = {\n  opacity?: number\n  /** The horizontal translation value in pixels */\n  x?: number\n  /**  The horizontal vertical value in pixels */\n  y?: number\n  /** The opacity value ranging from 0 to 1. */\n  scale?: number\n  rotate?: number | string\n  skewX?: number | string\n  skewY?: number | string\n  blur?: number\n  duration?: number\n  delay?: number\n  timingFunction?: string\n}\n\nexport type InitialTransitionDefinition = Omit<\n  TransitionDefinition,\n  \"duration\" | \"delay\" | \"timingFunction\"\n>\n\nexport type LayoutTransitionDefinition = {\n  duration?: number\n  delay?: number\n  timingFunction?: string\n}\n\nexport type CallbackType =\n  | \"enter\"\n  | \"enter-active\"\n  | \"enter-complete\"\n  | \"exit\"\n  | \"exit-active\"\n  | \"exit-complete\"\n\n/** The element a transition callback receives (HTML or SVG) */\nexport type TransitionElement = HTMLElement | SVGElement\n\nexport type TransitionGroupChildCallback = (element: TransitionElement) => void\n\n/** Lifecycle hooks, called with the transitioning element (same moments as React's `onEnter`...). */\nexport type TransitionGroupChildCallbacks = {\n  onEnter?: TransitionGroupChildCallback\n  onEnterActive?: TransitionGroupChildCallback\n  onEnterComplete?: TransitionGroupChildCallback\n  onExit?: TransitionGroupChildCallback\n  onExitActive?: TransitionGroupChildCallback\n  onExitComplete?: TransitionGroupChildCallback\n}\n\nexport type InsertMethod = \"append\" | \"prepend\"\n"]}

package/dist/es/components/Transition/transitionReducer.js

@@ -0,0 +1,51 @@
+export const RESTING_TRANSITION_STATE = {
+    enter: false,
+    enterActive: false,
+    exit: false,
+    exitActive: false,
+    interrupted: false,
+};
+export const getInitialTransitionState = (preventMountTransition) => ({
+    ...RESTING_TRANSITION_STATE,
+    enter: !preventMountTransition,
+});
+export const transitionReducer = (state, action) => {
+    switch (action.type) {
+        case "enter-before":
+            return {
+                enter: true,
+                enterActive: false,
+                exit: false,
+                exitActive: false,
+                interrupted: state.interrupted || state.exit,
+            };
+        case "enter-active":
+            return {
+                enter: true,
+                enterActive: true,
+                exit: false,
+                exitActive: false,
+                interrupted: false,
+            };
+        case "exit-before":
+            return {
+                enter: false,
+                enterActive: false,
+                exit: true,
+                exitActive: false,
+                interrupted: state.interrupted || state.enter,
+            };
+        case "exit-active":
+            return {
+                enter: false,
+                enterActive: false,
+                exit: true,
+                exitActive: true,
+                interrupted: false,
+            };
+        case "done":
+        default:
+            return RESTING_TRANSITION_STATE;
+    }
+};
+//# sourceMappingURL=transitionReducer.js.map

package/dist/es/components/Transition/transitionReducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transitionReducer.js","sourceRoot":"","sources":["../../../../src/components/Transition/transitionReducer.ts"],"names":[],"mappings":"AAeA,MAAM,CAAC,MAAM,wBAAwB,GAAoB;IACvD,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,KAAK;IAClB,IAAI,EAAE,KAAK;IACX,UAAU,EAAE,KAAK;IACjB,WAAW,EAAE,KAAK;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,sBAA+B,EAAmB,EAAE,CAAC,CAAC;IAC9F,GAAG,wBAAwB;IAC3B,KAAK,EAAE,CAAC,sBAAsB;CAC/B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,KAAsB,EACtB,MAA6B,EACZ,EAAE;IACnB,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QACpB,KAAK,cAAc;YACjB,OAAO;gBACL,KAAK,EAAE,IAAI;gBACX,WAAW,EAAE,KAAK;gBAClB,IAAI,EAAE,KAAK;gBACX,UAAU,EAAE,KAAK;gBACjB,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,IAAI;aAC7C,CAAA;QACH,KAAK,cAAc;YACjB,OAAO;gBACL,KAAK,EAAE,IAAI;gBACX,WAAW,EAAE,IAAI;gBACjB,IAAI,EAAE,KAAK;gBACX,UAAU,EAAE,KAAK;gBACjB,WAAW,EAAE,KAAK;aACnB,CAAA;QACH,KAAK,aAAa;YAChB,OAAO;gBACL,KAAK,EAAE,KAAK;gBACZ,WAAW,EAAE,KAAK;gBAClB,IAAI,EAAE,IAAI;gBACV,UAAU,EAAE,KAAK;gBACjB,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,KAAK;aAC9C,CAAA;QACH,KAAK,aAAa;YAChB,OAAO;gBACL,KAAK,EAAE,KAAK;gBACZ,WAAW,EAAE,KAAK;gBAClB,IAAI,EAAE,IAAI;gBACV,UAAU,EAAE,IAAI;gBAChB,WAAW,EAAE,KAAK;aACnB,CAAA;QACH,KAAK,MAAM,CAAC;QACZ;YACE,OAAO,wBAAwB,CAAA;IACnC,CAAC;AACH,CAAC,CAAA","sourcesContent":["export type TransitionState = {\n  enter: boolean\n  enterActive: boolean\n  exit: boolean\n  exitActive: boolean\n  interrupted: boolean\n}\n\nexport type TransitionStateAction =\n  | { type: \"enter-before\" }\n  | { type: \"enter-active\" }\n  | { type: \"exit-before\" }\n  | { type: \"exit-active\" }\n  | { type: \"done\" }\n\nexport const RESTING_TRANSITION_STATE: TransitionState = {\n  enter: false,\n  enterActive: false,\n  exit: false,\n  exitActive: false,\n  interrupted: false,\n}\n\nexport const getInitialTransitionState = (preventMountTransition: boolean): TransitionState => ({\n  ...RESTING_TRANSITION_STATE,\n  enter: !preventMountTransition,\n})\n\nexport const transitionReducer = (\n  state: TransitionState,\n  action: TransitionStateAction,\n): TransitionState => {\n  switch (action.type) {\n    case \"enter-before\":\n      return {\n        enter: true,\n        enterActive: false,\n        exit: false,\n        exitActive: false,\n        interrupted: state.interrupted || state.exit,\n      }\n    case \"enter-active\":\n      return {\n        enter: true,\n        enterActive: true,\n        exit: false,\n        exitActive: false,\n        interrupted: false,\n      }\n    case \"exit-before\":\n      return {\n        enter: false,\n        enterActive: false,\n        exit: true,\n        exitActive: false,\n        interrupted: state.interrupted || state.enter,\n      }\n    case \"exit-active\":\n      return {\n        enter: false,\n        enterActive: false,\n        exit: true,\n        exitActive: true,\n        interrupted: false,\n      }\n    case \"done\":\n    default:\n      return RESTING_TRANSITION_STATE\n  }\n}\n"]}

package/dist/es/components/Transition/useTransitionChild.js

@@ -0,0 +1,85 @@
+import { onBeforeUnmount, onMounted, reactive, watch } from "vue";
+import { waitForAnimationFrame } from "../../lib/helpers.js";
+import { getInitialTransitionState, transitionReducer } from "./transitionReducer.js";
+const CALLBACKS = {
+    "enter": "onEnter",
+    "enter-active": "onEnterActive",
+    "enter-complete": "onEnterComplete",
+    "exit": "onExit",
+    "exit-active": "onExitActive",
+    "exit-complete": "onExitComplete",
+};
+/**
+ * The per-child enter/exit state machine of React's TransitionGroupChild
+ * (same reducer, frames and timers), shared by TransitionGroup and
+ * SlotTransitionGroup. Returns the reactive state that drives the
+ * `data-entering*` / `data-exiting*` / `data-interrupted` attributes.
+ */
+export function useTransitionChild(props, getElement) {
+    const state = reactive(getInitialTransitionState(!!props.preventMountTransition));
+    const dispatch = (action) => {
+        Object.assign(state, transitionReducer(state, action));
+    };
+    let lastCallback = null;
+    const trigger = (type) => {
+        const element = getElement();
+        if (!element || type === lastCallback)
+            return;
+        lastCallback = type;
+        props.callbacks?.[CALLBACKS[type]]?.(element);
+    };
+    // Allow a child to prevent mount transition, but still experience
+    // future enter transition events, when applicable.
+    let preventedMountTransition = false;
+    let cancel;
+    const run = (shouldRender) => {
+        cancel?.();
+        cancel = undefined;
+        // Exit transition
+        if (!shouldRender) {
+            let exitTimeout;
+            dispatch({ type: "exit-before" });
+            trigger("exit");
+            const cancelFrame = waitForAnimationFrame(() => {
+                dispatch({ type: "exit-active" });
+                trigger("exit-active");
+                exitTimeout = window.setTimeout(() => {
+                    trigger("exit-complete");
+                    props.removeChild();
+                }, props.exitDuration);
+            });
+            cancel = () => {
+                cancelFrame();
+                if (exitTimeout !== undefined)
+                    clearTimeout(exitTimeout);
+            };
+            return;
+        }
+        // Enter transition: check if we need to prevent this specific entering cycle
+        if (props.preventMountTransition && !preventedMountTransition) {
+            preventedMountTransition = true;
+            return;
+        }
+        let enterTimeout;
+        dispatch({ type: "enter-before" });
+        trigger("enter");
+        const cancelFrame = waitForAnimationFrame(() => {
+            dispatch({ type: "enter-active" });
+            trigger("enter-active");
+            enterTimeout = window.setTimeout(() => {
+                dispatch({ type: "done" });
+                trigger("enter-complete");
+            }, props.enterDuration);
+        });
+        cancel = () => {
+            cancelFrame();
+            if (enterTimeout !== undefined)
+                clearTimeout(enterTimeout);
+        };
+    };
+    onMounted(() => run(props.shouldRender));
+    watch(() => props.shouldRender, run, { flush: "post" });
+    onBeforeUnmount(() => cancel?.());
+    return state;
+}
+//# sourceMappingURL=useTransitionChild.js.map

package/dist/es/components/Transition/useTransitionChild.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTransitionChild.js","sourceRoot":"","sources":["../../../../src/components/Transition/useTransitionChild.ts"],"names":[],"mappings":"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","sourcesContent":["import { onBeforeUnmount, onMounted, reactive, watch } from \"vue\"\nimport { waitForAnimationFrame } from \"../../lib/helpers.js\"\nimport type { CallbackType, TransitionElement, TransitionGroupChildCallbacks } from \"./shared.js\"\nimport { getInitialTransitionState, transitionReducer, type TransitionStateAction } from \"./transitionReducer.js\"\n\nexport type TransitionChildProps = {\n  shouldRender: boolean\n  preventMountTransition?: boolean\n  enterDuration: number\n  exitDuration: number\n  removeChild: () => void\n  callbacks?: TransitionGroupChildCallbacks\n}\n\nconst CALLBACKS: Record<CallbackType, keyof TransitionGroupChildCallbacks> = {\n  \"enter\": \"onEnter\",\n  \"enter-active\": \"onEnterActive\",\n  \"enter-complete\": \"onEnterComplete\",\n  \"exit\": \"onExit\",\n  \"exit-active\": \"onExitActive\",\n  \"exit-complete\": \"onExitComplete\",\n}\n\n/**\n * The per-child enter/exit state machine of React's TransitionGroupChild\n * (same reducer, frames and timers), shared by TransitionGroup and\n * SlotTransitionGroup. Returns the reactive state that drives the\n * `data-entering*` / `data-exiting*` / `data-interrupted` attributes.\n */\nexport function useTransitionChild(props: TransitionChildProps, getElement: () => TransitionElement | null) {\n  const state = reactive(getInitialTransitionState(!!props.preventMountTransition))\n  const dispatch = (action: TransitionStateAction) => {\n    Object.assign(state, transitionReducer(state, action))\n  }\n\n  let lastCallback: CallbackType | null = null\n  const trigger = (type: CallbackType) => {\n    const element = getElement()\n    if (!element || type === lastCallback) return\n    lastCallback = type\n    props.callbacks?.[CALLBACKS[type]]?.(element)\n  }\n\n  // Allow a child to prevent mount transition, but still experience\n  // future enter transition events, when applicable.\n  let preventedMountTransition = false\n  let cancel: (() => void) | undefined\n\n  const run = (shouldRender: boolean) => {\n    cancel?.()\n    cancel = undefined\n\n    // Exit transition\n    if (!shouldRender) {\n      let exitTimeout: number | undefined\n      dispatch({ type: \"exit-before\" })\n      trigger(\"exit\")\n      const cancelFrame = waitForAnimationFrame(() => {\n        dispatch({ type: \"exit-active\" })\n        trigger(\"exit-active\")\n        exitTimeout = window.setTimeout(() => {\n          trigger(\"exit-complete\")\n          props.removeChild()\n        }, props.exitDuration)\n      })\n      cancel = () => {\n        cancelFrame()\n        if (exitTimeout !== undefined) clearTimeout(exitTimeout)\n      }\n      return\n    }\n\n    // Enter transition: check if we need to prevent this specific entering cycle\n    if (props.preventMountTransition && !preventedMountTransition) {\n      preventedMountTransition = true\n      return\n    }\n\n    let enterTimeout: number | undefined\n    dispatch({ type: \"enter-before\" })\n    trigger(\"enter\")\n    const cancelFrame = waitForAnimationFrame(() => {\n      dispatch({ type: \"enter-active\" })\n      trigger(\"enter-active\")\n      enterTimeout = window.setTimeout(() => {\n        dispatch({ type: \"done\" })\n        trigger(\"enter-complete\")\n      }, props.enterDuration)\n    })\n    cancel = () => {\n      cancelFrame()\n      if (enterTimeout !== undefined) clearTimeout(enterTimeout)\n    }\n  }\n\n  onMounted(() => run(props.shouldRender))\n  watch(() => props.shouldRender, run, { flush: \"post\" })\n  onBeforeUnmount(() => cancel?.())\n\n  return state\n}\n"]}

package/dist/es/composables/useAnimatedScrollTo.js

@@ -0,0 +1,90 @@
+import { onBeforeUnmount } from "vue";
+import { prefersReducedMotion } from "../lib/helpers.js";
+const clamp0 = (n) => Math.max(0, n);
+/** Returns `scrollTo(top)` that eases `target` to a scroll position, interruptible by the user. */
+export const useAnimatedScrollTo = (target) => {
+    let rafId = null;
+    let listenerCleanup = null;
+    let isAnimating = false;
+    let userInterrupted = false;
+    const addInteractionListeners = (container) => {
+        const handleInteract = () => {
+            userInterrupted = true;
+        };
+        container.addEventListener("wheel", handleInteract, { passive: true });
+        container.addEventListener("touchstart", handleInteract, { passive: true });
+        container.addEventListener("touchmove", handleInteract, { passive: true });
+        listenerCleanup = () => {
+            container.removeEventListener("wheel", handleInteract);
+            container.removeEventListener("touchstart", handleInteract);
+            container.removeEventListener("touchmove", handleInteract);
+            listenerCleanup = null;
+        };
+    };
+    const cancelAnimation = () => {
+        if (rafId)
+            cancelAnimationFrame(rafId);
+        isAnimating = false;
+        userInterrupted = false;
+        listenerCleanup?.();
+    };
+    onBeforeUnmount(cancelAnimation);
+    return (targetScrollTop) => {
+        const container = target.value;
+        if (!container) {
+            return;
+        }
+        // Skip animation for reduced motion users
+        if (prefersReducedMotion()) {
+            container.scrollTop = targetScrollTop;
+            cancelAnimation();
+            return;
+        }
+        // If already animating, cancel current animation and restart
+        if (isAnimating) {
+            cancelAnimation();
+        }
+        // Clamp boundaries
+        const maxY = clamp0(container.scrollHeight - container.clientHeight);
+        const targetY = clamp0(Math.min(targetScrollTop, maxY));
+        let currentY = container.scrollTop;
+        isAnimating = true;
+        userInterrupted = false;
+        addInteractionListeners(container);
+        // Controls how quickly the scroll converges toward the target (per second).
+        // Higher = snappier, lower = smoother and slower.
+        const scrollResponsiveness = 11;
+        // Distance at which currentY will round to target, in pixels.
+        const epsilonPx = 0.5;
+        let prevTime = performance.now();
+        const step = (currentTime) => {
+            const element = target.value;
+            if (!element || userInterrupted) {
+                cancelAnimation();
+                return;
+            }
+            // Time elapsed since the last frame, in seconds (clamped to 60ms).
+            // Used to make the scroll animation frame-rate independent.
+            const deltaSeconds = clamp0(Math.min(0.06, (currentTime - prevTime) / 1000));
+            prevTime = currentTime;
+            // Fraction of remaining distance to cover this frame,
+            // based on exponential convergence toward the target scroll position.
+            // Behaves like an ease-out: fast initially, then smoothly slows as it nears the target.
+            const alpha = 1 - Math.exp(-scrollResponsiveness * deltaSeconds);
+            const diffY = targetY - currentY;
+            const nextY = currentY + diffY * alpha;
+            currentY = clamp0(Math.min(nextY, maxY));
+            element.scrollTop = currentY;
+            // Check remaining distance for rounding completion
+            const remaining = Math.abs(targetY - currentY);
+            if (remaining <= epsilonPx) {
+                element.scrollTop = targetY;
+                cancelAnimation();
+                return;
+            }
+            rafId = requestAnimationFrame(step);
+        };
+        rafId = requestAnimationFrame(step);
+    };
+};
+//# sourceMappingURL=useAnimatedScrollTo.js.map

package/dist/es/composables/useAnimatedScrollTo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimatedScrollTo.js","sourceRoot":"","sources":["../../../src/composables/useAnimatedScrollTo.ts"],"names":[],"mappings":"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","sourcesContent":["import { onBeforeUnmount, type Ref } from \"vue\"\nimport { prefersReducedMotion } from \"../lib/helpers.js\"\n\nconst clamp0 = (n: number) => Math.max(0, n)\n\n/** Returns `scrollTo(top)` that eases `target` to a scroll position, interruptible by the user. */\nexport const useAnimatedScrollTo = (target: Ref<HTMLElement | null | undefined>) => {\n  let rafId: number | null = null\n  let listenerCleanup: (() => void) | null = null\n  let isAnimating = false\n  let userInterrupted = false\n\n  const addInteractionListeners = (container: HTMLElement) => {\n    const handleInteract = () => {\n      userInterrupted = true\n    }\n\n    container.addEventListener(\"wheel\", handleInteract, { passive: true })\n    container.addEventListener(\"touchstart\", handleInteract, { passive: true })\n    container.addEventListener(\"touchmove\", handleInteract, { passive: true })\n\n    listenerCleanup = () => {\n      container.removeEventListener(\"wheel\", handleInteract)\n      container.removeEventListener(\"touchstart\", handleInteract)\n      container.removeEventListener(\"touchmove\", handleInteract)\n      listenerCleanup = null\n    }\n  }\n\n  const cancelAnimation = () => {\n    if (rafId) cancelAnimationFrame(rafId)\n    isAnimating = false\n    userInterrupted = false\n    listenerCleanup?.()\n  }\n\n  onBeforeUnmount(cancelAnimation)\n\n  return (targetScrollTop: number) => {\n    const container = target.value\n    if (!container) {\n      return\n    }\n\n    // Skip animation for reduced motion users\n    if (prefersReducedMotion()) {\n      container.scrollTop = targetScrollTop\n      cancelAnimation()\n      return\n    }\n\n    // If already animating, cancel current animation and restart\n    if (isAnimating) {\n      cancelAnimation()\n    }\n\n    // Clamp boundaries\n    const maxY = clamp0(container.scrollHeight - container.clientHeight)\n    const targetY = clamp0(Math.min(targetScrollTop, maxY))\n    let currentY = container.scrollTop\n\n    isAnimating = true\n    userInterrupted = false\n    addInteractionListeners(container)\n\n    // Controls how quickly the scroll converges toward the target (per second).\n    // Higher = snappier, lower = smoother and slower.\n    const scrollResponsiveness = 11\n    // Distance at which currentY will round to target, in pixels.\n    const epsilonPx = 0.5\n    let prevTime = performance.now()\n\n    const step = (currentTime: number) => {\n      const element = target.value\n\n      if (!element || userInterrupted) {\n        cancelAnimation()\n        return\n      }\n\n      // Time elapsed since the last frame, in seconds (clamped to 60ms).\n      // Used to make the scroll animation frame-rate independent.\n      const deltaSeconds = clamp0(Math.min(0.06, (currentTime - prevTime) / 1000))\n      prevTime = currentTime\n      // Fraction of remaining distance to cover this frame,\n      // based on exponential convergence toward the target scroll position.\n      // Behaves like an ease-out: fast initially, then smoothly slows as it nears the target.\n      const alpha = 1 - Math.exp(-scrollResponsiveness * deltaSeconds)\n      const diffY = targetY - currentY\n      const nextY = currentY + diffY * alpha\n      currentY = clamp0(Math.min(nextY, maxY))\n\n      element.scrollTop = currentY\n\n      // Check remaining distance for rounding completion\n      const remaining = Math.abs(targetY - currentY)\n      if (remaining <= epsilonPx) {\n        element.scrollTop = targetY\n        cancelAnimation()\n        return\n      }\n\n      rafId = requestAnimationFrame(step)\n    }\n\n    rafId = requestAnimationFrame(step)\n  }\n}\n"]}

package/dist/es/composables/useAutoGrowTextarea.js

@@ -0,0 +1,53 @@
+import { onBeforeUnmount, toValue, watch } from "vue";
+/** Grows a textarea with its content; pass the textarea ref and its (v-model) value. */
+export const useAutoGrowTextarea = (target, value) => {
+    let lastScrollHeight = 0;
+    let lastWidth = null;
+    const measureAndMutate = (textarea, controlledValue = "") => {
+        textarea.style.height = "0px";
+        const { scrollHeight, offsetHeight, offsetWidth, clientHeight } = textarea;
+        const targetHeight = scrollHeight + (offsetHeight - clientHeight);
+        textarea.__autoGrowHeightValue = targetHeight;
+        textarea.style.height = `${targetHeight}px`;
+        if (lastScrollHeight < scrollHeight && textarea.selectionEnd === controlledValue.length) {
+            textarea.scrollTop = scrollHeight;
+        }
+        lastScrollHeight = textarea.scrollHeight;
+        lastWidth = offsetWidth;
+    };
+    // The value is committed to the DOM before this runs, like React's layout effect
+    watch(() => [target.value, toValue(value)], ([textarea, current]) => {
+        if (textarea)
+            measureAndMutate(textarea, current);
+    }, { immediate: true, flush: "post" });
+    let observer;
+    watch(target, (textarea) => {
+        observer?.disconnect();
+        observer = undefined;
+        if (!textarea)
+            return;
+        observer = new ResizeObserver(() => {
+            const nextWidth = textarea.offsetWidth;
+            // Only concerned with width changes that might affect the last measured height
+            if (lastWidth == null || nextWidth !== lastWidth) {
+                measureAndMutate(textarea, textarea.value);
+            }
+        });
+        observer.observe(textarea);
+    }, { immediate: true, flush: "post" });
+    onBeforeUnmount(() => observer?.disconnect());
+};
+export const unsafeForceCalculateAutoGrowHeight = (textarea) => {
+    // Reset the height to baseline (min-height will apply)
+    textarea.style.height = "0px";
+    // scrollHeight does not account for border thickness, which we can
+    // calculate by comparing offset and client height.
+    const { scrollHeight, offsetHeight, clientHeight } = textarea;
+    const targetHeight = scrollHeight + (offsetHeight - clientHeight);
+    textarea.__autoGrowHeightValue = targetHeight;
+    textarea.style.height = `${targetHeight}px`;
+};
+export const getAutoGrowTextareaHeight = (textarea) => 
+// Avoid unnecessary paints by reading stored height
+textarea.__autoGrowHeightValue || textarea.clientHeight;
+//# sourceMappingURL=useAutoGrowTextarea.js.map

package/dist/es/composables/useAutoGrowTextarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoGrowTextarea.js","sourceRoot":"","sources":["../../../src/composables/useAutoGrowTextarea.ts"],"names":[],"mappings":"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","sourcesContent":["import { onBeforeUnmount, toValue, watch, type MaybeRefOrGetter, type Ref } from \"vue\"\n\ntype AutoGrowTextarea = HTMLTextAreaElement & { __autoGrowHeightValue?: number }\n\n/** Grows a textarea with its content; pass the textarea ref and its (v-model) value. */\nexport const useAutoGrowTextarea = (\n  target: Ref<HTMLTextAreaElement | null | undefined>,\n  value: MaybeRefOrGetter<string>,\n) => {\n  let lastScrollHeight = 0\n  let lastWidth: number | null = null\n\n  const measureAndMutate = (textarea: AutoGrowTextarea, controlledValue: string = \"\") => {\n    textarea.style.height = \"0px\"\n    const { scrollHeight, offsetHeight, offsetWidth, clientHeight } = textarea\n    const targetHeight = scrollHeight + (offsetHeight - clientHeight)\n    textarea.__autoGrowHeightValue = targetHeight\n    textarea.style.height = `${targetHeight}px`\n\n    if (lastScrollHeight < scrollHeight && textarea.selectionEnd === controlledValue.length) {\n      textarea.scrollTop = scrollHeight\n    }\n    lastScrollHeight = textarea.scrollHeight\n    lastWidth = offsetWidth\n  }\n\n  // The value is committed to the DOM before this runs, like React's layout effect\n  watch(\n    () => [target.value, toValue(value)] as const,\n    ([textarea, current]) => {\n      if (textarea) measureAndMutate(textarea, current)\n    },\n    { immediate: true, flush: \"post\" },\n  )\n\n  let observer: ResizeObserver | undefined\n  watch(\n    target,\n    (textarea) => {\n      observer?.disconnect()\n      observer = undefined\n      if (!textarea) return\n\n      observer = new ResizeObserver(() => {\n        const nextWidth = textarea.offsetWidth\n        // Only concerned with width changes that might affect the last measured height\n        if (lastWidth == null || nextWidth !== lastWidth) {\n          measureAndMutate(textarea, textarea.value)\n        }\n      })\n      observer.observe(textarea)\n    },\n    { immediate: true, flush: \"post\" },\n  )\n  onBeforeUnmount(() => observer?.disconnect())\n}\n\nexport const unsafeForceCalculateAutoGrowHeight = (textarea: HTMLTextAreaElement) => {\n  // Reset the height to baseline (min-height will apply)\n  textarea.style.height = \"0px\"\n  // scrollHeight does not account for border thickness, which we can\n  // calculate by comparing offset and client height.\n  const { scrollHeight, offsetHeight, clientHeight } = textarea\n  const targetHeight = scrollHeight + (offsetHeight - clientHeight)\n  ;(textarea as AutoGrowTextarea).__autoGrowHeightValue = targetHeight\n  textarea.style.height = `${targetHeight}px`\n}\n\nexport const getAutoGrowTextareaHeight = (textarea: HTMLTextAreaElement) =>\n  // Avoid unnecessary paints by reading stored height\n  (textarea as AutoGrowTextarea).__autoGrowHeightValue || textarea.clientHeight\n"]}

package/dist/es/composables/useBreakpoints.js

@@ -0,0 +1,53 @@
+import { onBeforeUnmount, onMounted, ref } from "vue";
+import { isDev } from "../lib/constants.js";
+export const cache = new Map();
+let rootStyles = null;
+// Fallbacks mirror defaults from postcss.config.mjs
+const FALLBACK_BREAKPOINTS = {
+    "xs": 380,
+    "sm": 576,
+    "md": 768,
+    "lg": 1024,
+    "xl": 1280,
+    "2xl": 1536,
+};
+const resolveBreakpoint = (bp) => {
+    if (!cache.has(bp)) {
+        rootStyles ||= getComputedStyle(document.documentElement);
+        const value = parseInt(rootStyles.getPropertyValue(`--breakpoint-${bp}`).trim().replace("px", ""), 10);
+        if (!value) {
+            if (isDev) {
+                // eslint-disable-next-line no-console
+                console.warn(`--breakpoint-${bp} is not defined in :root. Falling back to default breakpoint map.\n` +
+                    "This usually means your postcss breakpoints and Breakpoint types are out of sync.");
+            }
+            // If the breakpoint is not in the fallback map, use the default "lg" breakpoint.
+            const validBp = bp in FALLBACK_BREAKPOINTS ? bp : "lg";
+            // Return early and don't cache fallbacks in case CSS variables load later
+            return FALLBACK_BREAKPOINTS[validBp];
+        }
+        cache.set(bp, value);
+    }
+    return cache.get(bp);
+};
+/**
+ * True while the viewport is at least as wide as `bp` (from `--breakpoint-*`).
+ * It starts `false` on the server and the client alike (so hydration matches)
+ * and reads the media query on mount, like React's hook.
+ */
+export const useBreakpoint = (bp) => {
+    const query = () => `(min-width: ${resolveBreakpoint(bp)}px)`;
+    const matches = ref(false);
+    let mediaQueryList;
+    const update = () => {
+        matches.value = !!mediaQueryList?.matches;
+    };
+    onMounted(() => {
+        mediaQueryList = window.matchMedia(query());
+        update();
+        mediaQueryList.addEventListener("change", update);
+    });
+    onBeforeUnmount(() => mediaQueryList?.removeEventListener("change", update));
+    return matches;
+};
+//# sourceMappingURL=useBreakpoints.js.map

package/dist/es/composables/useBreakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoints.js","sourceRoot":"","sources":["../../../src/composables/useBreakpoints.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,GAAG,EAAY,MAAM,KAAK,CAAA;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAI3C,MAAM,CAAC,MAAM,KAAK,GAAG,IAAI,GAAG,EAAkB,CAAA;AAC9C,IAAI,UAAU,GAA+B,IAAI,CAAA;AAEjD,oDAAoD;AACpD,MAAM,oBAAoB,GAA+B;IACvD,IAAI,EAAE,GAAG;IACT,IAAI,EAAE,GAAG;IACT,IAAI,EAAE,GAAG;IACT,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,IAAI;CACH,CAAA;AAEV,MAAM,iBAAiB,GAAG,CAAC,EAAc,EAAU,EAAE;IACnD,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC;QACnB,UAAU,KAAK,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAA;QAEzD,MAAM,KAAK,GAAG,QAAQ,CACpB,UAAU,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,EAC1E,EAAE,CACH,CAAA;QAED,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,IAAI,KAAK,EAAE,CAAC;gBACV,sCAAsC;gBACtC,OAAO,CAAC,IAAI,CACV,gBAAgB,EAAE,qEAAqE;oBACrF,mFAAmF,CACtF,CAAA;YACH,CAAC;YAED,iFAAiF;YACjF,MAAM,OAAO,GAAG,EAAE,IAAI,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;YACtD,0EAA0E;YAC1E,OAAO,oBAAoB,CAAC,OAAO,CAAC,CAAA;QACtC,CAAC;QAED,KAAK,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,CAAC,CAAA;IACtB,CAAC;IAED,OAAO,KAAK,CAAC,GAAG,CAAC,EAAE,CAAE,CAAA;AACvB,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAc,EAAgB,EAAE;IAC5D,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,eAAe,iBAAiB,CAAC,EAAE,CAAC,KAAK,CAAA;IAC7D,MAAM,OAAO,GAAG,GAAG,CAAC,KAAK,CAAC,CAAA;IAC1B,IAAI,cAA0C,CAAA;IAE9C,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,cAAc,EAAE,OAAO,CAAA;IAC3C,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC,CAAA;QAC3C,MAAM,EAAE,CAAA;QACR,cAAc,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;IACnD,CAAC,CAAC,CAAA;IACF,eAAe,CAAC,GAAG,EAAE,CAAC,cAAc,EAAE,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAA;IAE5E,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA","sourcesContent":["import { onBeforeUnmount, onMounted, ref, type Ref } from \"vue\"\nimport { isDev } from \"../lib/constants.js\"\n\nexport type Breakpoint = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\"\n\nexport const cache = new Map<string, number>()\nlet rootStyles: CSSStyleDeclaration | null = null\n\n// Fallbacks mirror defaults from postcss.config.mjs\nconst FALLBACK_BREAKPOINTS: Record<Breakpoint, number> = {\n  \"xs\": 380,\n  \"sm\": 576,\n  \"md\": 768,\n  \"lg\": 1024,\n  \"xl\": 1280,\n  \"2xl\": 1536,\n} as const\n\nconst resolveBreakpoint = (bp: Breakpoint): number => {\n  if (!cache.has(bp)) {\n    rootStyles ||= getComputedStyle(document.documentElement)\n\n    const value = parseInt(\n      rootStyles.getPropertyValue(`--breakpoint-${bp}`).trim().replace(\"px\", \"\"),\n      10,\n    )\n\n    if (!value) {\n      if (isDev) {\n        // eslint-disable-next-line no-console\n        console.warn(\n          `--breakpoint-${bp} is not defined in :root. Falling back to default breakpoint map.\\n` +\n            \"This usually means your postcss breakpoints and Breakpoint types are out of sync.\",\n        )\n      }\n\n      // If the breakpoint is not in the fallback map, use the default \"lg\" breakpoint.\n      const validBp = bp in FALLBACK_BREAKPOINTS ? bp : \"lg\"\n      // Return early and don't cache fallbacks in case CSS variables load later\n      return FALLBACK_BREAKPOINTS[validBp]\n    }\n\n    cache.set(bp, value)\n  }\n\n  return cache.get(bp)!\n}\n\n/**\n * True while the viewport is at least as wide as `bp` (from `--breakpoint-*`).\n * It starts `false` on the server and the client alike (so hydration matches)\n * and reads the media query on mount, like React's hook.\n */\nexport const useBreakpoint = (bp: Breakpoint): Ref<boolean> => {\n  const query = () => `(min-width: ${resolveBreakpoint(bp)}px)`\n  const matches = ref(false)\n  let mediaQueryList: MediaQueryList | undefined\n\n  const update = () => {\n    matches.value = !!mediaQueryList?.matches\n  }\n\n  onMounted(() => {\n    mediaQueryList = window.matchMedia(query())\n    update()\n    mediaQueryList.addEventListener(\"change\", update)\n  })\n  onBeforeUnmount(() => mediaQueryList?.removeEventListener(\"change\", update))\n\n  return matches\n}\n"]}

package/dist/es/composables/useCharactersPerSecond.js

@@ -0,0 +1,50 @@
+import { toValue, watch } from "vue";
+const MIN_TIME_DELTA = 10;
+const MIN_CHARS_DELTA = 1;
+const MAX_SAMPLES = 30;
+const OUTLIER_STD_DEVS = 2;
+/** Measures streaming speed: returns a getter for the current characters-per-second estimate. */
+export function useCharactersPerSecond(text, streaming) {
+    const samples = [];
+    let lastLength = toValue(text).length;
+    let lastTime = Date.now();
+    watch(() => [toValue(text), toValue(streaming)], ([currentText, isStreaming]) => {
+        if (!isStreaming)
+            return;
+        const now = Date.now();
+        const length = currentText.length;
+        const charsDelta = length - lastLength;
+        const timeDelta = now - lastTime;
+        if (charsDelta < MIN_CHARS_DELTA || timeDelta < MIN_TIME_DELTA)
+            return;
+        const timeDeltaSeconds = timeDelta / 1000;
+        const cps = charsDelta / timeDeltaSeconds;
+        samples.push(cps);
+        if (samples.length > MAX_SAMPLES)
+            samples.shift();
+        lastLength = length;
+        lastTime = now;
+    }, { immediate: true, flush: "post" });
+    return () => {
+        const currentMean = mean(samples);
+        const currentStdDev = standardDeviation(samples, currentMean);
+        const filteredSamples = samples.filter((val) => {
+            const distance = Math.abs(val - currentMean);
+            return distance <= OUTLIER_STD_DEVS * currentStdDev;
+        });
+        return mean(filteredSamples);
+    };
+}
+function mean(values) {
+    if (!values.length)
+        return 0;
+    const sum = values.reduce((acc, val) => acc + val, 0);
+    return sum / values.length;
+}
+function standardDeviation(values, avg) {
+    if (!values.length)
+        return 0;
+    const variance = values.reduce((acc, val) => acc + (val - avg) ** 2, 0) / values.length;
+    return Math.sqrt(variance);
+}
+//# sourceMappingURL=useCharactersPerSecond.js.map

package/dist/es/composables/useCharactersPerSecond.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCharactersPerSecond.js","sourceRoot":"","sources":["../../../src/composables/useCharactersPerSecond.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAyB,MAAM,KAAK,CAAA;AAE3D,MAAM,cAAc,GAAG,EAAE,CAAA;AACzB,MAAM,eAAe,GAAG,CAAC,CAAA;AACzB,MAAM,WAAW,GAAG,EAAE,CAAA;AACtB,MAAM,gBAAgB,GAAG,CAAC,CAAA;AAE1B,iGAAiG;AACjG,MAAM,UAAU,sBAAsB,CACpC,IAA8B,EAC9B,SAAoC;IAEpC,MAAM,OAAO,GAAa,EAAE,CAAA;IAC5B,IAAI,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,CAAA;IACrC,IAAI,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;IAEzB,KAAK,CACH,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAU,EAClD,CAAC,CAAC,WAAW,EAAE,WAAW,CAAC,EAAE,EAAE;QAC7B,IAAI,CAAC,WAAW;YAAE,OAAM;QAExB,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;QACtB,MAAM,MAAM,GAAG,WAAW,CAAC,MAAM,CAAA;QACjC,MAAM,UAAU,GAAG,MAAM,GAAG,UAAU,CAAA;QACtC,MAAM,SAAS,GAAG,GAAG,GAAG,QAAQ,CAAA;QAChC,IAAI,UAAU,GAAG,eAAe,IAAI,SAAS,GAAG,cAAc;YAAE,OAAM;QAEtE,MAAM,gBAAgB,GAAG,SAAS,GAAG,IAAI,CAAA;QACzC,MAAM,GAAG,GAAG,UAAU,GAAG,gBAAgB,CAAA;QAEzC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QACjB,IAAI,OAAO,CAAC,MAAM,GAAG,WAAW;YAAE,OAAO,CAAC,KAAK,EAAE,CAAA;QAEjD,UAAU,GAAG,MAAM,CAAA;QACnB,QAAQ,GAAG,GAAG,CAAA;IAChB,CAAC,EACD,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CACnC,CAAA;IAED,OAAO,GAAG,EAAE;QACV,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,CAAA;QACjC,MAAM,aAAa,GAAG,iBAAiB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;QAE7D,MAAM,eAAe,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE;YAC7C,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,WAAW,CAAC,CAAA;YAC5C,OAAO,QAAQ,IAAI,gBAAgB,GAAG,aAAa,CAAA;QACrD,CAAC,CAAC,CAAA;QAEF,OAAO,IAAI,CAAC,eAAe,CAAC,CAAA;IAC9B,CAAC,CAAA;AACH,CAAC;AAED,SAAS,IAAI,CAAC,MAAgB;IAC5B,IAAI,CAAC,MAAM,CAAC,MAAM;QAAE,OAAO,CAAC,CAAA;IAC5B,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC,CAAC,CAAA;IACrD,OAAO,GAAG,GAAG,MAAM,CAAC,MAAM,CAAA;AAC5B,CAAC;AAED,SAAS,iBAAiB,CAAC,MAAgB,EAAE,GAAW;IACtD,IAAI,CAAC,MAAM,CAAC,MAAM;QAAE,OAAO,CAAC,CAAA;IAC5B,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,CAAA;IACvF,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;AAC5B,CAAC","sourcesContent":["import { toValue, watch, type MaybeRefOrGetter } from \"vue\"\n\nconst MIN_TIME_DELTA = 10\nconst MIN_CHARS_DELTA = 1\nconst MAX_SAMPLES = 30\nconst OUTLIER_STD_DEVS = 2\n\n/** Measures streaming speed: returns a getter for the current characters-per-second estimate. */\nexport function useCharactersPerSecond(\n  text: MaybeRefOrGetter<string>,\n  streaming: MaybeRefOrGetter<boolean>,\n): () => number {\n  const samples: number[] = []\n  let lastLength = toValue(text).length\n  let lastTime = Date.now()\n\n  watch(\n    () => [toValue(text), toValue(streaming)] as const,\n    ([currentText, isStreaming]) => {\n      if (!isStreaming) return\n\n      const now = Date.now()\n      const length = currentText.length\n      const charsDelta = length - lastLength\n      const timeDelta = now - lastTime\n      if (charsDelta < MIN_CHARS_DELTA || timeDelta < MIN_TIME_DELTA) return\n\n      const timeDeltaSeconds = timeDelta / 1000\n      const cps = charsDelta / timeDeltaSeconds\n\n      samples.push(cps)\n      if (samples.length > MAX_SAMPLES) samples.shift()\n\n      lastLength = length\n      lastTime = now\n    },\n    { immediate: true, flush: \"post\" },\n  )\n\n  return () => {\n    const currentMean = mean(samples)\n    const currentStdDev = standardDeviation(samples, currentMean)\n\n    const filteredSamples = samples.filter((val) => {\n      const distance = Math.abs(val - currentMean)\n      return distance <= OUTLIER_STD_DEVS * currentStdDev\n    })\n\n    return mean(filteredSamples)\n  }\n}\n\nfunction mean(values: number[]): number {\n  if (!values.length) return 0\n  const sum = values.reduce((acc, val) => acc + val, 0)\n  return sum / values.length\n}\n\nfunction standardDeviation(values: number[], avg: number): number {\n  if (!values.length) return 0\n  const variance = values.reduce((acc, val) => acc + (val - avg) ** 2, 0) / values.length\n  return Math.sqrt(variance)\n}\n"]}

package/dist/es/composables/useDocumentVisible.js

@@ -0,0 +1,20 @@
+import { onBeforeUnmount, onMounted, ref } from "vue";
+/** Vue counterpart of React's `useDocumentVisible`: false while the tab is hidden. */
+export function useDocumentVisible() {
+    const visible = ref(typeof document === "undefined" || document.visibilityState !== "hidden");
+    const handleVisibility = () => {
+        visible.value = document.visibilityState !== "hidden";
+    };
+    onMounted(() => {
+        if (typeof document === "undefined")
+            return;
+        document.addEventListener("visibilitychange", handleVisibility);
+    });
+    onBeforeUnmount(() => {
+        if (typeof document === "undefined")
+            return;
+        document.removeEventListener("visibilitychange", handleVisibility);
+    });
+    return visible;
+}
+//# sourceMappingURL=useDocumentVisible.js.map

package/dist/es/composables/useDocumentVisible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDocumentVisible.js","sourceRoot":"","sources":["../../../src/composables/useDocumentVisible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,GAAG,EAAY,MAAM,KAAK,CAAA;AAE/D,sFAAsF;AACtF,MAAM,UAAU,kBAAkB;IAChC,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,QAAQ,KAAK,WAAW,IAAI,QAAQ,CAAC,eAAe,KAAK,QAAQ,CAAC,CAAA;IAE7F,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,OAAO,CAAC,KAAK,GAAG,QAAQ,CAAC,eAAe,KAAK,QAAQ,CAAA;IACvD,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,QAAQ,KAAK,WAAW;YAAE,OAAM;QAC3C,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,CAAA;IACjE,CAAC,CAAC,CAAA;IACF,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,OAAO,QAAQ,KAAK,WAAW;YAAE,OAAM;QAC3C,QAAQ,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,CAAA;IACpE,CAAC,CAAC,CAAA;IAEF,OAAO,OAAO,CAAA;AAChB,CAAC","sourcesContent":["import { onBeforeUnmount, onMounted, ref, type Ref } from \"vue\"\n\n/** Vue counterpart of React's `useDocumentVisible`: false while the tab is hidden. */\nexport function useDocumentVisible(): Ref<boolean> {\n  const visible = ref(typeof document === \"undefined\" || document.visibilityState !== \"hidden\")\n\n  const handleVisibility = () => {\n    visible.value = document.visibilityState !== \"hidden\"\n  }\n\n  onMounted(() => {\n    if (typeof document === \"undefined\") return\n    document.addEventListener(\"visibilitychange\", handleVisibility)\n  })\n  onBeforeUnmount(() => {\n    if (typeof document === \"undefined\") return\n    document.removeEventListener(\"visibilitychange\", handleVisibility)\n  })\n\n  return visible\n}\n"]}

package/dist/es/composables/useEscCloseStack.js

@@ -0,0 +1,47 @@
+import { onBeforeUnmount, onMounted, toValue, watch } from "vue";
+let handlers = [];
+let listenerBound = false;
+const handleKeyDown = (evt) => {
+    if (evt.key === "Escape") {
+        // Attempt to call the first handler in the stack, if it exists
+        const [firstHandler] = handlers;
+        if (firstHandler) {
+            evt.preventDefault();
+            firstHandler.callback();
+        }
+    }
+};
+const managerListener = () => {
+    if (handlers.length > 0 && !listenerBound) {
+        document.body.addEventListener("keydown", handleKeyDown);
+        listenerBound = true;
+    }
+    else if (handlers.length === 0 && listenerBound) {
+        document.body.removeEventListener("keydown", handleKeyDown);
+        listenerBound = false;
+    }
+};
+/**
+ * Escape closes the most recently registered listener first, so nested
+ * overlays close one at a time.
+ */
+export const useEscCloseStack = (listening, cb) => {
+    const id = Symbol("esc-close");
+    const handler = { id, callback: cb };
+    const unregister = () => {
+        handlers = handlers.filter((h) => h.id !== id);
+        managerListener();
+    };
+    // Register on mount, like React's effect: nothing global happens during SSR
+    onMounted(() => {
+        watch(() => toValue(listening), (isListening) => {
+            unregister();
+            if (!isListening)
+                return;
+            handlers.unshift(handler);
+            managerListener();
+        }, { immediate: true });
+    });
+    onBeforeUnmount(unregister);
+};
+//# sourceMappingURL=useEscCloseStack.js.map

package/dist/es/composables/useEscCloseStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEscCloseStack.js","sourceRoot":"","sources":["../../../src/composables/useEscCloseStack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAyB,MAAM,KAAK,CAAA;AAOvF,IAAI,QAAQ,GAAc,EAAE,CAAA;AAC5B,IAAI,aAAa,GAAG,KAAK,CAAA;AAEzB,MAAM,aAAa,GAAG,CAAC,GAAkB,EAAE,EAAE;IAC3C,IAAI,GAAG,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;QACzB,+DAA+D;QAC/D,MAAM,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAA;QAE/B,IAAI,YAAY,EAAE,CAAC;YACjB,GAAG,CAAC,cAAc,EAAE,CAAA;YACpB,YAAY,CAAC,QAAQ,EAAE,CAAA;QACzB,CAAC;IACH,CAAC;AACH,CAAC,CAAA;AAED,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;QAC1C,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACxD,aAAa,GAAG,IAAI,CAAA;IACtB,CAAC;SAAM,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,aAAa,EAAE,CAAC;QAClD,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QAC3D,aAAa,GAAG,KAAK,CAAA;IACvB,CAAC;AACH,CAAC,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,SAAoC,EAAE,EAAc,EAAE,EAAE;IACvF,MAAM,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC,CAAA;IAC9B,MAAM,OAAO,GAAY,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAA;IAC7C,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAA;QAC9C,eAAe,EAAE,CAAA;IACnB,CAAC,CAAA;IAED,4EAA4E;IAC5E,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CACH,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,EACxB,CAAC,WAAW,EAAE,EAAE;YACd,UAAU,EAAE,CAAA;YACZ,IAAI,CAAC,WAAW;gBAAE,OAAM;YACxB,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;YACzB,eAAe,EAAE,CAAA;QACnB,CAAC,EACD,EAAE,SAAS,EAAE,IAAI,EAAE,CACpB,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,eAAe,CAAC,UAAU,CAAC,CAAA;AAC7B,CAAC,CAAA","sourcesContent":["import { onBeforeUnmount, onMounted, toValue, watch, type MaybeRefOrGetter } from \"vue\"\n\ntype Handler = {\n  id: symbol\n  callback: () => void\n}\n\nlet handlers: Handler[] = []\nlet listenerBound = false\n\nconst handleKeyDown = (evt: KeyboardEvent) => {\n  if (evt.key === \"Escape\") {\n    // Attempt to call the first handler in the stack, if it exists\n    const [firstHandler] = handlers\n\n    if (firstHandler) {\n      evt.preventDefault()\n      firstHandler.callback()\n    }\n  }\n}\n\nconst managerListener = () => {\n  if (handlers.length > 0 && !listenerBound) {\n    document.body.addEventListener(\"keydown\", handleKeyDown)\n    listenerBound = true\n  } else if (handlers.length === 0 && listenerBound) {\n    document.body.removeEventListener(\"keydown\", handleKeyDown)\n    listenerBound = false\n  }\n}\n\n/**\n * Escape closes the most recently registered listener first, so nested\n * overlays close one at a time.\n */\nexport const useEscCloseStack = (listening: MaybeRefOrGetter<boolean>, cb: () => void) => {\n  const id = Symbol(\"esc-close\")\n  const handler: Handler = { id, callback: cb }\n  const unregister = () => {\n    handlers = handlers.filter((h) => h.id !== id)\n    managerListener()\n  }\n\n  // Register on mount, like React's effect: nothing global happens during SSR\n  onMounted(() => {\n    watch(\n      () => toValue(listening),\n      (isListening) => {\n        unregister()\n        if (!isListening) return\n        handlers.unshift(handler)\n        managerListener()\n      },\n      { immediate: true },\n    )\n  })\n\n  onBeforeUnmount(unregister)\n}\n"]}

package/dist/es/composables/useScrollable.js

@@ -0,0 +1,31 @@
+import { onBeforeUnmount, ref, watch } from "vue";
+/** Tracks whether `target` overflows and whether it is scrolled to its start or end. */
+export const useScrollable = (target) => {
+    const isScrollable = ref(false);
+    const isAtStart = ref(true);
+    const isAtEnd = ref(false);
+    let cleanup;
+    watch(target, (container) => {
+        cleanup?.();
+        cleanup = undefined;
+        if (!container)
+            return;
+        const checkScroll = () => {
+            const { scrollHeight, clientHeight, scrollTop } = container;
+            isScrollable.value = scrollHeight > clientHeight;
+            isAtStart.value = scrollTop === 0;
+            isAtEnd.value = scrollTop + clientHeight >= scrollHeight;
+        };
+        checkScroll();
+        container.addEventListener("scroll", checkScroll, { passive: true });
+        const resizeObserver = new ResizeObserver(checkScroll);
+        resizeObserver.observe(container);
+        cleanup = () => {
+            container.removeEventListener("scroll", checkScroll);
+            resizeObserver.disconnect();
+        };
+    }, { immediate: true, flush: "post" });
+    onBeforeUnmount(() => cleanup?.());
+    return { isScrollable, isAtStart, isAtEnd };
+};
+//# sourceMappingURL=useScrollable.js.map

package/dist/es/composables/useScrollable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollable.js","sourceRoot":"","sources":["../../../src/composables/useScrollable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,GAAG,EAAE,KAAK,EAAY,MAAM,KAAK,CAAA;AAE3D,wFAAwF;AACxF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,MAA2C,EAAE,EAAE;IAC3E,MAAM,YAAY,GAAG,GAAG,CAAC,KAAK,CAAC,CAAA;IAC/B,MAAM,SAAS,GAAG,GAAG,CAAC,IAAI,CAAC,CAAA;IAC3B,MAAM,OAAO,GAAG,GAAG,CAAC,KAAK,CAAC,CAAA;IAC1B,IAAI,OAAiC,CAAA;IAErC,KAAK,CACH,MAAM,EACN,CAAC,SAAS,EAAE,EAAE;QACZ,OAAO,EAAE,EAAE,CAAA;QACX,OAAO,GAAG,SAAS,CAAA;QACnB,IAAI,CAAC,SAAS;YAAE,OAAM;QAEtB,MAAM,WAAW,GAAG,GAAG,EAAE;YACvB,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,SAAS,CAAA;YAC3D,YAAY,CAAC,KAAK,GAAG,YAAY,GAAG,YAAY,CAAA;YAChD,SAAS,CAAC,KAAK,GAAG,SAAS,KAAK,CAAC,CAAA;YACjC,OAAO,CAAC,KAAK,GAAG,SAAS,GAAG,YAAY,IAAI,YAAY,CAAA;QAC1D,CAAC,CAAA;QAED,WAAW,EAAE,CAAA;QAEb,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QACpE,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,WAAW,CAAC,CAAA;QACtD,cAAc,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;QAEjC,OAAO,GAAG,GAAG,EAAE;YACb,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAA;YACpD,cAAc,CAAC,UAAU,EAAE,CAAA;QAC7B,CAAC,CAAA;IACH,CAAC,EACD,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CACnC,CAAA;IAED,eAAe,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;IAElC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,CAAA;AAC7C,CAAC,CAAA","sourcesContent":["import { onBeforeUnmount, ref, watch, type Ref } from \"vue\"\n\n/** Tracks whether `target` overflows and whether it is scrolled to its start or end. */\nexport const useScrollable = (target: Ref<HTMLElement | null | undefined>) => {\n  const isScrollable = ref(false)\n  const isAtStart = ref(true)\n  const isAtEnd = ref(false)\n  let cleanup: (() => void) | undefined\n\n  watch(\n    target,\n    (container) => {\n      cleanup?.()\n      cleanup = undefined\n      if (!container) return\n\n      const checkScroll = () => {\n        const { scrollHeight, clientHeight, scrollTop } = container\n        isScrollable.value = scrollHeight > clientHeight\n        isAtStart.value = scrollTop === 0\n        isAtEnd.value = scrollTop + clientHeight >= scrollHeight\n      }\n\n      checkScroll()\n\n      container.addEventListener(\"scroll\", checkScroll, { passive: true })\n      const resizeObserver = new ResizeObserver(checkScroll)\n      resizeObserver.observe(container)\n\n      cleanup = () => {\n        container.removeEventListener(\"scroll\", checkScroll)\n        resizeObserver.disconnect()\n      }\n    },\n    { immediate: true, flush: \"post\" },\n  )\n\n  onBeforeUnmount(() => cleanup?.())\n\n  return { isScrollable, isAtStart, isAtEnd }\n}\n"]}