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

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

@@ -0,0 +1,192 @@
+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, }) => {
+    // This hook is not intended to be used on the server.
+    if (typeof window === "undefined") {
+        return {
+            targetRef: { current: null },
+            popupRef: { current: null },
+            bestPosition: undefined,
+            popupPositionStyle: {},
+        };
+    }
+    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(() => {
+        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]);
+    /**
+     * 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;
+        /*
+          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]);
+    /**
+     * 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) => {
+        // 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]);
+    /**
+     * 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) => {
+        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 bestPositionForName = {
+                positionName: direction,
+                position: absolutePosition,
+                fits: fitsInWindow(absolutePosition, popupRect),
+            };
+            // 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]);
+    /** The best possible position for the popup. */
+    const bestPosition = useMemo(() => {
+        if (targetRef.current &&
+            popupRef.current &&
+            windowDimensions &&
+            popupSize &&
+            targetSize)
+            return findBestPosition(targetRef.current.getBoundingClientRect(), popupRef.current.getBoundingClientRect(), preferredDirections);
+    }, [
+        findBestPosition,
+        preferredDirections,
+        windowDimensions,
+        popupSize,
+        targetSize,
+    ]);
+    /** 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":"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"}

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/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,sFAUV,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, Message, distance, targetElementId, targetElementClassName, targetElementStyle, messageElementClassName, messageElementStyle, parentElement, ...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,wKAWd,gBAAgB,KAAG,YA8DrB,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,31 @@
+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;
+    /** 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,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,aAC7B,aAAa,CAAC,MAAM,CAAC,WACvB,SAAS,eACN,aAAa,KACxB,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,kEAKnB,qBAAqB,KAAG,sBAyC1B,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"}

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

@@ -0,0 +1,60 @@
+import type { CSSProperties, FocusEventHandler, PointerEventHandler, RefObject } from "react";
+import type { UseDelayedToggleProps } from "../useDelayedToggle/index.js";
+import type { UseWindowFitmentProps, UseWindowFitmentResult } from "../useWindowFitment/index.js";
+export interface UsePopupProps extends UseWindowFitmentProps, UseDelayedToggleProps {
+    /** A callback to be called when the target element is focused. */
+    onFocus?: FocusEventHandler;
+    /** A callback to be called when the target element loses focus. */
+    onBlur?: FocusEventHandler;
+    /** A callback to be called when the mouse enters the target element. */
+    onEnter?: PointerEventHandler;
+    /** A callback to be called when the mouse leaves the target */
+    onLeave?: PointerEventHandler;
+    /** A callback to be called when the popup is shown. */
+    onShow?: (event?: Event) => void;
+    /** A callback to be called when the popup is hidden. */
+    onHide?: (event?: Event) => void;
+}
+export interface UsePopupResult extends UseWindowFitmentResult {
+    /**
+     * A ref to be attached to the target element.
+     */
+    targetRef: RefObject<HTMLDivElement | null>;
+    /**
+     * A ref to be attached to the popup element.
+     */
+    popupRef: RefObject<HTMLDivElement | null>;
+    /**
+     * The style object to be applied to the popup element.
+     */
+    popupPositionStyle: CSSProperties;
+    /**
+     * A unique ID for the popup element. This can be used to associate a trigger with a popup, using `aria-describedby`.
+     */
+    popupId: string;
+    /**
+     * Whether the popup is currently open.
+     */
+    isOpen: boolean;
+    /**
+     * Whether the target element is currently focused.
+     */
+    isFocused: boolean;
+    /**
+     * Event handler for when the target element is focused.
+     */
+    handleTriggerFocus: FocusEventHandler;
+    /**
+     * Event handler for when the target element loses focus.
+     */
+    handleTriggerBlur: FocusEventHandler;
+    /**
+     * Event handler for when the mouse enters the target element.
+     */
+    handleTriggerEnter: PointerEventHandler;
+    /**
+     * Event handler for when the mouse leaves the target element.
+     */
+    handleTriggerLeave: PointerEventHandler;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/ui/hooks/usePopup/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,mBAAmB,EACnB,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACvB,MAAM,8BAA8B,CAAC;AAEtC,MAAM,WAAW,aACf,SAAQ,qBAAqB,EAC3B,qBAAqB;IACvB,kEAAkE;IAClE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,mEAAmE;IACnE,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,wEAAwE;IACxE,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,+DAA+D;IAC/D,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,uDAAuD;IACvD,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,wDAAwD;IACxD,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED,MAAM,WAAW,cAAe,SAAQ,sBAAsB;IAC5D;;OAEG;IACH,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC5C;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC3C;;OAEG;IACH,kBAAkB,EAAE,aAAa,CAAC;IAClC;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,kBAAkB,EAAE,iBAAiB,CAAC;IACtC;;OAEG;IACH,iBAAiB,EAAE,iBAAiB,CAAC;IACrC;;OAEG;IACH,kBAAkB,EAAE,mBAAmB,CAAC;IACxC;;OAEG;IACH,kBAAkB,EAAE,mBAAmB,CAAC;CACzC"}

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

@@ -0,0 +1,18 @@
+import type { UsePopupProps, UsePopupResult } from "./types.js";
+/**
+ * Manages the state of a popup.
+ * @param isOpen An override for the open state.
+ * @param deactivateDelay The delay in milliseconds before setting the flag to false.
+ * @param activateDelay The delay in milliseconds before setting the flag to true.
+ * @param onEnter A callback to be called when the mouse enters the target element.
+ * @param onLeave A callback to be called when the mouse leaves the target element.
+ * @param onFocus A callback to be called when the target element is focused.
+ * @param onBlur A callback to be called when the target element loses focus.
+ * @param onShow A callback to be called when the popup is shown.
+ * @param onHide A callback to be called when the popup is hidden.
+ * @param props The props to be passed to the useWindowFitment hook.
+ * @returns The current state of the popup, and event handlers for the target element.
+ */
+declare const usePopup: ({ isOpen: isOpenProp, deactivateDelay, activateDelay, onEnter, onLeave, onFocus, onBlur, onShow, onHide, ...props }: UsePopupProps) => UsePopupResult;
+export default usePopup;
+//# sourceMappingURL=usePopup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePopup.d.ts","sourceRoot":"","sources":["../../../../../src/ui/hooks/usePopup/usePopup.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEhE;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,QAAQ,wHAWX,aAAa,KAAG,cAuElB,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

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

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

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

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

@@ -0,0 +1,7 @@
+export interface UseResizeObserverResult {
+    /** The width of the observed element */
+    width: number;
+    /** The height of the observed element */
+    height: number;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/ui/hooks/useResizeObserver/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,uBAAuB;IACtC,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,MAAM,EAAE,MAAM,CAAC;CAChB"}

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

@@ -0,0 +1,8 @@
+import type { UseResizeObserverResult } from "./types.js";
+/**
+ * Hook to observe the size of an element.
+ * @param element The element to observe.
+ * @returns The size of the element.
+ */
+export default function useResizeObserver<TElement extends HTMLElement>(element?: TElement | null): UseResizeObserverResult;
+//# sourceMappingURL=useResizeObserver.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.d.ts","sourceRoot":"","sources":["../../../../../src/ui/hooks/useResizeObserver/useResizeObserver.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,QAAQ,SAAS,WAAW,EACpE,OAAO,CAAC,EAAE,QAAQ,GAAG,IAAI,GACxB,uBAAuB,CA6BzB"}

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

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

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

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

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

@@ -0,0 +1,21 @@
+export interface UseWindowDimensionProps {
+    /** Delay in milliseconds before the resize event is triggered */
+    resizeDelay?: number;
+    /** Delay in milliseconds before the scroll event is triggered */
+    scrollDelay?: number;
+    /** Callback to be called when the window is resized */
+    onResize?: (dimensions: UseWindowDimensionsResult) => void;
+    /** Callback to be called when the window is scrolled */
+    onScroll?: (dimensions: UseWindowDimensionsResult) => void;
+}
+export interface UseWindowDimensionsResult {
+    /** The width of the window */
+    windowWidth: number;
+    /** The height of the window */
+    windowHeight: number;
+    /** The horizontal scroll position */
+    scrollWidth: number;
+    /** The vertical scroll position */
+    scrollHeight: number;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/ui/hooks/useWindowDimensions/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,uBAAuB;IACtC,iEAAiE;IACjE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iEAAiE;IACjE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAC3D,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,yBAAyB,KAAK,IAAI,CAAC;CAC5D;AAED,MAAM,WAAW,yBAAyB;IACxC,8BAA8B;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,+BAA+B;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,mCAAmC;IACnC,YAAY,EAAE,MAAM,CAAC;CACtB"}

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

@@ -0,0 +1,6 @@
+import type { UseWindowDimensionProps, UseWindowDimensionsResult } from "./types.js";
+/**
+ * Hook to get the window dimensions and scroll position.
+ */
+export default function useWindowDimensions({ onResize, onScroll, resizeDelay, scrollDelay, }?: UseWindowDimensionProps): UseWindowDimensionsResult;
+//# sourceMappingURL=useWindowDimensions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowDimensions.d.ts","sourceRoot":"","sources":["../../../../../src/ui/hooks/useWindowDimensions/useWindowDimensions.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,uBAAuB,EACvB,yBAAyB,EAC1B,MAAM,YAAY,CAAC;AAEpB;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,QAAQ,EACR,QAAQ,EACR,WAAiB,EACjB,WAAiB,GAClB,GAAE,uBAA4B,GAAG,yBAAyB,CAoD1D"}

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

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

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

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