@ultraviolet/ui 3.23.0 → 3.24.1

package/dist/components/Tooltip/index.d.ts

@@ -1,43 +1,101 @@
-import type { ComponentProps, Ref } from 'react';
-import { Popup } from '../Popup';
-/**
- * Tooltip component is used to display additional information on hover or focus.
- * It is used to explain the purpose of the element it is attached to.
- */
-export declare const Tooltip: import("react").ForwardRefExoticComponent<Pick<{
+import type { CSSProperties, HTMLAttributes, ReactNode, Ref } from 'react';
+import type { TooltipPlacement } from './types';
+export type TooltipRenderProps = Pick<HTMLAttributes<HTMLElement>, 'onBlur' | 'onFocus' | 'onKeyDown' | 'onMouseLeave' | 'onMouseMove' | 'onPointerDown' | 'onPointerEnter' | 'aria-describedby' | 'aria-labelledby'> & {
+    ref?: Ref<any>;
+};
+export type TooltipProps = {
+    /**
+     * id of the tooltip element
+     */
     id?: string;
-    children: import("react").ReactNode | ((renderProps: {
-        className?: string;
-        onBlur: () => void;
-        onFocus: () => void;
-        onPointerEnter: () => void;
-        onPointerLeave: () => void;
-        ref: import("react").RefObject<HTMLDivElement | null>;
-    }) => import("react").ReactNode);
+    /**
+     * The trigger element of the tooltip. If a function is provided, it receives
+     * the props (including `aria-describedby`, event handlers and `ref`) to spread
+     * on the trigger element.
+     */
+    children: ReactNode | ((renderProps: TooltipRenderProps) => ReactNode);
+    /**
+     * max-width of the tooltip element
+     */
     maxWidth?: number | string;
-    placement?: import("../Popup/helpers").PopupPlacement;
-    align?: import("../Popup/helpers").PopupAlign;
-    text?: import("react").ReactNode;
+    /**
+     * Content of the tooltip, preferably text inside. When omitted, no tooltip is rendered.
+     */
+    text?: ReactNode;
+    /**
+     * Preferred placement for the Tooltip.
+     * If there is not enough space, the direction will be flipped so that the Tooltip stays visible.
+     * @default 'top'
+     */
+    placement?: TooltipPlacement;
+    /**
+     * Force the tooltip to be visible. When set, the tooltip is controlled and won't react to hover/focus.
+     */
+    visible?: boolean;
+    /**
+     * className added on the tooltip element
+     */
     className?: string;
+    /**
+     * @deprecated use relation instead
+     */
+    role?: string;
+    /**
+     * Role of the tooltip in relation to its reference element
+     * - use "description" only if the reference element already has an accessible label
+     * - use "label" if the tooltip text should be the label of the reference element
+     * @default 'description'
+     */
+    relation?: 'description' | 'label';
+    'data-testid'?: string;
+    /**
+     * It will add `width: 100%` to the tooltip trigger container.
+     */
     containerFullWidth?: boolean;
+    /**
+     * It will add `height: 100%` to the tooltip trigger container.
+     */
     containerFullHeight?: boolean;
-    visible?: boolean;
-    innerRef?: Ref<HTMLDivElement | null>;
-    role?: "dialog" | "popup" | "tooltip";
-    'data-testid'?: string;
-    hasArrow?: boolean;
-    onClose?: () => void;
+    /**
+     * Render the tooltip in a portal target if you need it to overflow from a scroll container, at the cost of a small lag of the tooltip behind its reference element when scrolling.
+     * @default document.body
+     */
+    portalTarget?: HTMLElement | null;
+    /**
+     * tabindex attribute for the tooltip trigger container
+     */
     tabIndex?: number;
-    onKeyDown?: import("react").KeyboardEventHandler;
-    'aria-haspopup'?: import("react").HTMLAttributes<HTMLDivElement>['aria-haspopup'];
-    hideOnClickOutside?: boolean;
+    /**
+     * Delay (in ms) before the tooltip opens and closes.
+     * @deprecated Use `delay` instead to have more control over opening and closing delays.
+     */
     debounceDelay?: number;
-    maxHeight?: string | number;
+    /**
+     * Open and close delay (in ms) for the tooltip.
+     */
+    delay?: {
+        open?: number;
+        close?: number;
+    };
+    /**
+     * @deprecated The animation cannot be disabled
+     */
     disableAnimation?: boolean;
-    portalTarget?: HTMLElement;
-    dynamicDomRendering?: boolean;
-    style?: import("react").CSSProperties;
-} & import("react").RefAttributes<HTMLDivElement>, "children" | "className" | "containerFullHeight" | "containerFullWidth" | "data-testid" | "debounceDelay" | "disableAnimation" | "id" | "innerRef" | "maxWidth" | "portalTarget" | "role" | "style" | "tabIndex" | "text" | "visible"> & {
-    placement?: Exclude<ComponentProps<typeof Popup>['placement'], 'nested-menu'>;
-} & import("react").RefAttributes<HTMLDivElement>>;
+    /**
+     * style added on the tooltip element
+     */
+    style?: CSSProperties;
+    /**
+     * Called when the tooltip visibility changes (open/close, including Escape dismiss).
+     */
+    onOpenChange?: (open: boolean) => void;
+};
+export declare const DEFAULT_DELAY: {
+    close: number;
+    open: number;
+};
+export declare function Tooltip({ children, text, placement, id, className, containerFullWidth, containerFullHeight, maxWidth, visible, 'data-testid': dataTestId, portalTarget, relation, debounceDelay, delay, tabIndex, style, onOpenChange, }: TooltipProps): string | number | bigint | boolean | import("react").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | Iterable<ReactNode> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | null | undefined;
+export declare namespace Tooltip {
+    var displayName: string;
+}
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Tooltip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAyBhC;;;GAGG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAPN,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE,aAAa,CAAC;kDAoD9E,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAI1E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG/C,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,cAAc,CAAC,WAAW,CAAC,EACzB,QAAQ,GACR,SAAS,GACT,WAAW,GACX,cAAc,GACd,aAAa,GACb,eAAe,GACf,gBAAgB,GAChB,kBAAkB,GAClB,iBAAiB,CACpB,GAAG;IAGF,GAAG,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAA;CACf,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;;;OAIG;IACH,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,WAAW,EAAE,kBAAkB,KAAK,SAAS,CAAC,CAAA;IACtE;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,aAAa,GAAG,OAAO,CAAA;IAClC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;;OAGG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACzC;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC,CAAA;AAED,eAAO,MAAM,aAAa;IAAK,KAAK;IAAK,IAAI;CAAO,CAAA;gCAM5B,EACtB,QAAQ,EACR,IAAS,EACT,SAAiB,EACjB,EAAE,EACF,SAAS,EACT,kBAAkB,EAClB,mBAAmB,EACnB,QAAc,EACd,OAAO,EACP,aAAa,EAAE,UAAU,EACzB,YAAmE,EACnE,QAAQ,EACR,aAAa,EACb,KAAK,EACL,QAAY,EACZ,KAAK,EACL,YAAY,GACb,EAAE,YAAY"}

package/dist/components/Tooltip/index.js

@@ -1,41 +1,63 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import { Popup, init_Popup } from "../Popup/index.js";
-import { init_styles_css, tooltipStyle } from "./styles.css.js";
-import { forwardRef } from "react";
-import { cn } from "@ultraviolet/utils";
-import { jsx } from "react/jsx-runtime";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import { TooltipChildren, init_TooltipChildren } from "./TooltipChildren.js";
+import { TooltipElement, init_TooltipElement } from "./TooltipElement.js";
+import { init_useTooltip, useTooltip } from "./useTooltip.js";
+import { useId } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
 
 //#region src/components/Tooltip/index.tsx
-var Tooltip;
+var DEFAULT_DELAY, Tooltip;
 function init_Tooltip() {
 	return (init_Tooltip = __esmMin(() => {
-		init_Popup();
-		init_styles_css();
-		Tooltip = forwardRef(({ children, text = "", placement = "auto", id, className, containerFullWidth, containerFullHeight, maxWidth = 232, visible, innerRef, role = "tooltip", "data-testid": dataTestId, portalTarget, debounceDelay, disableAnimation, tabIndex, style }, tooltipRef) => /* @__PURE__ */ jsx(Popup, {
-			className: cn(className, tooltipStyle.tooltip),
-			containerFullHeight,
-			containerFullWidth,
-			"data-testid": dataTestId,
-			debounceDelay,
-			disableAnimation,
-			id,
-			innerRef,
-			maxWidth,
-			placement,
-			portalTarget,
-			ref: tooltipRef,
-			role,
-			style,
-			tabIndex,
-			text,
-			visible,
-			children
-		}));
+		init_TooltipChildren();
+		init_TooltipElement();
+		init_useTooltip();
+		init_objectSpread2();
+		DEFAULT_DELAY = {
+			close: 0,
+			open: 200
+		};
+		Tooltip = ({ children, text = "", placement = "top", id, className, containerFullWidth, containerFullHeight, maxWidth = 232, visible, "data-testid": dataTestId, portalTarget = typeof window === "undefined" ? null : document.body, relation, debounceDelay, delay, tabIndex = 0, style, onOpenChange }) => {
+			const tooltip = useTooltip({
+				delay: delay !== null && delay !== void 0 ? delay : debounceDelay ? {
+					open: debounceDelay,
+					close: debounceDelay
+				} : DEFAULT_DELAY,
+				onOpenChange,
+				placement,
+				visible
+			});
+			const uniqueId = useId();
+			const tooltipId = id !== null && id !== void 0 ? id : uniqueId;
+			if (!text) return typeof children === "function" ? children({}) : children;
+			const shouldRenderTooltipElement = relation === "label" ? true : tooltip.isMounted;
+			const tooltipProps = {
+				tooltip,
+				id: tooltipId,
+				className,
+				style,
+				"data-testid": dataTestId,
+				maxWidth,
+				text
+			};
+			return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(TooltipChildren, {
+				tooltip,
+				containerFullHeight,
+				containerFullWidth,
+				tooltipId,
+				isTooltipVisible: shouldRenderTooltipElement,
+				relation,
+				tabIndex,
+				children
+			}), shouldRenderTooltipElement ? portalTarget ? createPortal(/* @__PURE__ */ jsx(TooltipElement, _objectSpread2({}, tooltipProps)), portalTarget) : /* @__PURE__ */ jsx(TooltipElement, _objectSpread2({}, tooltipProps)) : null] });
+		};
 		Tooltip.displayName = "Tooltip";
 	}))();
 }
 
 //#endregion
 init_Tooltip();
-export { Tooltip, init_Tooltip };
+export { DEFAULT_DELAY, Tooltip, init_Tooltip };

package/dist/components/Tooltip/styles.css.d.ts

@@ -1,4 +1,21 @@
+export declare const ARROW_SIZE = 8;
+export declare const ANIMATION_DURATION = 200;
 export declare const tooltipStyle: {
+    animation: Record<"close" | "open", string>;
+    arrow: string;
+    childrenContainer: import("@vanilla-extract/recipes").RuntimeFn<{
+        fullHeight: {
+            true: {
+                height: "100%";
+            };
+        };
+        fullWidth: {
+            true: {
+                width: "100%";
+            };
+        };
+    }>;
+    content: string;
     tooltip: string;
 };
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/Tooltip/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY;;CAAc,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/styles.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,UAAU,IAAI,CAAA;AAE3B,eAAO,MAAM,kBAAkB,MAAM,CAAA;AA2ErC,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;CAMxB,CAAA"}

package/dist/components/Tooltip/styles.css.js

@@ -1,12 +1,34 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_animationsVanillaExtract_css_ts_vanilla } from "../../utils/animations/animationsVanillaExtract.css.ts.vanilla.js";
+import { init_style_css_ts_vanilla } from "../Text/style.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/Tooltip/styles.css.ts
 var tooltipStyle;
 function init_styles_css() {
 	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_animationsVanillaExtract_css_ts_vanilla();
+		/* @__PURE__ */ init_style_css_ts_vanilla();
 		/* @__PURE__ */ init_styles_css_ts_vanilla();
-		tooltipStyle = { tooltip: "uv_1y5sygv0" };
+		tooltipStyle = {
+			animation: {
+				open: "uv_1y5sygv3",
+				close: "uv_1y5sygv4"
+			},
+			arrow: "uv_1y5sygv1",
+			childrenContainer: createRuntimeFn({
+				defaultClassName: "uv_1y5sygv5",
+				variantClassNames: {
+					fullHeight: { true: "uv_1y5sygv6" },
+					fullWidth: { true: "uv_1y5sygv7" }
+				},
+				defaultVariants: {},
+				compoundVariants: []
+			}),
+			content: "uv_1y5sygv2",
+			tooltip: "uv_1y5sygv0"
+		};
 	}))();
 }
 

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

@@ -0,0 +1,7 @@
+/**
+ * @deprecated "auto" is not required since the Tooltip placement is always flipped if needed to remain visible.
+ */
+type LegacyTooltipPlacement = 'auto' | 'auto-top' | 'auto-bottom' | 'auto-left' | 'auto-right';
+export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right' | LegacyTooltipPlacement;
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,KAAK,sBAAsB,GAAG,MAAM,GAAG,UAAU,GAAG,aAAa,GAAG,WAAW,GAAG,YAAY,CAAA;AAE9F,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,sBAAsB,CAAA"}

package/dist/components/Tooltip/useTooltip.d.ts

@@ -0,0 +1,25 @@
+import type { ExtendedRefs, Placement, ReferenceType } from '@floating-ui/react';
+import type { CSSProperties } from 'react';
+import type { TooltipPlacement } from './types';
+export type UseTooltipOptions = {
+    visible?: boolean;
+    placement: TooltipPlacement;
+    delay?: {
+        open?: number;
+        close?: number;
+    };
+    onOpenChange?: (open: boolean) => void;
+};
+export declare const useTooltip: ({ visible, placement, delay, onOpenChange }: UseTooltipOptions) => {
+    refs: ExtendedRefs<ReferenceType>;
+    arrowRef: import("react").RefObject<HTMLDivElement | null>;
+    arrowStyle: CSSProperties;
+    finalPlacement: Placement;
+    floatingStyles: CSSProperties;
+    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
+    getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
+    isMounted: boolean;
+    open: boolean;
+    status: "close" | "initial" | "open" | "unmounted";
+};
+//# sourceMappingURL=useTooltip.d.ts.map

package/dist/components/Tooltip/useTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/useTooltip.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAiBhF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG/C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,gBAAgB,CAAA;IAC3B,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACzC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC,CAAA;AAED,eAAO,MAAM,UAAU,gDAAiD,iBAAiB;UAuDvE,YAAY,CAAC,aAAa,CAAC;;;;;;;;;;CAW5C,CAAA"}

package/dist/components/Tooltip/useTooltip.js

@@ -0,0 +1,75 @@
+'use client';
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css } from "./styles.css.js";
+import { useCallback, useRef, useState } from "react";
+import { arrow, autoUpdate, flip, offset, safePolygon, shift, useDismiss, useFloating, useFocus, useHover, useInteractions, useTransitionStatus } from "@floating-ui/react";
+import { usePrefersReducedMotion } from "@ultraviolet/animations";
+
+//#region src/components/Tooltip/useTooltip.ts
+var useTooltip;
+function init_useTooltip() {
+	return (init_useTooltip = __esmMin(() => {
+		init_styles_css();
+		useTooltip = ({ visible, placement, delay, onOpenChange }) => {
+			var _middlewareData$arrow;
+			var _middlewareData$arrow2;
+			const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
+			const isControlled = visible !== void 0;
+			const open = isControlled ? visible : uncontrolledOpen;
+			const arrowRef = useRef(null);
+			const setOpen = useCallback((next) => {
+				if (!isControlled) setUncontrolledOpen(next);
+				onOpenChange === null || onOpenChange === void 0 || onOpenChange(next);
+			}, [isControlled, onOpenChange]);
+			const { refs, floatingStyles, context, middlewareData, placement: finalPlacement } = useFloating({
+				open,
+				onOpenChange: setOpen,
+				middleware: [
+					offset(8),
+					flip(),
+					shift(),
+					arrow({
+						element: arrowRef,
+						padding: 4
+					})
+				],
+				whileElementsMounted: autoUpdate,
+				placement: placement.replace(/auto-?/, "") || "top"
+			});
+			const prefersReducedMotion = usePrefersReducedMotion();
+			const { isMounted, status } = useTransitionStatus(context, { duration: prefersReducedMotion ? 0 : 200 });
+			const hover = useHover(context, {
+				enabled: !isControlled,
+				handleClose: safePolygon(),
+				move: false,
+				delay
+			});
+			const focus = useFocus(context, { enabled: !isControlled });
+			const dismiss = useDismiss(context);
+			const { getReferenceProps, getFloatingProps } = useInteractions([
+				hover,
+				focus,
+				dismiss
+			]);
+			return {
+				refs,
+				arrowRef,
+				arrowStyle: {
+					left: (_middlewareData$arrow = middlewareData.arrow) === null || _middlewareData$arrow === void 0 ? void 0 : _middlewareData$arrow.x,
+					top: (_middlewareData$arrow2 = middlewareData.arrow) === null || _middlewareData$arrow2 === void 0 ? void 0 : _middlewareData$arrow2.y
+				},
+				finalPlacement,
+				floatingStyles,
+				getFloatingProps,
+				getReferenceProps,
+				isMounted,
+				open,
+				status
+			};
+		};
+	}))();
+}
+
+//#endregion
+init_useTooltip();
+export { init_useTooltip, useTooltip };

package/dist/components/TreeMapChart/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { init_styles_css, treeMapChartStyle } from "./styles.css.js";
 import { getDataColors, init_treeMap } from "../../helpers/treeMap.js";
 import { Tooltip, init_Tooltip } from "./Tooltip.js";

package/dist/components/VisuallyHidden/index.js

@@ -1,7 +1,7 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
-import _objectWithoutProperties, { init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectWithoutProperties.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectWithoutProperties, { init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectWithoutProperties.js";
 import { init_styles_css, visuallyHiddenStyle } from "./styles.css.js";
 import { createElement, forwardRef } from "react";
 import { cn } from "@ultraviolet/utils";

package/dist/composition.js

@@ -1,12 +1,12 @@
 import { __esmMin } from "./_virtual/_rolldown/runtime.js";
 import { Stack, init_Stack } from "./components/Stack/index.js";
-import { Popup, init_Popup } from "./components/Popup/index.js";
 import { Tooltip, init_Tooltip } from "./components/Tooltip/index.js";
 import { Text, init_Text } from "./components/Text/index.js";
 import { NavigationProvider, init_NavigationProvider, useNavigation } from "./compositions/Navigation/NavigationProvider.js";
 import { init_styles_css, navigationStyle } from "./compositions/Navigation/styles.css.js";
 import { Loader, init_Loader } from "./components/Loader/index.js";
 import { Button, init_Button } from "./components/Button/index.js";
+import { Popup, init_Popup } from "./components/Popup/index.js";
 import { Label, init_Label } from "./components/Label/index.js";
 import { TextInput, init_TextInput } from "./components/TextInput/index.js";
 import { Key, init_Key } from "./components/Key/index.js";
@@ -27,8 +27,6 @@ import { Tag, init_Tag } from "./components/Tag/index.js";
 import { SelectInput, init_SelectInput } from "./components/SelectInput/index.js";
 import { UnitInput, init_UnitInput } from "./components/UnitInput/index.js";
 import { EstimateCost, init_EstimateCost } from "./_virtual/EstimateCost.js";
-import { Modal, init_Modal } from "./components/Modal/index.js";
-import { Drawer, init_Drawer } from "./components/Drawer/index.js";
 import { ActionBar, init_ActionBar } from "./components/ActionBar/index.js";
 import { Avatar, init_Avatar } from "./components/Avatar/index.js";
 import { Link, init_Link } from "./components/Link/index.js";
@@ -44,7 +42,9 @@ import { CheckboxGroup, init_CheckboxGroup } from "./components/CheckboxGroup/in
 import { Chip, init_Chip } from "./components/Chip/index.js";
 import { CopyButton, init_CopyButton } from "./components/CopyButton/index.js";
 import { DateInput, init_DateInput } from "./components/DateInput/index.js";
+import { Modal, init_Modal } from "./components/Modal/index.js";
 import { Dialog, init_Dialog } from "./components/Dialog/index.js";
+import { Drawer, init_Drawer } from "./components/Drawer/index.js";
 import { EmptyState, init_EmptyState } from "./components/EmptyState/index.js";
 import { ExpandableCard, init_ExpandableCard } from "./components/ExpandableCard/index.js";
 import { FileInput, init_FileInput } from "./components/FileInput/index.js";

package/dist/compositions/EstimateCost/Components/Item.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { init_constants, maximumFractionDigits, maximumFractionDigitsLong, multiplier } from "../constants.js";
 import { init_EstimateCostProvider, useEstimateCost } from "../EstimateCostProvider.js";
 import { calculatePrice, init_helper } from "../helper.js";

package/dist/compositions/EstimateCost/Components/LineThrough.js

@@ -1,7 +1,7 @@
 'use client';
 import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
-import _objectWithoutProperties, { init_objectWithoutProperties } from "../../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectWithoutProperties.js";
+import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectWithoutProperties, { init_objectWithoutProperties } from "../../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectWithoutProperties.js";
 import { estimateCostStyle, init_styles_css } from "../styles.css.js";
 import { cn } from "@ultraviolet/utils";
 import { jsx } from "react/jsx-runtime";

package/dist/compositions/EstimateCost/Components/Unit.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { init_OverlayContext, useOverlay } from "../OverlayContext.js";
 import { estimateCostStyle, init_styles_css } from "../styles.css.js";
 import { NumberInput, init_NumberInput } from "../../../components/NumberInput/index.js";

package/dist/compositions/EstimateCost/EstimateCostProvider.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import en_default, { init_en } from "./locales/en.js";
 import { createContext, useCallback, useContext, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/compositions/EstimateCost/Image.js

@@ -1,5 +1,5 @@
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { estimateCostStyle, init_styles_css } from "./styles.css.js";
 import { cn } from "@ultraviolet/utils";
 import { jsx } from "react/jsx-runtime";

package/dist/compositions/Filters/filterTypes/FilterSlider.js

@@ -1,5 +1,5 @@
 import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { Slider, init_Slider } from "../../../components/Slider/index.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/compositions/Filters/filterTypes/FilterText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterText.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Filters/filterTypes/FilterText.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAE1E,KAAK,eAAe,GAAG,oBAAoB,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAA;AAEzE,eAAO,MAAM,UAAU,iDAAkD,eAAe,gCA+BvF,CAAA"}
+{"version":3,"file":"FilterText.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Filters/filterTypes/FilterText.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAE1E,KAAK,eAAe,GAAG,oBAAoB,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAA;AAEzE,eAAO,MAAM,UAAU,iDAAkD,eAAe,gCAgCvF,CAAA"}

package/dist/compositions/Filters/filterTypes/FilterText.js

@@ -18,6 +18,7 @@ function init_FilterText() {
 			}, [value]);
 			return /* @__PURE__ */ jsx(TextInput, {
 				"aria-label": hideLabel ? config.label : void 0,
+				clearable: config.clearable,
 				label: hideLabel ? void 0 : config.label,
 				labelDescription: hideLabel ? void 0 : config.labelDescription,
 				loading: tempValue !== value,

package/dist/compositions/Filters/parts/AbstractFilter.js

@@ -1,5 +1,5 @@
 import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { FilterDateRange, init_FilterDateRange } from "../filterTypes/FilterDateRange.js";
 import { FilterDatetimeRange, init_FilterDatetimeRange } from "../filterTypes/FilterDatetimeRange/FilterDatetimeRange.js";
 import { FilterSelect, init_FilterSelect } from "../filterTypes/FilterSelect.js";

package/dist/compositions/Filters/parts/FiltersDrawer.d.ts

@@ -6,6 +6,7 @@ export type DrawerProps<V extends AnyObject = AnyObject> = {
     labels: {
         submit: string;
         clear: string;
+        clearAll: string;
         drawerHeader: string;
     };
 };

package/dist/compositions/Filters/parts/FiltersDrawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FiltersDrawer.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Filters/parts/FiltersDrawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAe,MAAM,OAAO,CAAA;AAKvD,OAAO,KAAK,EAAE,SAAS,EAAE,oBAAoB,EAAE,YAAY,EAAoB,MAAM,UAAU,CAAA;AAM/F,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,IAAI;IACzD,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC,CAAA;IAChE,MAAM,EAAE;QACN,MAAM,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;QACb,YAAY,EAAE,MAAM,CAAA;KACrB,CAAA;CACF,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,SAAS,kCAAkC,WAAW,CAAC,CAAC,CAAC,uCA6FhG,CAAA"}
+{"version":3,"file":"FiltersDrawer.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Filters/parts/FiltersDrawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAe,MAAM,OAAO,CAAA;AAMvD,OAAO,KAAK,EAAE,SAAS,EAAE,oBAAoB,EAAE,YAAY,EAAoB,MAAM,UAAU,CAAA;AAM/F,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,IAAI;IACzD,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC,CAAA;IAChE,MAAM,EAAE;QACN,MAAM,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;QACb,QAAQ,EAAE,MAAM,CAAA;QAChB,YAAY,EAAE,MAAM,CAAA;KACrB,CAAA;CACF,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,SAAS,kCAAkC,WAAW,CAAC,CAAC,CAAC,uCAkGhG,CAAA"}

package/dist/compositions/Filters/parts/FiltersDrawer.js

@@ -2,6 +2,7 @@ import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
 import { Stack, init_Stack } from "../../../components/Stack/index.js";
 import { Button, init_Button } from "../../../components/Button/index.js";
 import { Separator, init_Separator } from "../../../components/Separator/index.js";
+import { Row, init_Row } from "../../../components/Row/index.js";
 import { Drawer, init_Drawer } from "../../../components/Drawer/index.js";
 import { AbstractFilter, init_AbstractFilter } from "./AbstractFilter.js";
 import { ExpandableFilterGroup, init_ExpandableFilterGroup } from "./ExpandableFilterGroup.js";
@@ -14,6 +15,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 var FiltersDrawer;
 function init_FiltersDrawer() {
 	return (init_FiltersDrawer = __esmMin(() => {
+		init_Row();
 		init_Button();
 		init_Drawer();
 		init_Separator();
@@ -34,10 +36,19 @@ function init_FiltersDrawer() {
 			};
 			if (drawerFilters.length === 0) return null;
 			return /* @__PURE__ */ jsx(Drawer, {
-				footer: /* @__PURE__ */ jsx(Button, {
-					form: formId,
-					type: "submit",
-					children: labels.submit
+				footer: /* @__PURE__ */ jsxs(Row, {
+					gap: 2,
+					templateColumns: "1fr 1fr",
+					children: [/* @__PURE__ */ jsx(Button, {
+						variant: "outlined",
+						onClick: () => filters.reset(),
+						disabled: filters.dirtyFilters.length === 0,
+						children: labels.clearAll
+					}), /* @__PURE__ */ jsx(Button, {
+						form: formId,
+						type: "submit",
+						children: labels.submit
+					})]
 				}),
 				header: labels.drawerHeader,
 				hideOnClickOutside: false,

package/dist/compositions/Filters/parts/FiltersMainRow.js

@@ -74,6 +74,7 @@ function init_FiltersMainRow() {
 						onClick: handleReset,
 						size: filterSize,
 						variant: "ghost",
+						disabled: filters.appliedFilters.length === 0,
 						children: labels.clearAll
 					})]
 				})]

package/dist/compositions/Filters/parts/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Filters/parts/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAE1E,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,SAAS,QAAQ,YAAY,CAAC,CAAC,CAAC,KAAG,IAAI,IAAI,iBAAiB,CAAC,CAAC,CACrF,CAAA;AAEvB,eAAO,MAAM,0BAA0B,GAAI,MAAM,SAAS,SAAS,MAAM,MAAM,MAAM,MAAM,KAAG,CAAC,MAAM,MAAM,CAAC,EAgD3G,CAAA;AAID,eAAO,MAAM,YAAY,GAAI,MAAM,SAAS,SAAS,MAAM,MAAM,MAAM,MAAM,YAa5E,CAAA"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Filters/parts/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAE1E,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,SAAS,QAAQ,YAAY,CAAC,CAAC,CAAC,KAAG,IAAI,IAAI,iBAAiB,CAAC,CAAC,CACrF,CAAA;AAIvB,eAAO,MAAM,0BAA0B,GAAI,MAAM,SAAS,SAAS,MAAM,MAAM,MAAM,MAAM,KAAG,CAAC,MAAM,MAAM,CAAC,EAoD3G,CAAA;AAID,eAAO,MAAM,YAAY,GAAI,MAAM,SAAS,SAAS,MAAM,MAAM,MAAM,MAAM,YAa5E,CAAA"}