@a-type/ui 5.0.21 → 6.0.0

package/dist/css/util.css

@@ -0,0 +1,128 @@
+/* Sizes */
+.w-auto {
+	width: auto;
+}
+.h-auto {
+	height: auto;
+}
+.w-full {
+	width: 100%;
+}
+.h-full {
+	height: 100%;
+}
+
+/* Overflows */
+.overflow-visible {
+	overflow: visible;
+}
+.overflow-hidden {
+	overflow: hidden;
+}
+.overflow-auto {
+	overflow: auto;
+}
+.overflow-x-auto {
+	overflow-x: auto;
+}
+.overflow-y-auto {
+	overflow-y: auto;
+}
+.overflow-x-hidden {
+	overflow-x: hidden;
+}
+.overflow-y-hidden {
+	overflow-y: hidden;
+}
+
+/* Flex */
+.flex {
+	display: flex;
+}
+.flex-row {
+	flex-direction: row;
+}
+.flex-col {
+	flex-direction: column;
+}
+.flex-wrap {
+	flex-wrap: wrap;
+}
+.flex-nowrap {
+	flex-wrap: nowrap;
+}
+.flex-center {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.gap-none {
+	gap: 0;
+}
+.gap-xs {
+	gap: var(--m-spacing-xs);
+}
+.gap-sm {
+	gap: var(--m-spacing-sm);
+}
+.gap-md {
+	gap: var(--m-spacing-md);
+}
+.gap-lg {
+	gap: var(--m-spacing-lg);
+}
+.gap-xl {
+	gap: var(--m-spacing-xl);
+}
+
+.items-start {
+	align-items: flex-start;
+}
+.items-center {
+	align-items: center;
+}
+.items-end {
+	align-items: flex-end;
+}
+.items-stretch {
+	align-items: stretch;
+}
+.justify-start {
+	justify-content: flex-start;
+}
+.justify-center {
+	justify-content: center;
+}
+.justify-end {
+	justify-content: flex-end;
+}
+.justify-between {
+	justify-content: space-between;
+}
+.justify-around {
+	justify-content: space-around;
+}
+.justify-evenly {
+	justify-content: space-evenly;
+}
+
+/* Spacing */
+.p-none {
+	padding: 0;
+}
+.p-xs {
+	padding: var(--m-spacing-xs);
+}
+.p-sm {
+	padding: var(--m-spacing-sm);
+}
+.p-md {
+	padding: var(--m-spacing-md);
+}
+.p-lg {
+	padding: var(--m-spacing-lg);
+}
+.p-xl {
+	padding: var(--m-spacing-xl);
+}

package/dist/hooks/index.js

@@ -0,0 +1,15 @@
+export * from './useAnimationFrame.js';
+export * from './useLongPress.js';
+export * from './useMergedRef.js';
+export * from './useOnUnmount.js';
+export * from './useOverrideTheme.js';
+export * from './useSize.js';
+export * from './useStableCallback.js';
+export * from './useStayScrolledToBottom.js';
+export * from './useStorage.js';
+export * from './useTitleBarColor.js';
+export * from './useToggle.js';
+export * from './useVisualViewportOffset.js';
+export * from './withClassName.js';
+export * from './withProps.js';
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC"}

package/dist/hooks/useAnimationFrame.js

@@ -0,0 +1,20 @@
+import { useEffect, useRef } from 'react';
+import { useStableCallback } from './useStableCallback.js';
+export function useAnimationFrame(callback, initialContext) {
+    const requestRef = useRef(undefined);
+    const previousTimeRef = useRef(undefined);
+    const contextRef = useRef(initialContext);
+    const animate = useStableCallback((time) => {
+        if (previousTimeRef.current !== undefined) {
+            const deltaTime = time - previousTimeRef.current;
+            callback(deltaTime, contextRef.current);
+        }
+        previousTimeRef.current = time;
+        requestRef.current = requestAnimationFrame(animate);
+    });
+    useEffect(() => {
+        requestRef.current = requestAnimationFrame(animate);
+        return () => cancelAnimationFrame(requestRef.current);
+    }, [animate]);
+}
+//# sourceMappingURL=useAnimationFrame.js.map

package/dist/hooks/useAnimationFrame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimationFrame.js","sourceRoot":"","sources":["../../src/hooks/useAnimationFrame.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,UAAU,iBAAiB,CAChC,QAAuD,EACvD,cAAwB;IAExB,MAAM,UAAU,GAAG,MAAM,CAAS,SAAS,CAAC,CAAC;IAC7C,MAAM,eAAe,GAAG,MAAM,CAAS,SAAS,CAAC,CAAC;IAClD,MAAM,UAAU,GAAG,MAAM,CAAU,cAAe,CAAC,CAAC;IACpD,MAAM,OAAO,GAAG,iBAAiB,CAAC,CAAC,IAAY,EAAE,EAAE;QAClD,IAAI,eAAe,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YAC3C,MAAM,SAAS,GAAG,IAAI,GAAG,eAAe,CAAC,OAAO,CAAC;YACjD,QAAQ,CAAC,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;QACzC,CAAC;QACD,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;QAC/B,UAAU,CAAC,OAAO,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;IACH,SAAS,CAAC,GAAG,EAAE;QACd,UAAU,CAAC,OAAO,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,UAAU,CAAC,OAAQ,CAAC,CAAC;IACxD,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AACf,CAAC"}

package/dist/hooks/useIdOrGenerated.js

@@ -0,0 +1,6 @@
+import { useId } from 'react';
+export function useIdOrGenerated(id) {
+    const generated = useId();
+    return id || generated;
+}
+//# sourceMappingURL=useIdOrGenerated.js.map

package/dist/hooks/useIdOrGenerated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIdOrGenerated.js","sourceRoot":"","sources":["../../src/hooks/useIdOrGenerated.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAE9B,MAAM,UAAU,gBAAgB,CAAC,EAA6B;IAC7D,MAAM,SAAS,GAAG,KAAK,EAAE,CAAC;IAC1B,OAAO,EAAE,IAAI,SAAS,CAAC;AACxB,CAAC"}

package/dist/hooks/useLongPress.js

@@ -0,0 +1,129 @@
+import { preventDefault } from '@a-type/utils';
+import { useDrag } from '@use-gesture/react';
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { useAnimationFrame } from './useAnimationFrame.js';
+import { useStableCallback } from './useStableCallback.js';
+/**
+ * The press gesture must remain within THRESHOLD_DISTANCE until delay time has passed
+ * to be considered a press.
+ *
+ * After delay, the gesture must remain within CANCEL_DISTANCE or be cancelled.
+ */
+const THRESHOLD_DISTANCE = 10;
+const CANCEL_DISTANCE = 30;
+export function useLongPress({ onActivate, onDurationReached, duration = 2000, delay = 200, }) {
+    const [gestureState, setGestureState] = useState('released');
+    const [state, setState] = useState('idle');
+    const timeoutRef = useRef(null);
+    const ref = useRef(null);
+    const gestureStateRef = useRef({
+        distance: 0,
+        startedAt: 0,
+    });
+    useDrag(({ first, cancel, elapsedTime, down, distance }) => {
+        var _a;
+        const totalDistance = Math.sqrt(Math.pow(distance[0], 2) + Math.pow(distance[1], 2));
+        gestureStateRef.current.distance = totalDistance;
+        if (elapsedTime < delay && totalDistance > THRESHOLD_DISTANCE) {
+            cancel();
+            setGestureState('released');
+            return;
+        }
+        if (totalDistance > CANCEL_DISTANCE) {
+            cancel();
+            setGestureState('released');
+            return;
+        }
+        if (first) {
+            gestureStateRef.current.startedAt = Date.now();
+            try {
+                (_a = navigator === null || navigator === void 0 ? void 0 : navigator.vibrate) === null || _a === void 0 ? void 0 : _a.call(navigator, 200);
+            }
+            catch (err) {
+                console.log(err);
+            }
+        }
+        if (down) {
+            setGestureState('pressed');
+        }
+        else {
+            setGestureState('released');
+        }
+    }, {
+        // triggerAllEvents: true,
+        // preventDefault: true,
+        target: ref,
+    });
+    useAnimationFrame(() => {
+        const gestureDuration = gestureStateRef.current.startedAt
+            ? Date.now() - gestureStateRef.current.startedAt
+            : 0;
+        const distance = gestureStateRef.current.distance;
+        // nothing to do in this case
+        if (gestureState === 'released' &&
+            (state === 'idle' || state === 'failed')) {
+            return;
+        }
+        if (gestureState === 'released') {
+            if (state === 'holding' || state === 'candidate') {
+                // holding for longer than duration - activate
+                if (gestureDuration >= duration + delay && distance < CANCEL_DISTANCE) {
+                    onActivate();
+                    setState('idle');
+                }
+                else {
+                    // normal release before duration - cancel
+                    setState('idle');
+                }
+            }
+            else if (state === 'pending' && distance < THRESHOLD_DISTANCE) {
+                setState('failed');
+            }
+        }
+        else if (gestureState === 'pressed') {
+            // begin a new press
+            if (state === 'idle' || state === 'failed') {
+                setState('pending');
+            }
+            else if (state === 'pending' && gestureDuration >= delay) {
+                // begin holding after delay has passed
+                setState('holding');
+            }
+            else if (distance > CANCEL_DISTANCE) {
+                // cancel if moved too far
+                setState('idle');
+            }
+            else if (gestureDuration >= duration + delay) {
+                // not yet confirmed, but meets criteria
+                setState('candidate');
+            }
+        }
+    });
+    const onDurationReachedStable = useStableCallback(onDurationReached);
+    useEffect(() => {
+        if (state === 'failed') {
+            const timeout = setTimeout(() => {
+                setState('idle');
+            }, 1000);
+            return () => {
+                clearTimeout(timeout);
+            };
+        }
+        else if (state === 'candidate') {
+            onDurationReachedStable();
+        }
+    }, [state, onDurationReachedStable]);
+    const props = useMemo(() => ({
+        onContextMenu: preventDefault,
+        style: {
+            touchAction: 'none',
+        },
+    }), []);
+    return {
+        ref,
+        timeoutRef,
+        state,
+        props,
+    };
+}
+//# sourceMappingURL=useLongPress.js.map

package/dist/hooks/useLongPress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLongPress.js","sourceRoot":"","sources":["../../src/hooks/useLongPress.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useMediaQuery.js

@@ -0,0 +1,20 @@
+import { useEffect, useState } from 'react';
+export function useMediaQuery(query) {
+    const [matches, setMatches] = useState(false);
+    useEffect(() => {
+        const mediaQueryList = window.matchMedia(query);
+        const handleChange = (event) => {
+            setMatches(event.matches);
+        };
+        // Set initial state
+        setMatches(mediaQueryList.matches);
+        // Add listener for changes
+        mediaQueryList.addEventListener('change', handleChange);
+        // Cleanup listener on unmount
+        return () => {
+            mediaQueryList.removeEventListener('change', handleChange);
+        };
+    }, [query]);
+    return matches;
+}
+//# sourceMappingURL=useMediaQuery.js.map

package/dist/hooks/useMediaQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.js","sourceRoot":"","sources":["../../src/hooks/useMediaQuery.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,aAAa,CAAC,KAAa;IAC1C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAChD,MAAM,YAAY,GAAG,CAAC,KAA0B,EAAE,EAAE;YACnD,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC3B,CAAC,CAAC;QAEF,oBAAoB;QACpB,UAAU,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QAEnC,2BAA2B;QAC3B,cAAc,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAExD,8BAA8B;QAC9B,OAAO,GAAG,EAAE;YACX,cAAc,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAC5D,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,OAAO,CAAC;AAChB,CAAC"}

package/dist/hooks/useMergedRef.js

@@ -0,0 +1,14 @@
+import * as React from 'react';
+function useMergedRef(...refs) {
+    return React.useCallback((element) => {
+        for (let i = 0; i < refs.length; i++) {
+            const ref = refs[i];
+            if (typeof ref === 'function')
+                ref(element);
+            else if (ref && typeof ref === 'object')
+                ref.current = element;
+        }
+    }, refs);
+}
+export default useMergedRef;
+//# sourceMappingURL=useMergedRef.js.map

package/dist/hooks/useMergedRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMergedRef.js","sourceRoot":"","sources":["../../src/hooks/useMergedRef.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,SAAS,YAAY,CACpB,GAAG,IAAkC;IAErC,OAAO,KAAK,CAAC,WAAW,CAAC,CAAC,OAAU,EAAE,EAAE;QACvC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACtC,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;YACpB,IAAI,OAAO,GAAG,KAAK,UAAU;gBAAE,GAAG,CAAC,OAAO,CAAC,CAAC;iBACvC,IAAI,GAAG,IAAI,OAAO,GAAG,KAAK,QAAQ;gBACrC,GAAiC,CAAC,OAAO,GAAG,OAAO,CAAC;QACvD,CAAC;IACF,CAAC,EAAE,IAAI,CAAC,CAAC;AACV,CAAC;AAED,eAAe,YAAY,CAAC"}

package/dist/hooks/useOnUnmount.js

@@ -0,0 +1,18 @@
+import { useCallback, useRef } from 'react';
+import { useStableCallback } from './useStableCallback.js';
+/**
+ * Calls a callback with an element when it is unmounted.
+ * @returns a ref to pass to the component
+ */
+export function useOnUnmount(callback) {
+    const stableCallback = useStableCallback(callback);
+    const ref = useRef(null);
+    return useCallback((el) => {
+        console.log(el);
+        if (ref.current && !el) {
+            stableCallback(ref.current);
+        }
+        ref.current = el;
+    }, []);
+}
+//# sourceMappingURL=useOnUnmount.js.map

package/dist/hooks/useOnUnmount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnUnmount.js","sourceRoot":"","sources":["../../src/hooks/useOnUnmount.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,QAAmC;IAC/D,MAAM,cAAc,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IAEnD,MAAM,GAAG,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAE7C,OAAO,WAAW,CAAC,CAAC,EAAsB,EAAE,EAAE;QAC7C,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAChB,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,EAAE,EAAE,CAAC;YACxB,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAC7B,CAAC;QACD,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;AACR,CAAC"}

package/dist/hooks/useOverrideTheme.d.ts

@@ -0,0 +1 @@
+export declare function useOverrideRootMode(mode: string | null | undefined): void;

package/dist/hooks/useOverrideTheme.js

@@ -0,0 +1,13 @@
+import { useLayoutEffect } from 'react';
+export function useOverrideRootMode(mode) {
+    useLayoutEffect(() => {
+        if (!mode || typeof document === 'undefined') {
+            return;
+        }
+        document.documentElement.classList.add(`@mode-${mode}`);
+        return () => {
+            document.documentElement.classList.remove(`@mode-${mode}`);
+        };
+    }, [mode]);
+}
+//# sourceMappingURL=useOverrideTheme.js.map

package/dist/hooks/useOverrideTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverrideTheme.js","sourceRoot":"","sources":["../../src/hooks/useOverrideTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAExC,MAAM,UAAU,mBAAmB,CAAC,IAA+B;IAClE,eAAe,CAAC,GAAG,EAAE;QACpB,IAAI,CAAC,IAAI,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;YAC9C,OAAO;QACR,CAAC;QACD,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC;QACxD,OAAO,GAAG,EAAE;YACX,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC;QAC5D,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AACZ,CAAC"}

package/dist/hooks/useRotatingShuffledValue.js

@@ -0,0 +1,14 @@
+import { useEffect, useState } from 'react';
+export function useRotatingShuffledValue(options, intervalMs = 5000) {
+    const [selected, setSelected] = useState(options ? options[Math.floor(Math.random() * options.length)] : undefined);
+    useEffect(() => {
+        if (options) {
+            const interval = setInterval(() => {
+                setSelected(options[Math.floor(Math.random() * options.length)]);
+            }, intervalMs);
+            return () => clearInterval(interval);
+        }
+    }, [options, intervalMs]);
+    return selected;
+}
+//# sourceMappingURL=useRotatingShuffledValue.js.map

package/dist/hooks/useRotatingShuffledValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRotatingShuffledValue.js","sourceRoot":"","sources":["../../src/hooks/useRotatingShuffledValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,wBAAwB,CACvC,OAAY,EACZ,UAAU,GAAG,IAAI;IAEjB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CACvC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CACzE,CAAC;IACF,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,OAAO,EAAE,CAAC;YACb,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;gBACjC,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YAClE,CAAC,EAAE,UAAU,CAAC,CAAC;YACf,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACtC,CAAC;IACF,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAE1B,OAAO,QAAQ,CAAC;AACjB,CAAC"}

package/dist/hooks/useSize.js

@@ -0,0 +1,112 @@
+import { debounce } from '@a-type/utils';
+import { useEffect, useMemo, useRef } from 'react';
+import { useStableCallback } from './useStableCallback.js';
+export function useSize(callback) {
+    const ref = useRef(null);
+    const cb = useStableCallback(callback);
+    useEffect(() => {
+        const target = ref.current;
+        if (!target) {
+            return () => {
+                //
+            };
+        }
+        const resizeObserver = new ResizeObserver((entries) => {
+            entries.forEach((entry) => {
+                cb({
+                    width: entry.target.clientWidth,
+                    height: entry.target.clientHeight,
+                });
+            });
+        });
+        resizeObserver.observe(target);
+        return () => {
+            resizeObserver.unobserve(target);
+            resizeObserver.disconnect();
+        };
+    }, [ref, cb]);
+    return ref;
+}
+export function useSizeCssVars(debounceMs, applyToRef, propertyNames) {
+    const update = useMemo(() => {
+        const doupdate = ({ width, height }) => {
+            var _a, _b, _c, _d;
+            const usedRef = applyToRef || ref;
+            (_a = usedRef.current) === null || _a === void 0 ? void 0 : _a.style.setProperty((_b = propertyNames === null || propertyNames === void 0 ? void 0 : propertyNames.width) !== null && _b !== void 0 ? _b : '--width', width + 'px');
+            (_c = usedRef.current) === null || _c === void 0 ? void 0 : _c.style.setProperty((_d = propertyNames === null || propertyNames === void 0 ? void 0 : propertyNames.height) !== null && _d !== void 0 ? _d : '--height', height + 'px');
+        };
+        if (debounceMs) {
+            return debounce(doupdate, debounceMs);
+        }
+        else {
+            return doupdate;
+        }
+    }, [debounceMs, applyToRef, propertyNames === null || propertyNames === void 0 ? void 0 : propertyNames.width, propertyNames === null || propertyNames === void 0 ? void 0 : propertyNames.height]);
+    const ref = useSize(update);
+    return ref;
+}
+export function useBounds(callback, disconnectCallback = () => { }) {
+    const ref = useRef(null);
+    const cb = useStableCallback(callback);
+    const disconnectCb = useStableCallback(disconnectCallback);
+    useEffect(() => {
+        const target = ref.current;
+        if (!target) {
+            disconnectCb();
+            return () => {
+                //
+            };
+        }
+        const resizeObserver = new ResizeObserver((entries) => {
+            entries.forEach((entry) => {
+                const { left, top, width, height } = entry.target.getBoundingClientRect();
+                cb({ left, top, width, height, ref });
+            });
+        });
+        resizeObserver.observe(target);
+        return () => {
+            resizeObserver.unobserve(target);
+            resizeObserver.disconnect();
+        };
+    }, [ref, cb, disconnectCb]);
+    return ref;
+}
+export function useBoundsCssVars(debounceMs, applyToRef, propertyNames) {
+    const update = useMemo(() => {
+        const doupdate = ({ left, top, width, height, ref, }) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+            const usedRef = applyToRef || ref;
+            (_a = usedRef.current) === null || _a === void 0 ? void 0 : _a.style.setProperty((_b = propertyNames === null || propertyNames === void 0 ? void 0 : propertyNames.left) !== null && _b !== void 0 ? _b : '--left', left + 'px');
+            (_c = usedRef.current) === null || _c === void 0 ? void 0 : _c.style.setProperty((_d = propertyNames === null || propertyNames === void 0 ? void 0 : propertyNames.top) !== null && _d !== void 0 ? _d : '--top', top + 'px');
+            (_e = usedRef.current) === null || _e === void 0 ? void 0 : _e.style.setProperty((_f = propertyNames === null || propertyNames === void 0 ? void 0 : propertyNames.width) !== null && _f !== void 0 ? _f : '--width', width + 'px');
+            (_g = usedRef.current) === null || _g === void 0 ? void 0 : _g.style.setProperty((_h = propertyNames === null || propertyNames === void 0 ? void 0 : propertyNames.height) !== null && _h !== void 0 ? _h : '--height', height + 'px');
+            (_j = usedRef.current) === null || _j === void 0 ? void 0 : _j.style.setProperty((_k = propertyNames === null || propertyNames === void 0 ? void 0 : propertyNames.ready) !== null && _k !== void 0 ? _k : '--ready', '1');
+        };
+        if (debounceMs) {
+            return debounce(doupdate, debounceMs);
+        }
+        else {
+            return doupdate;
+        }
+    }, [
+        debounceMs,
+        applyToRef,
+        propertyNames === null || propertyNames === void 0 ? void 0 : propertyNames.left,
+        propertyNames === null || propertyNames === void 0 ? void 0 : propertyNames.top,
+        propertyNames === null || propertyNames === void 0 ? void 0 : propertyNames.width,
+        propertyNames === null || propertyNames === void 0 ? void 0 : propertyNames.height,
+    ]);
+    const disconnect = () => {
+        var _a, _b, _c, _d, _e;
+        if (applyToRef === null || applyToRef === void 0 ? void 0 : applyToRef.current) {
+            applyToRef.current.style.removeProperty((_a = propertyNames === null || propertyNames === void 0 ? void 0 : propertyNames.ready) !== null && _a !== void 0 ? _a : '--ready');
+            applyToRef.current.style.removeProperty((_b = propertyNames === null || propertyNames === void 0 ? void 0 : propertyNames.left) !== null && _b !== void 0 ? _b : '--left');
+            applyToRef.current.style.removeProperty((_c = propertyNames === null || propertyNames === void 0 ? void 0 : propertyNames.top) !== null && _c !== void 0 ? _c : '--top');
+            applyToRef.current.style.removeProperty((_d = propertyNames === null || propertyNames === void 0 ? void 0 : propertyNames.width) !== null && _d !== void 0 ? _d : '--width');
+            applyToRef.current.style.removeProperty((_e = propertyNames === null || propertyNames === void 0 ? void 0 : propertyNames.height) !== null && _e !== void 0 ? _e : '--height');
+        }
+    };
+    const ref = useBounds(update, disconnect);
+    return ref;
+}
+//# sourceMappingURL=useSize.js.map

package/dist/hooks/useSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSize.js","sourceRoot":"","sources":["../../src/hooks/useSize.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useStableCallback.js

@@ -0,0 +1,9 @@
+import { useCallback, useMemo, useRef } from 'react';
+export function useStableCallback(callback) {
+    const ref = useRef(callback);
+    useMemo(() => {
+        ref.current = callback;
+    }, [callback]);
+    return useCallback((...args) => { var _a; return (_a = ref.current) === null || _a === void 0 ? void 0 : _a.call(ref, ...args); }, []);
+}
+//# sourceMappingURL=useStableCallback.js.map

package/dist/hooks/useStableCallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStableCallback.js","sourceRoot":"","sources":["../../src/hooks/useStableCallback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAErD,MAAM,UAAU,iBAAiB,CAChC,QAAwB;IAExB,MAAM,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC7B,OAAO,CAAC,GAAG,EAAE;QACZ,GAAG,CAAC,OAAO,GAAG,QAAQ,CAAC;IACxB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACf,OAAO,WAAW,CAAM,CAAC,GAAG,IAAW,EAAE,EAAE,WAAC,OAAA,MAAA,GAAG,CAAC,OAAO,oDAAG,GAAG,IAAI,CAAC,CAAA,EAAA,EAAE,EAAE,CAAC,CAAC;AACzE,CAAC"}

package/dist/hooks/useStayScrolledToBottom.js

@@ -0,0 +1,37 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+export function useStayScrolledToBottom(enabled = true) {
+    const ref = useRef(null);
+    // if the div was already scrolled to the bottom,
+    // keep it at the bottom when new messages come in
+    const [isScrolledToBottom, setIsScrolledToBottom] = useState(true);
+    useEffect(() => {
+        if (!ref.current || !enabled)
+            return;
+        if (isScrolledToBottom) {
+            ref.current.scrollTop = ref.current.scrollHeight;
+        }
+        const observer = new MutationObserver(() => {
+            if (!ref.current)
+                return;
+            if (isScrolledToBottom) {
+                ref.current.scrollTop = ref.current.scrollHeight;
+            }
+        });
+        observer.observe(ref.current, { childList: true, subtree: true });
+        return () => {
+            observer.disconnect();
+        };
+    }, [isScrolledToBottom, ref, enabled]);
+    const onScroll = useCallback(() => {
+        if (!ref.current)
+            return;
+        const isScrolledToBottom = ref.current.scrollTop + ref.current.clientHeight >=
+            ref.current.scrollHeight - 10;
+        setIsScrolledToBottom(isScrolledToBottom);
+    }, []);
+    return {
+        ref,
+        onScroll,
+    };
+}
+//# sourceMappingURL=useStayScrolledToBottom.js.map

package/dist/hooks/useStayScrolledToBottom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStayScrolledToBottom.js","sourceRoot":"","sources":["../../src/hooks/useStayScrolledToBottom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjE,MAAM,UAAU,uBAAuB,CAAC,OAAO,GAAG,IAAI;IACrD,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,iDAAiD;IACjD,kDAAkD;IAClD,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEnE,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,GAAG,CAAC,OAAO,IAAI,CAAC,OAAO;YAAE,OAAO;QACrC,IAAI,kBAAkB,EAAE,CAAC;YACxB,GAAG,CAAC,OAAO,CAAC,SAAS,GAAG,GAAG,CAAC,OAAO,CAAC,YAAY,CAAC;QAClD,CAAC;QACD,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YAC1C,IAAI,CAAC,GAAG,CAAC,OAAO;gBAAE,OAAO;YACzB,IAAI,kBAAkB,EAAE,CAAC;gBACxB,GAAG,CAAC,OAAO,CAAC,SAAS,GAAG,GAAG,CAAC,OAAO,CAAC,YAAY,CAAC;YAClD,CAAC;QACF,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAClE,OAAO,GAAG,EAAE;YACX,QAAQ,CAAC,UAAU,EAAE,CAAC;QACvB,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;IAEvC,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,IAAI,CAAC,GAAG,CAAC,OAAO;YAAE,OAAO;QACzB,MAAM,kBAAkB,GACvB,GAAG,CAAC,OAAO,CAAC,SAAS,GAAG,GAAG,CAAC,OAAO,CAAC,YAAY;YAChD,GAAG,CAAC,OAAO,CAAC,YAAY,GAAG,EAAE,CAAC;QAC/B,qBAAqB,CAAC,kBAAkB,CAAC,CAAC;IAC3C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACN,GAAG;QACH,QAAQ;KACR,CAAC;AACH,CAAC"}