@canonical/react-ds-core 0.9.0-experimental.5 → 0.9.0

package/dist/esm/ui/hooks/useWindowDimensions/useWindowDimensions.js

@@ -0,0 +1,47 @@
+import { debounce } from "@canonical/utils";
+import { useEffect, useMemo, useState } from "react";
+/**
+ * Hook to get the window dimensions and scroll position.
+ */
+export default function useWindowDimensions({ onResize, onScroll, resizeDelay = 100, scrollDelay = 100, } = {}) {
+    const isServer = typeof window === "undefined";
+    const [windowWidth, setWindowWidth] = useState(isServer ? 0 : window.innerWidth);
+    const [windowHeight, setWindowHeight] = useState(isServer ? 0 : window.innerHeight);
+    const [scrollHeight, setScrollHeight] = useState(isServer ? 0 : window.scrollY);
+    const [scrollWidth, setScrollWidth] = useState(isServer ? 0 : window.scrollX);
+    const result = useMemo(() => ({
+        windowWidth,
+        windowHeight,
+        scrollWidth,
+        scrollHeight,
+    }), [windowWidth, windowHeight, scrollWidth, scrollHeight]);
+    useEffect(() => {
+        if (isServer)
+            return;
+        const handleResize = debounce(() => {
+            setWindowWidth(window.innerWidth);
+            setWindowHeight(window.innerHeight);
+            if (onResize)
+                onResize(result);
+        }, resizeDelay);
+        const handleScroll = debounce(() => {
+            setScrollWidth(window.scrollX);
+            setScrollHeight(window.scrollY);
+            if (onScroll)
+                onScroll(result);
+        }, scrollDelay);
+        window.addEventListener("resize", handleResize);
+        window.addEventListener("scroll", handleScroll);
+        // Initial trigger in case the values need to be passed immediately after mount
+        void handleResize();
+        void handleScroll();
+        return () => {
+            handleResize.cancel();
+            handleScroll.cancel();
+            window.removeEventListener("resize", handleResize);
+            window.removeEventListener("scroll", handleScroll);
+        };
+    }, [onResize, onScroll, resizeDelay, scrollDelay, result, isServer]);
+    return result;
+}
+//# sourceMappingURL=useWindowDimensions.js.map

package/dist/esm/ui/hooks/useWindowDimensions/useWindowDimensions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowDimensions.js","sourceRoot":"","sources":["../../../../../src/ui/hooks/useWindowDimensions/useWindowDimensions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAMrD;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,QAAQ,EACR,QAAQ,EACR,WAAW,GAAG,GAAG,EACjB,WAAW,GAAG,GAAG,MACU,EAAE;IAC7B,MAAM,QAAQ,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC;IAC/C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAC5C,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CACjC,CAAC;IACF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAC9C,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAClC,CAAC;IACF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAC9C,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAC9B,CAAC;IACF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAE9E,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,CAAC;QACL,WAAW;QACX,YAAY;QACZ,WAAW;QACX,YAAY;KACb,CAAC,EACF,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,CAAC,CACvD,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ;YAAE,OAAO;QACrB,MAAM,YAAY,GAAG,QAAQ,CAAC,GAAG,EAAE;YACjC,cAAc,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;YAClC,eAAe,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;YACpC,IAAI,QAAQ;gBAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;QACjC,CAAC,EAAE,WAAW,CAAC,CAAC;QAEhB,MAAM,YAAY,GAAG,QAAQ,CAAC,GAAG,EAAE;YACjC,cAAc,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YAC/B,eAAe,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YAChC,IAAI,QAAQ;gBAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;QACjC,CAAC,EAAE,WAAW,CAAC,CAAC;QAEhB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAEhD,+EAA+E;QAC/E,KAAK,YAAY,EAAE,CAAC;QACpB,KAAK,YAAY,EAAE,CAAC;QAEpB,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,MAAM,EAAE,CAAC;YACtB,YAAY,CAAC,MAAM,EAAE,CAAC;YACtB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YACnD,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACrD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAErE,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/dist/esm/ui/hooks/useWindowFitment/index.js

@@ -0,0 +1,3 @@
+export { default as useWindowFitment } from "./useWindowFitment.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/hooks/useWindowFitment/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/hooks/useWindowFitment/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpE,cAAc,YAAY,CAAC"}

package/dist/esm/ui/hooks/useWindowFitment/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/ui/hooks/useWindowFitment/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/ui/hooks/useWindowFitment/types.ts"],"names":[],"mappings":""}

package/dist/esm/ui/hooks/useWindowFitment/useWindowFitment.js

@@ -0,0 +1,221 @@
+import { useCallback, useEffect, useMemo, useRef, } from "react";
+import { useResizeObserver } from "../useResizeObserver/index.js";
+import { useWindowDimensions } from "../useWindowDimensions/index.js";
+const useWindowFitment = ({ preferredDirections = ["top", "bottom", "left", "right"], distance = "0px", gutter = "0px", maxWidth = "350px", resizeDelay = 150, scrollDelay = 150, onBestPositionChange, autoFit = false, }) => {
+    const isServer = typeof window === "undefined";
+    const targetRef = useRef(null);
+    const popupRef = useRef(null);
+    const prevBestPosition = useRef(undefined);
+    const windowDimensions = useWindowDimensions({ resizeDelay, scrollDelay });
+    const targetSize = useResizeObserver(targetRef?.current);
+    const popupSize = useResizeObserver(popupRef?.current);
+    /** The distance, in pixels, between the target and the popup. */
+    const distanceAsPixelsNumber = useMemo(() => Number.parseInt(distance, 10) || 0, [distance]);
+    /** The bounds of the window, accounting for the `gutter` prop. */
+    const bounds = useMemo(() => {
+        if (isServer)
+            return;
+        const gutterValues = gutter
+            .split(" ")
+            .map((val) => Number.parseInt(val, 10));
+        const topGutter = gutterValues[0] || 0;
+        const rightGutter = gutterValues[1] || gutterValues[0] || 0;
+        const bottomGutter = gutterValues[2] || gutterValues[0] || 0;
+        const leftGutter = gutterValues[3] || gutterValues[1] || gutterValues[0] || 0;
+        return {
+            top: topGutter,
+            left: leftGutter,
+            right: windowDimensions.windowWidth - rightGutter,
+            bottom: windowDimensions.windowHeight - bottomGutter,
+        };
+    }, [gutter, windowDimensions, isServer]);
+    /**
+     * Calculate the relative position of the popup when oriented in a given direction.
+     * @param direction The side of the target element to position the popup on.
+     * @param targetRect The bounding client rect of the target element.
+     * @param popupRect The bounding client rect of the popup element.
+     * @returns The calculated relative position of the popup.
+     */
+    const calculateRelativePosition = useCallback((direction, targetRect, popupRect) => {
+        let left = 0;
+        let top = 0;
+        if (isServer) {
+            return {
+                left,
+                top,
+            };
+        }
+        /*
+          We use left and top offsets to position the popup relative to the target element.
+          Then, we apply a margin on the opposite side of the popup to create a buffer zone between the target and the popup, to prevent a mouseleave event when moving from the target to the popup.
+          The fake margin is already included in `targetRect` dimensions, as it is rendered hidden at least once before the popup is shown.
+          In cases where `targetRect` is not included in the calculation, we add `distanceAsPixelsNumber` to account for the fake margin.
+         */
+        // horizontal offset
+        switch (direction) {
+            case "top":
+            case "bottom":
+                left = (targetRect.width - popupRect.width) / 2;
+                break;
+            case "right":
+                left = targetRect.width;
+                break;
+            case "left":
+                left = -(popupRect.width + distanceAsPixelsNumber);
+                break;
+        }
+        // vertical offset
+        switch (direction) {
+            case "top":
+                top = -(popupRect.height + distanceAsPixelsNumber);
+                break;
+            case "bottom":
+                top = targetRect.height;
+                break;
+            case "right":
+            case "left":
+                top = (targetRect.height - popupRect.height) / 2;
+                break;
+        }
+        return { left, top };
+    }, [distanceAsPixelsNumber, isServer]);
+    /**
+     * Check if the popup fits within the window. Accounts for `gutter` prop.
+     * @param candidatePosition The absolute position of the popup
+     * @param popupRect The bounding client rect of the popup element.
+     * @returns Whether the popup fits within the window.
+     */
+    const fitsInWindow = useCallback((candidatePosition, popupRect) => {
+        if (isServer || !bounds)
+            return false;
+        // Absolute position of the popup's vertices, relative to the viewport
+        const vertices = {
+            top: candidatePosition.top,
+            right: candidatePosition.left + popupRect.width,
+            bottom: candidatePosition.top + popupRect.height,
+            left: candidatePosition.left,
+        };
+        return (vertices.top >= bounds.top &&
+            vertices.right <= bounds.right &&
+            vertices.bottom <= bounds.bottom &&
+            vertices.left >= bounds.left);
+    }, [bounds, isServer]);
+    /**
+     * Find the best position for the popup based on the preferred directions.
+     * @param targetRect The bounding client rect of the target element.
+     * @param popupRect The bounding client rect of the popup element.
+     * @returns The best absolute position for the popup.
+     */
+    const findBestPosition = useCallback((targetRect, popupRect, preferredDirections) => {
+        if (isServer)
+            return;
+        let fallbackPosition = undefined;
+        if (!preferredDirections.length) {
+            throw new Error("Preferred directions must not be empty.");
+        }
+        for (const direction of preferredDirections) {
+            const relativePosition = calculateRelativePosition(direction, targetRect, popupRect);
+            const absolutePosition = {
+                top: targetRect.top + relativePosition.top,
+                left: targetRect.left + relativePosition.left,
+            };
+            const autoFitOffset = { top: 0, left: 0 };
+            if (autoFit && bounds) {
+                // Adjust position if it overflows the bounds
+                if (absolutePosition.top < bounds.top) {
+                    autoFitOffset.top = bounds.top - absolutePosition.top;
+                    absolutePosition.top = bounds.top;
+                }
+                else if (absolutePosition.top + popupRect.height > bounds.bottom) {
+                    autoFitOffset.top =
+                        bounds.bottom - (absolutePosition.top + popupRect.height);
+                    absolutePosition.top = bounds.bottom - popupRect.height;
+                }
+                if (absolutePosition.left < bounds.left) {
+                    autoFitOffset.left = -1 * (bounds.left - absolutePosition.left);
+                    absolutePosition.left = bounds.left;
+                }
+                else if (absolutePosition.left + popupRect.width > bounds.right) {
+                    autoFitOffset.left =
+                        -1 * (bounds.right - (absolutePosition.left + popupRect.width));
+                    absolutePosition.left = bounds.right - popupRect.width;
+                }
+            }
+            const bestPositionForName = {
+                positionName: direction,
+                position: absolutePosition,
+                fits: fitsInWindow(absolutePosition, popupRect),
+                autoFitOffset,
+            };
+            // Save the calculated position as a fallback in case no other position fits.
+            fallbackPosition ||= bestPositionForName;
+            // If this position fits, use it.
+            if (bestPositionForName.fits) {
+                return bestPositionForName;
+            }
+        }
+        // biome-ignore lint/style/noNonNullAssertion: Fallback position is always defined here, due to the loop above and the thrown error if preferredDirections is empty.
+        return fallbackPosition;
+    }, [calculateRelativePosition, fitsInWindow, isServer, autoFit, bounds]);
+    /** The best possible position for the popup. */
+    const bestPosition = useMemo(() => {
+        if (!isServer &&
+            targetRef.current &&
+            popupRef.current &&
+            windowDimensions &&
+            popupSize &&
+            targetSize)
+            return findBestPosition(targetRef.current.getBoundingClientRect(), popupRef.current.getBoundingClientRect(), preferredDirections);
+    }, [
+        findBestPosition,
+        preferredDirections,
+        windowDimensions,
+        popupSize,
+        targetSize,
+        isServer,
+    ]);
+    /** Notify the consumer when the best position changes. */
+    useEffect(() => {
+        if (bestPosition?.positionName !== prevBestPosition.current?.positionName) {
+            prevBestPosition.current = bestPosition;
+            if (onBestPositionChange)
+                onBestPositionChange(bestPosition);
+        }
+    }, [bestPosition, onBestPositionChange]);
+    const fakeMargin = useMemo(() => {
+        let side = "Top";
+        switch (bestPosition?.positionName) {
+            case "top":
+                side = "Bottom";
+                break;
+            case "bottom":
+                side = "Top";
+                break;
+            case "left":
+                side = "Right";
+                break;
+            case "right":
+                side = "Left";
+                break;
+        }
+        return {
+            [`margin${side}`]: `${distanceAsPixelsNumber}px`,
+        };
+    }, [bestPosition, distanceAsPixelsNumber]);
+    /** The style object to be applied to the popup element. */
+    const popupPositionStyle = useMemo(() => ({
+        maxWidth: maxWidth,
+        top: bestPosition?.position?.top || 0,
+        left: bestPosition?.position?.left || 0,
+        // Fake margin around the popup to prevent a mouseleave event when moving from the target to the popup.
+        ...fakeMargin,
+    }), [bestPosition, maxWidth, fakeMargin]);
+    return {
+        targetRef,
+        popupRef,
+        bestPosition,
+        popupPositionStyle,
+    };
+};
+export default useWindowFitment;
+//# sourceMappingURL=useWindowFitment.js.map

package/dist/esm/ui/hooks/useWindowFitment/useWindowFitment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowFitment.js","sourceRoot":"","sources":["../../../../../src/ui/hooks/useWindowFitment/useWindowFitment.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,GACP,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAStE,MAAM,gBAAgB,GAAG,CAAC,EACxB,mBAAmB,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EACxD,QAAQ,GAAG,KAAK,EAChB,MAAM,GAAG,KAAK,EACd,QAAQ,GAAG,OAAO,EAClB,WAAW,GAAG,GAAG,EACjB,WAAW,GAAG,GAAG,EACjB,oBAAoB,EACpB,OAAO,GAAG,KAAK,GACO,EAA0B,EAAE;IAClD,MAAM,QAAQ,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC;IAC/C,MAAM,SAAS,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACtD,MAAM,QAAQ,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACrD,MAAM,gBAAgB,GAAG,MAAM,CAA2B,SAAS,CAAC,CAAC;IAErE,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC,CAAC;IAC3E,MAAM,UAAU,GAAG,iBAAiB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,iBAAiB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAEvD,iEAAiE;IACjE,MAAM,sBAAsB,GAAG,OAAO,CACpC,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,EACxC,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,kEAAkE;IAClE,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,IAAI,QAAQ;YAAE,OAAO;QACrB,MAAM,YAAY,GAAG,MAAM;aACxB,KAAK,CAAC,GAAG,CAAC;aACV,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;QAC1C,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QACvC,MAAM,WAAW,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QAC5D,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QAC7D,MAAM,UAAU,GACd,YAAY,CAAC,CAAC,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QAE7D,OAAO;YACL,GAAG,EAAE,SAAS;YACd,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,gBAAgB,CAAC,WAAW,GAAG,WAAW;YACjD,MAAM,EAAE,gBAAgB,CAAC,YAAY,GAAG,YAAY;SACrD,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzC;;;;;;OAMG;IACH,MAAM,yBAAyB,GAAG,WAAW,CAC3C,CACE,SAAiC,EACjC,UAAmB,EACnB,SAAkB,EACA,EAAE;QACpB,IAAI,IAAI,GAAG,CAAC,CAAC;QACb,IAAI,GAAG,GAAG,CAAC,CAAC;QACZ,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO;gBACL,IAAI;gBACJ,GAAG;aACJ,CAAC;QACJ,CAAC;QAED;;;;;WAKG;QACH,oBAAoB;QACpB,QAAQ,SAAS,EAAE,CAAC;YAClB,KAAK,KAAK,CAAC;YACX,KAAK,QAAQ;gBACX,IAAI,GAAG,CAAC,UAAU,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;gBAChD,MAAM;YACR,KAAK,OAAO;gBACV,IAAI,GAAG,UAAU,CAAC,KAAK,CAAC;gBACxB,MAAM;YACR,KAAK,MAAM;gBACT,IAAI,GAAG,CAAC,CAAC,SAAS,CAAC,KAAK,GAAG,sBAAsB,CAAC,CAAC;gBACnD,MAAM;QACV,CAAC;QAED,kBAAkB;QAClB,QAAQ,SAAS,EAAE,CAAC;YAClB,KAAK,KAAK;gBACR,GAAG,GAAG,CAAC,CAAC,SAAS,CAAC,MAAM,GAAG,sBAAsB,CAAC,CAAC;gBACnD,MAAM;YACR,KAAK,QAAQ;gBACX,GAAG,GAAG,UAAU,CAAC,MAAM,CAAC;gBACxB,MAAM;YACR,KAAK,OAAO,CAAC;YACb,KAAK,MAAM;gBACT,GAAG,GAAG,CAAC,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;gBACjD,MAAM;QACV,CAAC;QAED,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC;IACvB,CAAC,EACD,CAAC,sBAAsB,EAAE,QAAQ,CAAC,CACnC,CAAC;IAEF;;;;;OAKG;IACH,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,iBAAmC,EAAE,SAAkB,EAAW,EAAE;QACnE,IAAI,QAAQ,IAAI,CAAC,MAAM;YAAE,OAAO,KAAK,CAAC;QAEtC,sEAAsE;QACtE,MAAM,QAAQ,GAAG;YACf,GAAG,EAAE,iBAAiB,CAAC,GAAG;YAC1B,KAAK,EAAE,iBAAiB,CAAC,IAAI,GAAG,SAAS,CAAC,KAAK;YAC/C,MAAM,EAAE,iBAAiB,CAAC,GAAG,GAAG,SAAS,CAAC,MAAM;YAChD,IAAI,EAAE,iBAAiB,CAAC,IAAI;SAC7B,CAAC;QAEF,OAAO,CACL,QAAQ,CAAC,GAAG,IAAI,MAAM,CAAC,GAAG;YAC1B,QAAQ,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK;YAC9B,QAAQ,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM;YAChC,QAAQ,CAAC,IAAI,IAAI,MAAM,CAAC,IAAI,CAC7B,CAAC;IACJ,CAAC,EACD,CAAC,MAAM,EAAE,QAAQ,CAAC,CACnB,CAAC;IAEF;;;;;OAKG;IACH,MAAM,gBAAgB,GAAG,WAAW,CAClC,CACE,UAAmB,EACnB,SAAkB,EAClB,mBAA6C,EACnB,EAAE;QAC5B,IAAI,QAAQ;YAAE,OAAO;QACrB,IAAI,gBAAgB,GAA6B,SAAS,CAAC;QAE3D,IAAI,CAAC,mBAAmB,CAAC,MAAM,EAAE,CAAC;YAChC,MAAM,IAAI,KAAK,CAAC,yCAAyC,CAAC,CAAC;QAC7D,CAAC;QAED,KAAK,MAAM,SAAS,IAAI,mBAAmB,EAAE,CAAC;YAC5C,MAAM,gBAAgB,GAAG,yBAAyB,CAChD,SAAS,EACT,UAAU,EACV,SAAS,CACV,CAAC;YAEF,MAAM,gBAAgB,GAAG;gBACvB,GAAG,EAAE,UAAU,CAAC,GAAG,GAAG,gBAAgB,CAAC,GAAG;gBAC1C,IAAI,EAAE,UAAU,CAAC,IAAI,GAAG,gBAAgB,CAAC,IAAI;aAC9C,CAAC;YAEF,MAAM,aAAa,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;YAE1C,IAAI,OAAO,IAAI,MAAM,EAAE,CAAC;gBACtB,6CAA6C;gBAC7C,IAAI,gBAAgB,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,EAAE,CAAC;oBACtC,aAAa,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,GAAG,gBAAgB,CAAC,GAAG,CAAC;oBACtD,gBAAgB,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC;gBACpC,CAAC;qBAAM,IAAI,gBAAgB,CAAC,GAAG,GAAG,SAAS,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC;oBACnE,aAAa,CAAC,GAAG;wBACf,MAAM,CAAC,MAAM,GAAG,CAAC,gBAAgB,CAAC,GAAG,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;oBAC5D,gBAAgB,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC;gBAC1D,CAAC;gBAED,IAAI,gBAAgB,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,EAAE,CAAC;oBACxC,aAAa,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;oBAChE,gBAAgB,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;gBACtC,CAAC;qBAAM,IAAI,gBAAgB,CAAC,IAAI,GAAG,SAAS,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC;oBAClE,aAAa,CAAC,IAAI;wBAChB,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,gBAAgB,CAAC,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;oBAClE,gBAAgB,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC;gBACzD,CAAC;YACH,CAAC;YAED,MAAM,mBAAmB,GAAiB;gBACxC,YAAY,EAAE,SAAS;gBACvB,QAAQ,EAAE,gBAAgB;gBAC1B,IAAI,EAAE,YAAY,CAAC,gBAAgB,EAAE,SAAS,CAAC;gBAC/C,aAAa;aACd,CAAC;YAEF,6EAA6E;YAC7E,gBAAgB,KAAK,mBAAmB,CAAC;YAEzC,iCAAiC;YACjC,IAAI,mBAAmB,CAAC,IAAI,EAAE,CAAC;gBAC7B,OAAO,mBAAmB,CAAC;YAC7B,CAAC;QACH,CAAC;QAED,oKAAoK;QACpK,OAAO,gBAAiB,CAAC;IAC3B,CAAC,EACD,CAAC,yBAAyB,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,CACrE,CAAC;IAEF,gDAAgD;IAChD,MAAM,YAAY,GAA6B,OAAO,CAAC,GAAG,EAAE;QAC1D,IACE,CAAC,QAAQ;YACT,SAAS,CAAC,OAAO;YACjB,QAAQ,CAAC,OAAO;YAChB,gBAAgB;YAChB,SAAS;YACT,UAAU;YAEV,OAAO,gBAAgB,CACrB,SAAS,CAAC,OAAO,CAAC,qBAAqB,EAAE,EACzC,QAAQ,CAAC,OAAO,CAAC,qBAAqB,EAAE,EACxC,mBAAmB,CACpB,CAAC;IACN,CAAC,EAAE;QACD,gBAAgB;QAChB,mBAAmB;QACnB,gBAAgB;QAChB,SAAS;QACT,UAAU;QACV,QAAQ;KACT,CAAC,CAAC;IAEH,0DAA0D;IAC1D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,EAAE,YAAY,KAAK,gBAAgB,CAAC,OAAO,EAAE,YAAY,EAAE,CAAC;YAC1E,gBAAgB,CAAC,OAAO,GAAG,YAAY,CAAC;YACxC,IAAI,oBAAoB;gBAAE,oBAAoB,CAAC,YAAY,CAAC,CAAC;QAC/D,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAEzC,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,IAAI,IAAI,GAAG,KAAK,CAAC;QACjB,QAAQ,YAAY,EAAE,YAAY,EAAE,CAAC;YACnC,KAAK,KAAK;gBACR,IAAI,GAAG,QAAQ,CAAC;gBAChB,MAAM;YACR,KAAK,QAAQ;gBACX,IAAI,GAAG,KAAK,CAAC;gBACb,MAAM;YACR,KAAK,MAAM;gBACT,IAAI,GAAG,OAAO,CAAC;gBACf,MAAM;YACR,KAAK,OAAO;gBACV,IAAI,GAAG,MAAM,CAAC;gBACd,MAAM;QACV,CAAC;QACD,OAAO;YACL,CAAC,SAAS,IAAI,EAAE,CAAC,EAAE,GAAG,sBAAsB,IAAI;SACjD,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,EAAE,sBAAsB,CAAC,CAAC,CAAC;IAE3C,2DAA2D;IAC3D,MAAM,kBAAkB,GAAkB,OAAO,CAC/C,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ,EAAE,QAAQ;QAClB,GAAG,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QACrC,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,IAAI,IAAI,CAAC;QACvC,uGAAuG;QACvG,GAAG,UAAU;KACd,CAAC,EACF,CAAC,YAAY,EAAE,QAAQ,EAAE,UAAU,CAAC,CACrC,CAAC;IAEF,OAAO;QACL,SAAS;QACT,QAAQ;QACR,YAAY;QACZ,kBAAkB;KACnB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/esm/ui/index.js

@@ -1,3 +1,4 @@
 export * from "./Button/index.js";
 export * from "./Chip/index.js";
+export * from "./Tooltip/index.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC"}

package/dist/types/ui/Button/Button.d.ts

@@ -1,6 +1,6 @@
 import type Props from "./types.js";
 import "./styles.css";
 /** Buttons are clickable elements used to perform an action. */
-declare const Button: ({ id, className, appearance, label, ...props }: Props) => React.ReactElement;
+declare const Button: ({ id, className, children, style, appearance, ...props }: Props) => React.ReactElement;
 export default Button;
 //# sourceMappingURL=Button.d.ts.map

package/dist/types/ui/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/ui/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,YAAY,CAAC;AACpC,OAAO,cAAc,CAAC;AAEtB,gEAAgE;AAChE,QAAA,MAAM,MAAM,mDAMT,KAAK,KAAG,KAAK,CAAC,YAahB,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/ui/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,YAAY,CAAC;AACpC,OAAO,cAAc,CAAC;AAEtB,gEAAgE;AAChE,QAAA,MAAM,MAAM,GAAI,0DAOb,KAAK,KAAG,KAAK,CAAC,YAiBhB,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/types/ui/Button/types.d.ts

@@ -1,15 +1,18 @@
-import type React from "react";
+import type { ButtonHTMLAttributes, ReactNode } from "react";
 export interface BaseProps {
     id?: string;
     /** Additional CSS classes */
     className?: string;
+    /**
+     * Button contents.
+     * This will also be used for the `aria-label`.
+     * If this contains anything other than a string literal (such as a <p> element), you should specify an
+     * `aria-label` prop to ensure that the button label is applied properly. Otherwise, the label will be set to [object Object].
+     * */
+    children: ReactNode;
     /** The visual style of the button */
     appearance?: "neutral" | "base" | "positive" | "negative" | "link";
-    /** Button contents */
-    label: string;
-    /** Optional click handler */
-    onClick?: () => void;
 }
-type Props = BaseProps & React.ButtonHTMLAttributes<HTMLButtonElement>;
+type Props = BaseProps & ButtonHTMLAttributes<HTMLButtonElement>;
 export default Props;
 //# sourceMappingURL=types.d.ts.map

package/dist/types/ui/Button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,MAAM,WAAW,SAAS;IAExB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC;IACnE,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,KAAK,KAAK,GAAG,SAAS,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAEvE,eAAe,KAAK,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/Button/types.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,WAAW,SAAS;IAExB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;SAKK;IACL,QAAQ,EAAE,SAAS,CAAC;IACpB,qCAAqC;IACrC,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC;CACpE;AAED,KAAK,KAAK,GAAG,SAAS,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAEjE,eAAe,KAAK,CAAC"}

package/dist/types/ui/Chip/Chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/ui/Chip/Chip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAIhD;;;GAGG;AACH,QAAA,MAAM,IAAI,oFAUP,aAAa,KAAG,KAAK,CAAC,YAwBxB,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/ui/Chip/Chip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAIhD;;;GAGG;AACH,QAAA,MAAM,IAAI,GAAI,iFAUX,aAAa,KAAG,KAAK,CAAC,YAwBxB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/types/ui/Tooltip/Tooltip.d.ts

@@ -0,0 +1,12 @@
+import type React from "react";
+import "./styles.css";
+import type { TooltipProps } from "./types.js";
+/**
+ * The Tooltip component is used to display a message.
+ * This component is just the "message" part of the tooltip, and has no interactivity or positioning logic. It is generally not consumed directly, but rather in one of two ways
+ * - The [TooltipArea](?path=/docs/tooltip-tooltiparea--docs) component
+ * - The [withTooltip](?path=/docs/tooltip-withtooltip--docs) HOC
+ */
+declare const Tooltip: ({ id, children, className, style, ref, isOpen, zIndex, onPointerEnter, onFocus, }: TooltipProps) => React.ReactElement;
+export default Tooltip;
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/types/ui/Tooltip/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/ui/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAI/C;;;;;GAKG;AACH,QAAA,MAAM,OAAO,GAAI,mFAUd,YAAY,KAAG,KAAK,CAAC,YAmBvB,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/types/ui/Tooltip/common/TooltipArea/TooltipArea.d.ts

@@ -0,0 +1,10 @@
+import type { ReactElement } from "react";
+import type { TooltipAreaProps } from "./types.js";
+import "./styles.css";
+/**
+ * Wraps a target element with a tooltip.
+ * This component allows you to attach a tooltip to any JSX fragment.
+ */
+declare const TooltipArea: ({ children, style, className, Message, distance, targetElementId, targetElementClassName, targetElementStyle, messageElementClassName, messageElementStyle, parentElement, autoFit, ...props }: TooltipAreaProps) => ReactElement;
+export default TooltipArea;
+//# sourceMappingURL=TooltipArea.d.ts.map

package/dist/types/ui/Tooltip/common/TooltipArea/TooltipArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipArea.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Tooltip/common/TooltipArea/TooltipArea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnD,OAAO,cAAc,CAAC;AAKtB;;;GAGG;AACH,QAAA,MAAM,WAAW,GAAI,gMAclB,gBAAgB,KAAG,YAyErB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/types/ui/Tooltip/common/TooltipArea/index.d.ts

@@ -0,0 +1,3 @@
+export { default as TooltipArea } from "./TooltipArea.js";
+export * from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui/Tooltip/common/TooltipArea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Tooltip/common/TooltipArea/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC1D,cAAc,YAAY,CAAC"}

package/dist/types/ui/Tooltip/common/TooltipArea/types.d.ts

@@ -0,0 +1,35 @@
+import type { CSSProperties, ReactNode } from "react";
+import type { UsePopupProps } from "../../../hooks/index.js";
+export interface TooltipAreaProps extends UsePopupProps {
+    /**
+     * The target element to which the tooltip should be attached.
+     * This can be any valid React element.
+     */
+    children: ReactNode;
+    /**
+     * The content of the tooltip. This can be a string or any valid React node.
+     */
+    Message: ReactNode;
+    /** Styles applied to the tooltip area */
+    style?: CSSProperties;
+    /** Class name applied to the tooltip area */
+    className?: string;
+    /** ID applied to the target element */
+    targetElementId?: string;
+    /** Class name applied to the target element */
+    targetElementClassName?: string;
+    /** Style object applied to the target element */
+    targetElementStyle?: CSSProperties;
+    /** Class name applied to the tooltip/message element */
+    messageElementClassName?: string;
+    /** Styles applied to the tooltip/message element */
+    messageElementStyle?: CSSProperties;
+    /**
+     * The element to which the tooltip should be attached.
+     * This can be any valid React element.
+     * When not provided, the tooltip will be attached to the `document.body`.
+     * No default is provided at the TooltipArea signature level in order to prevent the component from failing builds in server environments, where `document` is not available.
+     */
+    parentElement?: HTMLElement;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types/ui/Tooltip/common/TooltipArea/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Tooltip/common/TooltipArea/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC;IACnB,yCAAyC;IACzC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+CAA+C;IAC/C,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,aAAa,CAAC;IACnC,wDAAwD;IACxD,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,oDAAoD;IACpD,mBAAmB,CAAC,EAAE,aAAa,CAAC;IACpC;;;;;OAKG;IACH,aAAa,CAAC,EAAE,WAAW,CAAC;CAC7B"}

package/dist/types/ui/Tooltip/common/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./TooltipArea/index.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui/Tooltip/common/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/Tooltip/common/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/dist/types/ui/Tooltip/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Tooltip } from "./Tooltip.js";
+export { default as withTooltip } from "./withTooltip.js";
+export * from "./common/index.js";
+export * from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui/Tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/Tooltip/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC1D,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC"}

package/dist/types/ui/Tooltip/types.d.ts

@@ -0,0 +1,16 @@
+import type { CSSProperties, FocusEventHandler, PointerEventHandler, ReactNode, RefObject } from "react";
+export interface TooltipProps {
+    id?: string;
+    className?: string;
+    children: ReactNode;
+    style?: CSSProperties;
+    /** Whether the tooltip is open or not */
+    isOpen?: boolean;
+    /** Ref to the tooltip, useful for calculating its dimensions */
+    ref?: RefObject<HTMLDivElement | null>;
+    /** The z-index of the tooltip */
+    zIndex?: number;
+    onPointerEnter?: PointerEventHandler;
+    onFocus?: FocusEventHandler;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types/ui/Tooltip/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/Tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,mBAAmB,EACnB,SAAS,EACT,SAAS,EACV,MAAM,OAAO,CAAC;AAGf,MAAM,WAAW,YAAY;IAE3B,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,EAAE,SAAS,CAAC;IAEpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gEAAgE;IAChE,GAAG,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACvC,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B"}

package/dist/types/ui/Tooltip/withTooltip.d.ts

@@ -0,0 +1,11 @@
+import { type ComponentType, type FC, type ReactNode } from "react";
+import type { UsePopupProps } from "../hooks/index.js";
+/**
+ * A higher-order component that wraps a component with a tooltip.
+ * @param Component The component function to wrap. If you need to use a Node instead of a function, use [`TooltipArea`](/?path=/docs/tooltip-withtooltip--docs) instead.
+ * @param Message The content of the tooltip
+ * @param popupProps The props to pass to the usePopup hook
+ */
+declare const withTooltip: <TProps extends object>(Component: ComponentType<TProps>, Message: ReactNode, popupProps?: UsePopupProps) => FC<TProps>;
+export default withTooltip;
+//# sourceMappingURL=withTooltip.d.ts.map

package/dist/types/ui/Tooltip/withTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withTooltip.d.ts","sourceRoot":"","sources":["../../../../src/ui/Tooltip/withTooltip.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,KAAK,aAAa,EAClB,KAAK,EAAE,EAEP,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGvD;;;;;GAKG;AACH,QAAA,MAAM,WAAW,GAAI,MAAM,SAAS,MAAM,EACxC,WAAW,aAAa,CAAC,MAAM,CAAC,EAChC,SAAS,SAAS,EAClB,aAAY,aAAkB,KAC7B,EAAE,CAAC,MAAM,CAkBX,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/types/ui/hooks/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./useDelayedToggle/index.js";
+export * from "./usePopup/index.js";
+export * from "./useWindowFitment/index.js";
+export * from "./useResizeObserver/index.js";
+export * from "./useWindowDimensions/index.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC"}

package/dist/types/ui/hooks/useDelayedToggle/index.d.ts

@@ -0,0 +1,3 @@
+export { default as useDelayedToggle } from "./useDelayedToggle.js";
+export * from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui/hooks/useDelayedToggle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/hooks/useDelayedToggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpE,cAAc,YAAY,CAAC"}

package/dist/types/ui/hooks/useDelayedToggle/types.d.ts

@@ -0,0 +1,27 @@
+export interface UseDelayedToggleProps {
+    /**
+     * Delay in milliseconds before setting the flag to true
+     * Defaults to 150ms.
+     */
+    activateDelay?: number;
+    /**
+     * Delay in milliseconds before setting the flag to false
+     * Defaults to 150ms.
+     */
+    deactivateDelay?: number;
+    /** A callback to be called when the flag is set to true. */
+    onActivate?: DelayedToggleActivateEventHandler;
+    /** A callback to be called when the flag is set to false. */
+    onDeactivate?: DelayedToggleActivateEventHandler;
+}
+export interface UseDelayedToggleResult {
+    /** The current state of the flag. */
+    flag: boolean;
+    /** Sets the flag to true after the specified delay. */
+    activate: DelayedToggleActivateEventHandler;
+    /** Sets the flag to false after the specified delay. */
+    deactivate: DelayedToggleActivateEventHandler;
+}
+/** Event handler for delayed toggle activation events. */
+export type DelayedToggleActivateEventHandler = (event: Event) => void;
+//# sourceMappingURL=types.d.ts.map

package/dist/types/ui/hooks/useDelayedToggle/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/ui/hooks/useDelayedToggle/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,iCAAiC,CAAC;IAC/C,6DAA6D;IAC7D,YAAY,CAAC,EAAE,iCAAiC,CAAC;CAClD;AAED,MAAM,WAAW,sBAAsB;IACrC,qCAAqC;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,uDAAuD;IACvD,QAAQ,EAAE,iCAAiC,CAAC;IAC5C,wDAAwD;IACxD,UAAU,EAAE,iCAAiC,CAAC;CAC/C;AAED,0DAA0D;AAC1D,MAAM,MAAM,iCAAiC,GAAG,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC"}

package/dist/types/ui/hooks/useDelayedToggle/useDelayedToggle.d.ts

@@ -0,0 +1,13 @@
+import type { UseDelayedToggleProps, UseDelayedToggleResult } from "./types.js";
+/**
+ * Hook to toggle a flag with a delay.
+ * Allows the caller to `activate()` or `deactivate()` some flag
+ * @param activateDelay The delay in milliseconds before setting the flag to true.
+ * @param deactivateDelay   The delay in milliseconds before setting the flag to false.
+ * @param onActivate A callback to be called when the flag is set to true.
+ * @param onDeactivate A callback to be called when the flag is set to false.
+ * @returns The current state of the flag, functions to activate and deactivate the flag.
+ */
+declare const useDelayedToggle: ({ activateDelay, deactivateDelay, onActivate, onDeactivate, }: UseDelayedToggleProps) => UseDelayedToggleResult;
+export default useDelayedToggle;
+//# sourceMappingURL=useDelayedToggle.d.ts.map

package/dist/types/ui/hooks/useDelayedToggle/useDelayedToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDelayedToggle.d.ts","sourceRoot":"","sources":["../../../../../src/ui/hooks/useDelayedToggle/useDelayedToggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAEhF;;;;;;;;GAQG;AACH,QAAA,MAAM,gBAAgB,GAAI,+DAKvB,qBAAqB,KAAG,sBAkD1B,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/types/ui/hooks/usePopup/index.d.ts

@@ -0,0 +1,3 @@
+export { default as usePopup } from "./usePopup.js";
+export * from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui/hooks/usePopup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/hooks/usePopup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,cAAc,YAAY,CAAC"}