@plexui/ui 0.2.0

package/dist/es/components/UIProvider/UIProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIProvider.js","sourceRoot":"","sources":["../../../../src/components/UIProvider/UIProvider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAsE,MAAM,OAAO,CAAA;AAC1F,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAoBvD;;;;;;GAMG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,QAAQ,EACR,aAAa,GAKd;IACC,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,YAAG,QAAQ,GAA8B,CAC9F,CAAA;AACH,CAAC","sourcesContent":["\"use client\"\n\nimport { type ComponentType, type ForwardRefExoticComponent, type ReactNode } from \"react\"\nimport { UIProviderContext } from \"./UIProviderContext\"\n\n/// <reference path=\"../../global.d.ts\" />\n\ninterface DefaultConfig {\n  LinkComponent: \"a\"\n}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n  interface UIProviderConfig {}\n}\n\n// Utility type to merge defaults with overrides. The override keys take precedence.\ntype MergeOverrides<Defaults, Overrides> = Omit<Defaults, keyof Overrides> & Overrides\n\nexport type Config = MergeOverrides<DefaultConfig, UIProviderConfig>\n\nexport type LinkComponent = Config[\"LinkComponent\"]\n\n/**\n * Shared context for all Storybook components - wrap your app in this\n * provider to use Storybook components.\n *\n * It's pretty thin right now, we only use it to hold onto the component you\n * use for rendering Links, but it could be expanded in the future.\n */\nexport function UIProvider({\n  children,\n  linkComponent,\n}: {\n  children: ReactNode\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  linkComponent: ComponentType<any> | ForwardRefExoticComponent<any> | \"a\"\n}) {\n  return (\n    <UIProviderContext.Provider value={{ linkComponent }}>{children}</UIProviderContext.Provider>\n  )\n}\n"]}

package/dist/es/components/UIProvider/UIProviderContext.js

@@ -0,0 +1,4 @@
+"use client";
+import { createContext } from "react";
+export const UIProviderContext = createContext(null);
+//# sourceMappingURL=UIProviderContext.js.map

package/dist/es/components/UIProvider/UIProviderContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIProviderContext.js","sourceRoot":"","sources":["../../../../src/components/UIProvider/UIProviderContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAsB,aAAa,EAAkC,MAAM,OAAO,CAAA;AAOzF,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAgC,IAAI,CAAC,CAAA","sourcesContent":["\"use client\"\n\nimport { type ComponentType, createContext, type ForwardRefExoticComponent } from \"react\"\n\ntype UIProviderContextValue = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  linkComponent: ComponentType<any> | ForwardRefExoticComponent<any> | \"a\"\n}\n\nexport const UIProviderContext = createContext<UIProviderContextValue | null>(null)\n"]}

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

@@ -0,0 +1,2 @@
+export { UIProvider } from "./UIProvider";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/UIProvider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA","sourcesContent":["export { UIProvider } from \"./UIProvider\"\n"]}

package/dist/es/components/UIProvider/internal.js

@@ -0,0 +1,8 @@
+"use client";
+import { useContext } from "react";
+import { UIProviderContext } from "./UIProviderContext";
+export function useLinkComponent() {
+    const context = useContext(UIProviderContext);
+    return context?.linkComponent ?? "a";
+}
+//# sourceMappingURL=internal.js.map

package/dist/es/components/UIProvider/internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../../src/components/UIProvider/internal.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,MAAM,UAAU,gBAAgB;IAC9B,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC7C,OAAO,OAAO,EAAE,aAAa,IAAI,GAAG,CAAA;AACtC,CAAC","sourcesContent":["\"use client\"\n\nimport { useContext } from \"react\"\nimport { UIProviderContext } from \"./UIProviderContext\"\n\nexport function useLinkComponent() {\n  const context = useContext(UIProviderContext)\n  return context?.linkComponent ?? \"a\"\n}\n"]}

package/dist/es/hooks/useAnimatedScrollTo.js

@@ -0,0 +1,91 @@
+import { useCallback, useEffect, useRef } from "react";
+import { prefersReducedMotion } from "../lib/helpers";
+const clamp0 = (n) => Math.max(0, n);
+export const useAnimatedScrollTo = (scrollRef) => {
+    const rafIdRef = useRef(null);
+    const listenerCleanup = useRef(null);
+    const isAnimatingRef = useRef(false);
+    const userInterruptedRef = useRef(false);
+    const addInteractionListeners = useCallback((container) => {
+        const handleInteract = () => {
+            userInterruptedRef.current = true;
+        };
+        container.addEventListener("wheel", handleInteract, { passive: true });
+        container.addEventListener("touchstart", handleInteract, { passive: true });
+        container.addEventListener("touchmove", handleInteract, { passive: true });
+        listenerCleanup.current = () => {
+            container.removeEventListener("wheel", handleInteract);
+            container.removeEventListener("touchstart", handleInteract);
+            container.removeEventListener("touchmove", handleInteract);
+            listenerCleanup.current = null;
+        };
+    }, []);
+    const cancelAnimation = useCallback(() => {
+        rafIdRef.current && cancelAnimationFrame(rafIdRef.current);
+        isAnimatingRef.current = false;
+        userInterruptedRef.current = false;
+        listenerCleanup.current?.();
+    }, []);
+    useEffect(() => {
+        return () => cancelAnimation();
+    }, [cancelAnimation]);
+    const scrollTo = useCallback((targetScrollTop) => {
+        const container = scrollRef.current;
+        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 (isAnimatingRef.current) {
+            cancelAnimation();
+        }
+        // Clamp boundaries
+        const maxY = clamp0(container.scrollHeight - container.clientHeight);
+        const targetY = clamp0(Math.min(targetScrollTop, maxY));
+        let currentY = container.scrollTop;
+        isAnimatingRef.current = true;
+        userInterruptedRef.current = 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 = scrollRef.current;
+            if (!element || userInterruptedRef.current) {
+                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;
+            }
+            rafIdRef.current = requestAnimationFrame(step);
+        };
+        rafIdRef.current = requestAnimationFrame(step);
+    }, [addInteractionListeners, cancelAnimation, scrollRef]);
+    return scrollTo;
+};
+//# sourceMappingURL=useAnimatedScrollTo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimatedScrollTo.js","sourceRoot":"","sources":["../../../src/hooks/useAnimatedScrollTo.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useRef } from \"react\"\nimport { prefersReducedMotion } from \"../lib/helpers\"\n\nconst clamp0 = (n: number) => Math.max(0, n)\n\nexport const useAnimatedScrollTo = (scrollRef: React.RefObject<HTMLDivElement | null>) => {\n  const rafIdRef = useRef<number | null>(null)\n  const listenerCleanup = useRef<(() => void) | null>(null)\n  const isAnimatingRef = useRef(false)\n  const userInterruptedRef = useRef(false)\n\n  const addInteractionListeners = useCallback((container: HTMLDivElement) => {\n    const handleInteract = () => {\n      userInterruptedRef.current = 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.current = () => {\n      container.removeEventListener(\"wheel\", handleInteract)\n      container.removeEventListener(\"touchstart\", handleInteract)\n      container.removeEventListener(\"touchmove\", handleInteract)\n      listenerCleanup.current = null\n    }\n  }, [])\n\n  const cancelAnimation = useCallback(() => {\n    rafIdRef.current && cancelAnimationFrame(rafIdRef.current)\n    isAnimatingRef.current = false\n    userInterruptedRef.current = false\n    listenerCleanup.current?.()\n  }, [])\n\n  useEffect(() => {\n    return () => cancelAnimation()\n  }, [cancelAnimation])\n\n  const scrollTo = useCallback(\n    (targetScrollTop: number) => {\n      const container = scrollRef.current\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 (isAnimatingRef.current) {\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      isAnimatingRef.current = true\n      userInterruptedRef.current = 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 = scrollRef.current\n\n        if (!element || userInterruptedRef.current) {\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        rafIdRef.current = requestAnimationFrame(step)\n      }\n\n      rafIdRef.current = requestAnimationFrame(step)\n    },\n    [addInteractionListeners, cancelAnimation, scrollRef],\n  )\n\n  return scrollTo\n}\n"]}

package/dist/es/hooks/useAutoGrowTextarea.js

@@ -0,0 +1,60 @@
+import { useCallback, useEffect, useLayoutEffect, useRef } from "react";
+export const useAutoGrowTextarea = (ref, value) => {
+    const lastScrollHeight = useRef(0);
+    const lastWidth = useRef(null);
+    const measureAndMutate = useCallback((textarea, controlledValue = "") => {
+        textarea.style.height = "0px";
+        const { scrollHeight, offsetHeight, offsetWidth, clientHeight } = textarea;
+        const targetHeight = scrollHeight + (offsetHeight - clientHeight);
+        // @ts-expect-error -- This custom value is intentional
+        textarea.__autoGrowHeightValue = targetHeight;
+        textarea.style.height = `${targetHeight}px`;
+        if (lastScrollHeight.current < scrollHeight &&
+            textarea.selectionEnd === controlledValue.length) {
+            textarea.scrollTop = scrollHeight;
+        }
+        lastScrollHeight.current = textarea.scrollHeight;
+        lastWidth.current = offsetWidth;
+    }, []);
+    // Consumers pass us the value, which they are using as a controlled component.
+    // React will commit this value into the DOM before this hook is fired.
+    useLayoutEffect(() => {
+        const textarea = ref.current;
+        if (!textarea) {
+            return;
+        }
+        measureAndMutate(textarea, value);
+    }, [ref, value, measureAndMutate]);
+    useEffect(() => {
+        const textarea = ref.current;
+        if (!textarea) {
+            return;
+        }
+        const observer = new ResizeObserver(() => {
+            const nextWidth = textarea.offsetWidth;
+            // Only concerned with width changes that might affect the last measured height
+            if (lastWidth.current == null || nextWidth !== lastWidth.current) {
+                measureAndMutate(textarea, textarea.value);
+            }
+        });
+        observer.observe(textarea);
+        return () => {
+            observer.disconnect();
+        };
+    }, [ref, measureAndMutate]);
+};
+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);
+    // @ts-expect-error -- This custom value is intentional
+    textarea.__autoGrowHeightValue = targetHeight;
+    textarea.style.height = `${targetHeight}px`;
+};
+export const getAutoGrowTextareaHeight = (textarea) => 
+// @ts-expect-error -- Avoid unnecessary paints by reading stored height
+textarea.__autoGrowHeightValue || textarea.clientHeight;
+//# sourceMappingURL=useAutoGrowTextarea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoGrowTextarea.js","sourceRoot":"","sources":["../../../src/hooks/useAutoGrowTextarea.tsx"],"names":[],"mappings":"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","sourcesContent":["import { type RefObject, useCallback, useEffect, useLayoutEffect, useRef } from \"react\"\n\nexport const useAutoGrowTextarea = (ref: RefObject<HTMLTextAreaElement | null>, value: string) => {\n  const lastScrollHeight = useRef<number>(0)\n  const lastWidth = useRef<number | null>(null)\n\n  const measureAndMutate = useCallback(\n    (textarea: HTMLTextAreaElement, controlledValue: string = \"\") => {\n      textarea.style.height = \"0px\"\n      const { scrollHeight, offsetHeight, offsetWidth, clientHeight } = textarea\n      const targetHeight = scrollHeight + (offsetHeight - clientHeight)\n      // @ts-expect-error -- This custom value is intentional\n      textarea.__autoGrowHeightValue = targetHeight\n      textarea.style.height = `${targetHeight}px`\n\n      if (\n        lastScrollHeight.current < scrollHeight &&\n        textarea.selectionEnd === controlledValue.length\n      ) {\n        textarea.scrollTop = scrollHeight\n      }\n      lastScrollHeight.current = textarea.scrollHeight\n      lastWidth.current = offsetWidth\n    },\n    [],\n  )\n\n  // Consumers pass us the value, which they are using as a controlled component.\n  // React will commit this value into the DOM before this hook is fired.\n  useLayoutEffect(() => {\n    const textarea = ref.current\n    if (!textarea) {\n      return\n    }\n\n    measureAndMutate(textarea, value)\n  }, [ref, value, measureAndMutate])\n\n  useEffect(() => {\n    const textarea = ref.current\n    if (!textarea) {\n      return\n    }\n\n    const observer = new ResizeObserver(() => {\n      const nextWidth = textarea.offsetWidth\n      // Only concerned with width changes that might affect the last measured height\n      if (lastWidth.current == null || nextWidth !== lastWidth.current) {\n        measureAndMutate(textarea, textarea.value)\n      }\n    })\n\n    observer.observe(textarea)\n\n    return () => {\n      observer.disconnect()\n    }\n  }, [ref, measureAndMutate])\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  // @ts-expect-error -- This custom value is intentional\n  textarea.__autoGrowHeightValue = targetHeight\n  textarea.style.height = `${targetHeight}px`\n}\n\nexport const getAutoGrowTextareaHeight = (textarea: HTMLTextAreaElement) =>\n  // @ts-expect-error -- Avoid unnecessary paints by reading stored height\n  textarea.__autoGrowHeightValue || textarea.clientHeight\n"]}

package/dist/es/hooks/useBreakpoints.js

@@ -0,0 +1,34 @@
+import { useMediaQuery } from "usehooks-ts";
+import { isDev } from "../lib/constants";
+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 PlexUI.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);
+};
+export const useBreakpoint = (bp) => useMediaQuery(`(min-width: ${resolveBreakpoint(bp)}px)`);
+//# sourceMappingURL=useBreakpoints.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoints.js","sourceRoot":"","sources":["../../../src/hooks/useBreakpoints.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAExC,MAAM,CAAC,MAAM,KAAK,GAAG,IAAI,GAAG,EAAkB,CAAA;AAC9C,IAAI,UAAU,GAA+B,IAAI,CAAA;AAEjD,oDAAoD;AACpD,MAAM,oBAAoB,GAAsC;IAC9D,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,EAAqB,EAAU,EAAE;IAC1D,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,0FAA0F,CAC7F,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,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAqB,EAAW,EAAE,CAC9D,aAAa,CAAC,eAAe,iBAAiB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAA","sourcesContent":["import { useMediaQuery } from \"usehooks-ts\"\nimport { isDev } from \"../lib/constants\"\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<PlexUI.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: PlexUI.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 PlexUI.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\nexport const useBreakpoint = (bp: PlexUI.Breakpoint): boolean =>\n  useMediaQuery(`(min-width: ${resolveBreakpoint(bp)}px)`)\n"]}

package/dist/es/hooks/useCharactersPerSecond.js

@@ -0,0 +1,51 @@
+import { useEffect, useRef } from "react";
+const MIN_TIME_DELTA = 10;
+const MIN_CHARS_DELTA = 1;
+const MAX_SAMPLES = 30;
+const OUTLIER_STD_DEVS = 2;
+export function useCharactersPerSecond(text, streaming) {
+    const samplesRef = useRef([]);
+    const lastLengthRef = useRef(text.length);
+    const lastTimeRef = useRef(Date.now());
+    useEffect(() => {
+        if (!streaming)
+            return;
+        const now = Date.now();
+        const length = text.length;
+        const charsDelta = length - lastLengthRef.current;
+        const timeDelta = now - lastTimeRef.current;
+        if (charsDelta < MIN_CHARS_DELTA || timeDelta < MIN_TIME_DELTA)
+            return;
+        const timeDeltaSeconds = timeDelta / 1000;
+        const cps = charsDelta / timeDeltaSeconds;
+        const samples = samplesRef.current;
+        samples.push(cps);
+        if (samples.length > MAX_SAMPLES)
+            samples.shift();
+        lastLengthRef.current = length;
+        lastTimeRef.current = now;
+    }, [text, streaming]);
+    return () => {
+        const samples = samplesRef.current;
+        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/hooks/useCharactersPerSecond.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCharactersPerSecond.js","sourceRoot":"","sources":["../../../src/hooks/useCharactersPerSecond.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useRef } from \"react\"\n\nconst MIN_TIME_DELTA = 10\nconst MIN_CHARS_DELTA = 1\nconst MAX_SAMPLES = 30\nconst OUTLIER_STD_DEVS = 2\n\nexport function useCharactersPerSecond(text: string, streaming: boolean): () => number {\n  const samplesRef = useRef<number[]>([])\n  const lastLengthRef = useRef(text.length)\n  const lastTimeRef = useRef(Date.now())\n\n  useEffect(() => {\n    if (!streaming) return\n\n    const now = Date.now()\n    const length = text.length\n    const charsDelta = length - lastLengthRef.current\n    const timeDelta = now - lastTimeRef.current\n    if (charsDelta < MIN_CHARS_DELTA || timeDelta < MIN_TIME_DELTA) return\n\n    const timeDeltaSeconds = timeDelta / 1000\n    const cps = charsDelta / timeDeltaSeconds\n\n    const samples = samplesRef.current\n    samples.push(cps)\n    if (samples.length > MAX_SAMPLES) samples.shift()\n\n    lastLengthRef.current = length\n    lastTimeRef.current = now\n  }, [text, streaming])\n\n  return () => {\n    const samples = samplesRef.current\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/hooks/useDocumentVisible.js

@@ -0,0 +1,18 @@
+import { useEffect, useState } from "react";
+export function useDocumentVisible() {
+    const [visible, setVisible] = useState(() => typeof document === "undefined" || document.visibilityState !== "hidden");
+    useEffect(() => {
+        if (typeof document === "undefined") {
+            return;
+        }
+        const handleVisibility = () => {
+            setVisible(document.visibilityState !== "hidden");
+        };
+        document.addEventListener("visibilitychange", handleVisibility);
+        return () => {
+            document.removeEventListener("visibilitychange", handleVisibility);
+        };
+    }, []);
+    return visible;
+}
+//# sourceMappingURL=useDocumentVisible.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDocumentVisible.js","sourceRoot":"","sources":["../../../src/hooks/useDocumentVisible.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,UAAU,kBAAkB;IAChC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CACpC,GAAG,EAAE,CAAC,OAAO,QAAQ,KAAK,WAAW,IAAI,QAAQ,CAAC,eAAe,KAAK,QAAQ,CAC/E,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;YACpC,OAAM;QACR,CAAC;QAED,MAAM,gBAAgB,GAAG,GAAG,EAAE;YAC5B,UAAU,CAAC,QAAQ,CAAC,eAAe,KAAK,QAAQ,CAAC,CAAA;QACnD,CAAC,CAAA;QAED,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,CAAA;QAE/D,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,CAAA;QACpE,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,OAAO,CAAA;AAChB,CAAC","sourcesContent":["import { useEffect, useState } from \"react\"\n\nexport function useDocumentVisible(): boolean {\n  const [visible, setVisible] = useState<boolean>(\n    () => typeof document === \"undefined\" || document.visibilityState !== \"hidden\",\n  )\n\n  useEffect(() => {\n    if (typeof document === \"undefined\") {\n      return\n    }\n\n    const handleVisibility = () => {\n      setVisible(document.visibilityState !== \"hidden\")\n    }\n\n    document.addEventListener(\"visibilitychange\", handleVisibility)\n\n    return () => {\n      document.removeEventListener(\"visibilitychange\", handleVisibility)\n    }\n  }, [])\n\n  return visible\n}\n"]}

package/dist/es/hooks/useEscCloseStack.js

@@ -0,0 +1,45 @@
+import { useEffect, useId } from "react";
+import { useLatestValue } from "./useLatestValue";
+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.current?.();
+        }
+    }
+};
+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;
+    }
+};
+const registerHandler = (handler) => {
+    handlers.unshift(handler);
+    managerListener();
+};
+const unregisterHandler = ({ id }) => {
+    handlers = handlers.filter((h) => h.id !== id);
+    managerListener();
+};
+export const useEscCloseStack = (listening, cb) => {
+    const id = useId();
+    const latestCallback = useLatestValue(cb);
+    useEffect(() => {
+        if (!listening) {
+            return;
+        }
+        const handler = { id, callback: latestCallback };
+        registerHandler(handler);
+        return () => unregisterHandler(handler);
+    }, [id, listening, latestCallback]);
+};
+//# sourceMappingURL=useEscCloseStack.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEscCloseStack.js","sourceRoot":"","sources":["../../../src/hooks/useEscCloseStack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAOjD,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,CAAC,OAAO,EAAE,EAAE,CAAA;QACnC,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,MAAM,eAAe,GAAG,CAAC,OAAgB,EAAE,EAAE;IAC3C,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;IACzB,eAAe,EAAE,CAAA;AACnB,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,CAAC,EAAE,EAAE,EAAW,EAAE,EAAE;IAC5C,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAA;IAC9C,eAAe,EAAE,CAAA;AACnB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,SAAkB,EAAE,EAAc,EAAE,EAAE;IACrE,MAAM,EAAE,GAAG,KAAK,EAAE,CAAA;IAClB,MAAM,cAAc,GAAG,cAAc,CAAC,EAAE,CAAC,CAAA;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,OAAM;QACR,CAAC;QAED,MAAM,OAAO,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAA;QAChD,eAAe,CAAC,OAAO,CAAC,CAAA;QAExB,OAAO,GAAG,EAAE,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAA;IACzC,CAAC,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAA;AACrC,CAAC,CAAA","sourcesContent":["import { useEffect, useId } from \"react\"\nimport { useLatestValue } from \"./useLatestValue\"\n\ntype Handler = {\n  id: string\n  callback: React.MutableRefObject<() => 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.current?.()\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\nconst registerHandler = (handler: Handler) => {\n  handlers.unshift(handler)\n  managerListener()\n}\n\nconst unregisterHandler = ({ id }: Handler) => {\n  handlers = handlers.filter((h) => h.id !== id)\n  managerListener()\n}\n\nexport const useEscCloseStack = (listening: boolean, cb: () => void) => {\n  const id = useId()\n  const latestCallback = useLatestValue(cb)\n\n  useEffect(() => {\n    if (!listening) {\n      return\n    }\n\n    const handler = { id, callback: latestCallback }\n    registerHandler(handler)\n\n    return () => unregisterHandler(handler)\n  }, [id, listening, latestCallback])\n}\n"]}

package/dist/es/hooks/useIsMounted.js

@@ -0,0 +1,21 @@
+import { useEffect, useRef, useState } from "react";
+export function useIsMounted() {
+    const [isMounted, setIsMounted] = useState(false);
+    useEffect(() => {
+        setIsMounted(true);
+    }, []);
+    return isMounted;
+}
+// Some components may want a ref instead of a state
+// (for example, if they're checking isMounted in an async useEffect)
+export function useIsMountedRef() {
+    const isMountedRef = useRef(undefined);
+    useEffect(() => {
+        isMountedRef.current = true;
+        return () => {
+            isMountedRef.current = false;
+        };
+    }, []);
+    return isMountedRef;
+}
+//# sourceMappingURL=useIsMounted.js.map

package/dist/es/hooks/useIsMounted.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMounted.js","sourceRoot":"","sources":["../../../src/hooks/useIsMounted.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEnD,MAAM,UAAU,YAAY;IAC1B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjD,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,IAAI,CAAC,CAAA;IACpB,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,OAAO,SAAS,CAAA;AAClB,CAAC;AAED,oDAAoD;AACpD,qEAAqE;AACrE,MAAM,UAAU,eAAe;IAC7B,MAAM,YAAY,GAAG,MAAM,CAAU,SAAS,CAAC,CAAA;IAC/C,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,OAAO,GAAG,IAAI,CAAA;QAC3B,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,OAAO,GAAG,KAAK,CAAA;QAC9B,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,OAAO,YAAY,CAAA;AACrB,CAAC","sourcesContent":["import { useEffect, useRef, useState } from \"react\"\n\nexport function useIsMounted() {\n  const [isMounted, setIsMounted] = useState(false)\n  useEffect(() => {\n    setIsMounted(true)\n  }, [])\n  return isMounted\n}\n\n// Some components may want a ref instead of a state\n// (for example, if they're checking isMounted in an async useEffect)\nexport function useIsMountedRef() {\n  const isMountedRef = useRef<boolean>(undefined)\n  useEffect(() => {\n    isMountedRef.current = true\n    return () => {\n      isMountedRef.current = false\n    }\n  }, [])\n  return isMountedRef\n}\n"]}

package/dist/es/hooks/useLatestValue.js

@@ -0,0 +1,7 @@
+import { useRef } from "react";
+export function useLatestValue(value) {
+    const ref = useRef(value);
+    ref.current = value;
+    return ref;
+}
+//# sourceMappingURL=useLatestValue.js.map

package/dist/es/hooks/useLatestValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLatestValue.js","sourceRoot":"","sources":["../../../src/hooks/useLatestValue.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAE9B,MAAM,UAAU,cAAc,CAAI,KAAQ;IACxC,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IACzB,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;IACnB,OAAO,GAAG,CAAA;AACZ,CAAC","sourcesContent":["import { useRef } from \"react\"\n\nexport function useLatestValue<T>(value: T) {\n  const ref = useRef(value)\n  ref.current = value\n  return ref\n}\n"]}

package/dist/es/hooks/usePrevious.js

@@ -0,0 +1,11 @@
+import { useEffect, useRef } from "react";
+export function usePrevious(value) {
+    const ref = useRef(value);
+    useEffect(() => {
+        return () => {
+            ref.current = value;
+        };
+    }, [value]);
+    return ref.current;
+}
+//# sourceMappingURL=usePrevious.js.map

package/dist/es/hooks/usePrevious.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePrevious.js","sourceRoot":"","sources":["../../../src/hooks/usePrevious.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEzC,MAAM,UAAU,WAAW,CAAI,KAAQ;IACrC,MAAM,GAAG,GAAG,MAAM,CAAI,KAAK,CAAC,CAAA;IAE5B,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;QACrB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,GAAG,CAAC,OAAO,CAAA;AACpB,CAAC","sourcesContent":["import { useEffect, useRef } from \"react\"\n\nexport function usePrevious<T>(value: T): T {\n  const ref = useRef<T>(value)\n\n  useEffect(() => {\n    return () => {\n      ref.current = value\n    }\n  }, [value])\n\n  return ref.current\n}\n"]}

package/dist/es/hooks/useScrollable.js

@@ -0,0 +1,27 @@
+import { useEffect, useState } from "react";
+export const useScrollable = (ref) => {
+    const [isScrollable, setIsScrollable] = useState(false);
+    const [isAtStart, setIsAtStart] = useState(true);
+    const [isAtEnd, setIsAtEnd] = useState(false);
+    useEffect(() => {
+        const container = ref.current;
+        if (!container)
+            return;
+        const checkScroll = () => {
+            const { scrollHeight, clientHeight, scrollTop } = container;
+            setIsScrollable(scrollHeight > clientHeight);
+            setIsAtStart(scrollTop === 0);
+            setIsAtEnd(scrollTop + clientHeight >= scrollHeight);
+        };
+        checkScroll();
+        container.addEventListener("scroll", checkScroll, { passive: true });
+        const resizeObserver = new ResizeObserver(checkScroll);
+        resizeObserver.observe(container);
+        return () => {
+            container.removeEventListener("scroll", checkScroll);
+            resizeObserver.disconnect();
+        };
+    }, [ref]);
+    return { isScrollable, isAtStart, isAtEnd };
+};
+//# sourceMappingURL=useScrollable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollable.js","sourceRoot":"","sources":["../../../src/hooks/useScrollable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AAE3D,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,GAAkC,EAAE,EAAE;IAClE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAChD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,GAAG,CAAC,OAAO,CAAA;QAC7B,IAAI,CAAC,SAAS;YAAE,OAAM;QAEtB,MAAM,WAAW,GAAG,GAAG,EAAE;YACvB,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,SAAS,CAAA;YAC3D,eAAe,CAAC,YAAY,GAAG,YAAY,CAAC,CAAA;YAC5C,YAAY,CAAC,SAAS,KAAK,CAAC,CAAC,CAAA;YAC7B,UAAU,CAAC,SAAS,GAAG,YAAY,IAAI,YAAY,CAAC,CAAA;QACtD,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,EAAE;YACV,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAA;YACpD,cAAc,CAAC,UAAU,EAAE,CAAA;QAC7B,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAET,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,CAAA;AAC7C,CAAC,CAAA","sourcesContent":["import { useEffect, useState, type RefObject } from \"react\"\n\nexport const useScrollable = (ref: RefObject<HTMLElement | null>) => {\n  const [isScrollable, setIsScrollable] = useState(false)\n  const [isAtStart, setIsAtStart] = useState(true)\n  const [isAtEnd, setIsAtEnd] = useState(false)\n\n  useEffect(() => {\n    const container = ref.current\n    if (!container) return\n\n    const checkScroll = () => {\n      const { scrollHeight, clientHeight, scrollTop } = container\n      setIsScrollable(scrollHeight > clientHeight)\n      setIsAtStart(scrollTop === 0)\n      setIsAtEnd(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    return () => {\n      container.removeEventListener(\"scroll\", checkScroll)\n      resizeObserver.disconnect()\n    }\n  }, [ref])\n\n  return { isScrollable, isAtStart, isAtEnd }\n}\n"]}

package/dist/es/hooks/useSimulatedProgress.js

@@ -0,0 +1,52 @@
+import { useState } from "react";
+import { useInterval } from "usehooks-ts";
+/**
+ * Deterministically returns a progress value between 0 and 100 that decays as it approaches 100,
+ * based on a maximum duration and the elapsed time.
+ *
+ * @param maxTime - The maximum duration (in ms) after which the progress will be 100
+ * @param elapsedTime - The elapsed time (in ms) since the start time
+ * @returns The simulated progress percentage
+ */
+export function getSimulatedProgress(maxTime, elapsedTime) {
+    // Parameters
+    const P_max = 99.9; // Maximum percentage to approach (less than 100%)
+    const P1 = 35; // Percentage at which the rate slows down
+    const initialRate = (3 * 100) / maxTime; // Initial rate (% per second)
+    const t1 = P1 / initialRate; // Time when progress reaches P1
+    let percentage;
+    if (elapsedTime <= t1) {
+        // **Phase 1:** Linear increase at the start to show consistency in progress
+        percentage = initialRate * elapsedTime;
+    }
+    else {
+        // **Phase 2:** Progress slows down, approaching P_max
+        const k = 4; // Controls how quickly progress approaches P_max
+        const remainingTime = maxTime - t1;
+        const timeSinceT1 = elapsedTime - t1;
+        const exponent = -k * (timeSinceT1 / remainingTime);
+        percentage = P1 + (P_max - P1) * (1 - Math.exp(exponent));
+    }
+    // Ensure the percentage does not exceed P_max
+    return Math.min(percentage, P_max);
+}
+/**
+ * Returns a number that will increase over time, decaying as it approaches 100,
+ * withouth ever reaching the end.
+ *
+ * @param startAt - The time at which the progress started
+ * @param maxDuration - The maximum duration (in ms) after which the progress will be 100
+ * @param completed - Sets progress to 100% immediately
+ */
+export const useSimulatedProgress = (startAt, maxDuration, completed) => {
+    const elapsedStartTime = +new Date() - startAt;
+    const [progress, setProgress] = useState(getSimulatedProgress(maxDuration, elapsedStartTime));
+    const incrementProgress = () => {
+        const elapsedTime = +new Date() - startAt;
+        const newProgress = elapsedTime >= maxDuration ? 100 : getSimulatedProgress(maxDuration, elapsedTime);
+        setProgress(newProgress);
+    };
+    useInterval(incrementProgress, completed ? null : 100);
+    return completed ? 100 : progress;
+};
+//# sourceMappingURL=useSimulatedProgress.js.map

package/dist/es/hooks/useSimulatedProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSimulatedProgress.js","sourceRoot":"","sources":["../../../src/hooks/useSimulatedProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAEzC;;;;;;;GAOG;AACH,MAAM,UAAU,oBAAoB,CAAC,OAAe,EAAE,WAAmB;IACvE,aAAa;IACb,MAAM,KAAK,GAAG,IAAI,CAAA,CAAC,kDAAkD;IACrE,MAAM,EAAE,GAAG,EAAE,CAAA,CAAC,0CAA0C;IACxD,MAAM,WAAW,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,OAAO,CAAA,CAAC,8BAA8B;IACtE,MAAM,EAAE,GAAG,EAAE,GAAG,WAAW,CAAA,CAAC,gCAAgC;IAE5D,IAAI,UAAU,CAAA;IAEd,IAAI,WAAW,IAAI,EAAE,EAAE,CAAC;QACtB,4EAA4E;QAC5E,UAAU,GAAG,WAAW,GAAG,WAAW,CAAA;IACxC,CAAC;SAAM,CAAC;QACN,sDAAsD;QACtD,MAAM,CAAC,GAAG,CAAC,CAAA,CAAC,iDAAiD;QAC7D,MAAM,aAAa,GAAG,OAAO,GAAG,EAAE,CAAA;QAClC,MAAM,WAAW,GAAG,WAAW,GAAG,EAAE,CAAA;QACpC,MAAM,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,WAAW,GAAG,aAAa,CAAC,CAAA;QACnD,UAAU,GAAG,EAAE,GAAG,CAAC,KAAK,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC3D,CAAC;IAED,8CAA8C;IAC9C,OAAO,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;AACpC,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,OAAe,EAAE,WAAmB,EAAE,SAAmB,EAAE,EAAE;IAChG,MAAM,gBAAgB,GAAG,CAAC,IAAI,IAAI,EAAE,GAAG,OAAO,CAAA;IAC9C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,oBAAoB,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAAC,CAAA;IAE7F,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,MAAM,WAAW,GAAG,CAAC,IAAI,IAAI,EAAE,GAAG,OAAO,CAAA;QACzC,MAAM,WAAW,GACf,WAAW,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,oBAAoB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAA;QACnF,WAAW,CAAC,WAAW,CAAC,CAAA;IAC1B,CAAC,CAAA;IAED,WAAW,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;IAEtD,OAAO,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAA;AACnC,CAAC,CAAA","sourcesContent":["import { useState } from \"react\"\nimport { useInterval } from \"usehooks-ts\"\n\n/**\n * Deterministically returns a progress value between 0 and 100 that decays as it approaches 100,\n * based on a maximum duration and the elapsed time.\n *\n * @param maxTime - The maximum duration (in ms) after which the progress will be 100\n * @param elapsedTime - The elapsed time (in ms) since the start time\n * @returns The simulated progress percentage\n */\nexport function getSimulatedProgress(maxTime: number, elapsedTime: number) {\n  // Parameters\n  const P_max = 99.9 // Maximum percentage to approach (less than 100%)\n  const P1 = 35 // Percentage at which the rate slows down\n  const initialRate = (3 * 100) / maxTime // Initial rate (% per second)\n  const t1 = P1 / initialRate // Time when progress reaches P1\n\n  let percentage\n\n  if (elapsedTime <= t1) {\n    // **Phase 1:** Linear increase at the start to show consistency in progress\n    percentage = initialRate * elapsedTime\n  } else {\n    // **Phase 2:** Progress slows down, approaching P_max\n    const k = 4 // Controls how quickly progress approaches P_max\n    const remainingTime = maxTime - t1\n    const timeSinceT1 = elapsedTime - t1\n    const exponent = -k * (timeSinceT1 / remainingTime)\n    percentage = P1 + (P_max - P1) * (1 - Math.exp(exponent))\n  }\n\n  // Ensure the percentage does not exceed P_max\n  return Math.min(percentage, P_max)\n}\n\n/**\n * Returns a number that will increase over time, decaying as it approaches 100,\n * withouth ever reaching the end.\n *\n * @param startAt - The time at which the progress started\n * @param maxDuration - The maximum duration (in ms) after which the progress will be 100\n * @param completed - Sets progress to 100% immediately\n */\nexport const useSimulatedProgress = (startAt: number, maxDuration: number, completed?: boolean) => {\n  const elapsedStartTime = +new Date() - startAt\n  const [progress, setProgress] = useState(getSimulatedProgress(maxDuration, elapsedStartTime))\n\n  const incrementProgress = () => {\n    const elapsedTime = +new Date() - startAt\n    const newProgress =\n      elapsedTime >= maxDuration ? 100 : getSimulatedProgress(maxDuration, elapsedTime)\n    setProgress(newProgress)\n  }\n\n  useInterval(incrementProgress, completed ? null : 100)\n\n  return completed ? 100 : progress\n}\n"]}

package/dist/es/hooks/useStableCallback.js

@@ -0,0 +1,7 @@
+import { useCallback, useRef } from "react";
+export function useStableCallback(callback) {
+    const callbackRef = useRef(callback);
+    callbackRef.current = callback;
+    return useCallback((...args) => callbackRef.current(...args), []);
+}
+//# sourceMappingURL=useStableCallback.js.map

package/dist/es/hooks/useStableCallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStableCallback.js","sourceRoot":"","sources":["../../../src/hooks/useStableCallback.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAK3C,MAAM,UAAU,iBAAiB,CAAwB,QAAW;IAClE,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;IACpC,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAA;IAC9B,OAAO,WAAW,CAAC,CAAC,GAAG,IAAmB,EAAE,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,EAAE,EAAE,CAAM,CAAA;AACvF,CAAC","sourcesContent":["import { useCallback, useRef } from \"react\"\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype AnyFunction = (...args: any[]) => any\n\nexport function useStableCallback<T extends AnyFunction>(callback: T): T {\n  const callbackRef = useRef(callback)\n  callbackRef.current = callback\n  return useCallback((...args: Parameters<T>) => callbackRef.current(...args), []) as T\n}\n"]}