@povio/ui 3.4.0-rc.2 → 3.4.0-rc.22

package/dist/Tooltip-KfGHmXdx.js

@@ -0,0 +1,539 @@
+import { t as createLucideIcon } from "./createLucideIcon-CskCrR9z.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { J as $bdb11010cef70236$export$f680877a34711e37, L as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, R as $3ef42575df84b30b$export$9d1611c77c2fe928, T as $64fa3d84918910a7$export$df3a06d6289f983e, Y as $b5e257d569688ac6$export$535bd6ca7f90a273, b as $64fa3d84918910a7$export$29f1550f4b0d4415, f as $507fabe10e71c6fb$export$b9b3dfddab17db27, i as $f645667febf57a63$export$4c014de7c8940b4c, l as $507fabe10e71c6fb$export$630ff653c5ada6a9, n as $f645667febf57a63$export$13f3202a3e5ddd5, t as $6179b936705e76d3$export$ae780daf29e6d456, x as $64fa3d84918910a7$export$4d86445c2cf5e3, y as $64fa3d84918910a7$export$2881499e37b75b9a } from "./useHover-DwfnacVy.js";
+import { a as $2a41e45df1593e64$export$d39e1813b3bdd0e1, d as $d3f049242431219c$export$6d3443f2c48bfc20, i as $96b38030c423d352$export$9fc1347d4195ccb3, n as $44f671af83e7d9e0$export$746d02f47f4d381, r as $fc909762b330b746$export$61c6a8c84e605fb6, t as $44f671af83e7d9e0$export$2de4954e8ae13b9f, u as $d3f049242431219c$export$45fda7c47f93fd48 } from "./OverlayArrow-BrSp26z2.js";
+import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { t as Typography } from "./Typography-AcUd9df8.js";
+import $HgANd$react, { Fragment, createContext, forwardRef, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { c } from "react/compiler-runtime";
+import $4AOtR$reactdom from "react-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+/**
+* @license lucide-react v1.28.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const TriangleRight = createLucideIcon("triangle-right", [["path", {
+	d: "M22 18a2 2 0 0 1-2 2H3c-1.1 0-1.3-.6-.4-1.3L20.4 4.3c.9-.7 1.6-.4 1.6.7Z",
+	key: "183wce"
+}]]);
+/**
+* @license lucide-react v1.28.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const Triangle = createLucideIcon("triangle", [["path", {
+	d: "M13.73 4a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z",
+	key: "14u9p9"
+}]]);
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+overlays@3.31.1+67f6792bdf102c28/node_modules/@react-aria/overlays/dist/useModal.mjs
+const $f57aed4a881a3485$var$Context = /*#__PURE__*/ $HgANd$react.createContext(null);
+function $f57aed4a881a3485$export$178405afcd8c5eb(props) {
+	let { children } = props;
+	let parent = useContext($f57aed4a881a3485$var$Context);
+	let [modalCount, setModalCount] = useState(0);
+	let context = useMemo(() => ({
+		parent,
+		modalCount,
+		addModal() {
+			setModalCount((count) => count + 1);
+			if (parent) parent.addModal();
+		},
+		removeModal() {
+			setModalCount((count) => count - 1);
+			if (parent) parent.removeModal();
+		}
+	}), [parent, modalCount]);
+	return /*#__PURE__*/ $HgANd$react.createElement($f57aed4a881a3485$var$Context.Provider, { value: context }, children);
+}
+function $f57aed4a881a3485$export$d9aaed4c3ece1bc0() {
+	let context = useContext($f57aed4a881a3485$var$Context);
+	return { modalProviderProps: { "aria-hidden": context && context.modalCount > 0 ? true : void 0 } };
+}
+/**
+* Creates a root node that will be aria-hidden if there are other modals open.
+*/ function $f57aed4a881a3485$var$OverlayContainerDOM(props) {
+	let { modalProviderProps } = $f57aed4a881a3485$export$d9aaed4c3ece1bc0();
+	return /*#__PURE__*/ $HgANd$react.createElement("div", {
+		"data-overlay-container": true,
+		...props,
+		...modalProviderProps
+	});
+}
+function $f57aed4a881a3485$export$bf688221f59024e5(props) {
+	return /*#__PURE__*/ $HgANd$react.createElement($f57aed4a881a3485$export$178405afcd8c5eb, null, /*#__PURE__*/ $HgANd$react.createElement($f57aed4a881a3485$var$OverlayContainerDOM, props));
+}
+function $f57aed4a881a3485$export$b47c3594eab58386(props) {
+	let isSSR = $b5e257d569688ac6$export$535bd6ca7f90a273();
+	let { portalContainer = isSSR ? null : document.body, ...rest } = props;
+	let { getContainer } = $96b38030c423d352$export$9fc1347d4195ccb3();
+	if (!props.portalContainer && getContainer) portalContainer = getContainer();
+	$HgANd$react.useEffect(() => {
+		if (portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.closest("[data-overlay-container]")) throw new Error("An OverlayContainer must not be inside another container. Please change the portalContainer prop.");
+	}, [portalContainer]);
+	if (!portalContainer) return null;
+	let contents = /*#__PURE__*/ $HgANd$react.createElement($f57aed4a881a3485$export$bf688221f59024e5, rest);
+	return /*#__PURE__*/ $4AOtR$reactdom.createPortal(contents, portalContainer);
+}
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+tooltip@3.9.1+67f6792bdf102c28/node_modules/@react-aria/tooltip/dist/useTooltip.mjs
+function $326e436e94273fe1$export$1c4b08e0eca38426(props, state) {
+	let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, { labelable: true });
+	let { hoverProps } = $6179b936705e76d3$export$ae780daf29e6d456({
+		onHoverStart: () => state === null || state === void 0 ? void 0 : state.open(true),
+		onHoverEnd: () => state === null || state === void 0 ? void 0 : state.close()
+	});
+	return { tooltipProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, hoverProps, { role: "tooltip" }) };
+}
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+tooltip@3.9.1+67f6792bdf102c28/node_modules/@react-aria/tooltip/dist/useTooltipTrigger.mjs
+function $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref) {
+	let { isDisabled, trigger, shouldCloseOnPress = true } = props;
+	let tooltipId = $bdb11010cef70236$export$f680877a34711e37();
+	let isHovered = useRef(false);
+	let isFocused = useRef(false);
+	let handleShow = () => {
+		if (isHovered.current || isFocused.current) state.open(isFocused.current);
+	};
+	let handleHide = (immediate) => {
+		if (!isHovered.current && !isFocused.current) state.close(immediate);
+	};
+	useEffect(() => {
+		let onKeyDown = (e) => {
+			if (ref && ref.current) {
+				if (e.key === "Escape") {
+					e.stopPropagation();
+					state.close(true);
+				}
+			}
+		};
+		if (state.isOpen) {
+			document.addEventListener("keydown", onKeyDown, true);
+			return () => {
+				document.removeEventListener("keydown", onKeyDown, true);
+			};
+		}
+	}, [ref, state]);
+	let onHoverStart = () => {
+		if (trigger === "focus") return;
+		if ($507fabe10e71c6fb$export$630ff653c5ada6a9() === "pointer") isHovered.current = true;
+		else isHovered.current = false;
+		handleShow();
+	};
+	let onHoverEnd = () => {
+		if (trigger === "focus") return;
+		isFocused.current = false;
+		isHovered.current = false;
+		handleHide();
+	};
+	let onPressStart = () => {
+		if (!shouldCloseOnPress) return;
+		isFocused.current = false;
+		isHovered.current = false;
+		handleHide(true);
+	};
+	let onFocus = () => {
+		if ($507fabe10e71c6fb$export$b9b3dfddab17db27()) {
+			isFocused.current = true;
+			handleShow();
+		}
+	};
+	let onBlur = () => {
+		isFocused.current = false;
+		isHovered.current = false;
+		handleHide(true);
+	};
+	let { hoverProps } = $6179b936705e76d3$export$ae780daf29e6d456({
+		isDisabled,
+		onHoverStart,
+		onHoverEnd
+	});
+	let { focusableProps } = $f645667febf57a63$export$4c014de7c8940b4c({
+		isDisabled,
+		onFocus,
+		onBlur
+	}, ref);
+	return {
+		triggerProps: {
+			"aria-describedby": state.isOpen ? tooltipId : void 0,
+			...$3ef42575df84b30b$export$9d1611c77c2fe928(focusableProps, hoverProps, {
+				onPointerDown: onPressStart,
+				onKeyDown: onPressStart
+			}),
+			tabIndex: void 0
+		},
+		tooltipProps: { id: tooltipId }
+	};
+}
+//#endregion
+//#region ../../node_modules/.bun/@react-stately+tooltip@3.5.10+83d5fd7b249dbeef/node_modules/@react-stately/tooltip/dist/useTooltipTriggerState.mjs
+const $8796f90736e175cb$var$TOOLTIP_DELAY = 1500;
+const $8796f90736e175cb$var$TOOLTIP_COOLDOWN = 500;
+let $8796f90736e175cb$var$tooltips = {};
+let $8796f90736e175cb$var$tooltipId = 0;
+let $8796f90736e175cb$var$globalWarmedUp = false;
+let $8796f90736e175cb$var$globalWarmUpTimeout = null;
+let $8796f90736e175cb$var$globalCooldownTimeout = null;
+function $8796f90736e175cb$export$4d40659c25ecb50b(props = {}) {
+	let { delay = $8796f90736e175cb$var$TOOLTIP_DELAY, closeDelay = $8796f90736e175cb$var$TOOLTIP_COOLDOWN } = props;
+	let { isOpen, open, close } = $fc909762b330b746$export$61c6a8c84e605fb6(props);
+	let id = useMemo(() => `${++$8796f90736e175cb$var$tooltipId}`, []);
+	let closeTimeout = useRef(null);
+	let closeCallback = useRef(close);
+	let ensureTooltipEntry = () => {
+		$8796f90736e175cb$var$tooltips[id] = hideTooltip;
+	};
+	let closeOpenTooltips = () => {
+		for (let hideTooltipId in $8796f90736e175cb$var$tooltips) if (hideTooltipId !== id) {
+			$8796f90736e175cb$var$tooltips[hideTooltipId](true);
+			delete $8796f90736e175cb$var$tooltips[hideTooltipId];
+		}
+	};
+	let showTooltip = () => {
+		if (closeTimeout.current) clearTimeout(closeTimeout.current);
+		closeTimeout.current = null;
+		closeOpenTooltips();
+		ensureTooltipEntry();
+		$8796f90736e175cb$var$globalWarmedUp = true;
+		open();
+		if ($8796f90736e175cb$var$globalWarmUpTimeout) {
+			clearTimeout($8796f90736e175cb$var$globalWarmUpTimeout);
+			$8796f90736e175cb$var$globalWarmUpTimeout = null;
+		}
+		if ($8796f90736e175cb$var$globalCooldownTimeout) {
+			clearTimeout($8796f90736e175cb$var$globalCooldownTimeout);
+			$8796f90736e175cb$var$globalCooldownTimeout = null;
+		}
+	};
+	let hideTooltip = (immediate) => {
+		if (immediate || closeDelay <= 0) {
+			if (closeTimeout.current) clearTimeout(closeTimeout.current);
+			closeTimeout.current = null;
+			closeCallback.current();
+		} else if (!closeTimeout.current) closeTimeout.current = setTimeout(() => {
+			closeTimeout.current = null;
+			closeCallback.current();
+		}, closeDelay);
+		if ($8796f90736e175cb$var$globalWarmUpTimeout) {
+			clearTimeout($8796f90736e175cb$var$globalWarmUpTimeout);
+			$8796f90736e175cb$var$globalWarmUpTimeout = null;
+		}
+		if ($8796f90736e175cb$var$globalWarmedUp) {
+			if ($8796f90736e175cb$var$globalCooldownTimeout) clearTimeout($8796f90736e175cb$var$globalCooldownTimeout);
+			$8796f90736e175cb$var$globalCooldownTimeout = setTimeout(() => {
+				delete $8796f90736e175cb$var$tooltips[id];
+				$8796f90736e175cb$var$globalCooldownTimeout = null;
+				$8796f90736e175cb$var$globalWarmedUp = false;
+			}, Math.max($8796f90736e175cb$var$TOOLTIP_COOLDOWN, closeDelay));
+		}
+	};
+	let warmupTooltip = () => {
+		closeOpenTooltips();
+		ensureTooltipEntry();
+		if (!isOpen && !$8796f90736e175cb$var$globalWarmUpTimeout && !$8796f90736e175cb$var$globalWarmedUp) $8796f90736e175cb$var$globalWarmUpTimeout = setTimeout(() => {
+			$8796f90736e175cb$var$globalWarmUpTimeout = null;
+			$8796f90736e175cb$var$globalWarmedUp = true;
+			showTooltip();
+		}, delay);
+		else if (!isOpen) showTooltip();
+	};
+	useEffect(() => {
+		closeCallback.current = close;
+	}, [close]);
+	useEffect(() => {
+		return () => {
+			if (closeTimeout.current) clearTimeout(closeTimeout.current);
+			if ($8796f90736e175cb$var$tooltips[id]) delete $8796f90736e175cb$var$tooltips[id];
+		};
+	}, [id]);
+	return {
+		isOpen,
+		open: (immediate) => {
+			if (!immediate && delay > 0 && !closeTimeout.current) warmupTooltip();
+			else showTooltip();
+		},
+		close: hideTooltip
+	};
+}
+//#endregion
+//#region ../../node_modules/.bun/react-aria-components@1.15.1+67f6792bdf102c28/node_modules/react-aria-components/dist/Tooltip.mjs
+const $4e3b923658d69c60$export$7a7623236eec67fa = /*#__PURE__*/ createContext(null);
+const $4e3b923658d69c60$export$39ae08fa83328b12 = /*#__PURE__*/ createContext(null);
+function $4e3b923658d69c60$export$8c610744efcf8a1d(props) {
+	let state = $8796f90736e175cb$export$4d40659c25ecb50b(props);
+	let ref = useRef(null);
+	let { triggerProps, tooltipProps } = $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref);
+	return /*#__PURE__*/ $HgANd$react.createElement($64fa3d84918910a7$export$2881499e37b75b9a, { values: [[$4e3b923658d69c60$export$7a7623236eec67fa, state], [$4e3b923658d69c60$export$39ae08fa83328b12, {
+		...tooltipProps,
+		triggerRef: ref
+	}]] }, /*#__PURE__*/ $HgANd$react.createElement($f645667febf57a63$export$13f3202a3e5ddd5, {
+		...triggerProps,
+		ref
+	}, props.children));
+}
+const $4e3b923658d69c60$export$28c660c63b792dea = /*#__PURE__*/ forwardRef(function Tooltip({ UNSTABLE_portalContainer, ...props }, ref) {
+	[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $4e3b923658d69c60$export$39ae08fa83328b12);
+	let contextState = useContext($4e3b923658d69c60$export$7a7623236eec67fa);
+	let localState = $8796f90736e175cb$export$4d40659c25ecb50b(props);
+	let state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;
+	let isExiting = $d3f049242431219c$export$45fda7c47f93fd48(ref, state.isOpen) || props.isExiting || false;
+	if (!state.isOpen && !isExiting) return null;
+	return /*#__PURE__*/ $HgANd$react.createElement($f57aed4a881a3485$export$b47c3594eab58386, { portalContainer: UNSTABLE_portalContainer }, /*#__PURE__*/ $HgANd$react.createElement($4e3b923658d69c60$var$TooltipInner, {
+		...props,
+		tooltipRef: ref,
+		isExiting
+	}));
+});
+function $4e3b923658d69c60$var$TooltipInner(props) {
+	let state = useContext($4e3b923658d69c60$export$7a7623236eec67fa);
+	let arrowRef = useRef(null);
+	let { overlayProps, arrowProps, placement, triggerAnchorPoint } = $2a41e45df1593e64$export$d39e1813b3bdd0e1({
+		placement: props.placement || "top",
+		targetRef: props.triggerRef,
+		overlayRef: props.tooltipRef,
+		arrowRef,
+		offset: props.offset,
+		crossOffset: props.crossOffset,
+		isOpen: state.isOpen,
+		arrowBoundaryOffset: props.arrowBoundaryOffset,
+		shouldFlip: props.shouldFlip,
+		containerPadding: props.containerPadding,
+		onClose: () => state.close(true)
+	});
+	let isEntering = $d3f049242431219c$export$6d3443f2c48bfc20(props.tooltipRef, !!placement) || props.isEntering || false;
+	let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+		...props,
+		defaultClassName: "react-aria-Tooltip",
+		values: {
+			placement,
+			isEntering,
+			isExiting: props.isExiting,
+			state
+		}
+	});
+	props = $3ef42575df84b30b$export$9d1611c77c2fe928(props, overlayProps);
+	let { tooltipProps } = $326e436e94273fe1$export$1c4b08e0eca38426(props, state);
+	let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, { global: true });
+	return /*#__PURE__*/ $HgANd$react.createElement($64fa3d84918910a7$export$df3a06d6289f983e.div, {
+		...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, renderProps, tooltipProps),
+		ref: props.tooltipRef,
+		style: {
+			...overlayProps.style,
+			"--trigger-anchor-point": triggerAnchorPoint ? `${triggerAnchorPoint.x}px ${triggerAnchorPoint.y}px` : void 0,
+			...renderProps.style
+		},
+		"data-placement": placement !== null && placement !== void 0 ? placement : void 0,
+		"data-entering": isEntering || void 0,
+		"data-exiting": props.isExiting || void 0
+	}, /*#__PURE__*/ $HgANd$react.createElement($44f671af83e7d9e0$export$2de4954e8ae13b9f.Provider, { value: {
+		...arrowProps,
+		placement,
+		ref: arrowRef
+	} }, renderProps.children));
+}
+//#endregion
+//#region src/components/overlays/Tooltip/tooltip.cva.ts
+const tooltipDefinition = UIOverrides.defineConfig({
+	base: ["group max-w-64 rounded-tooltip-rounding-default px-tooltip-side-default py-tooltip-height-default shadow-2"],
+	config: {
+		variants: { color: {
+			default: ["bg-interactive-contained-secondary-idle"],
+			error: ["w-max bg-elevation-fill-error-1"]
+		} },
+		defaultVariants: { color: "default" }
+	}
+});
+const tooltipPointerHorizontalDefinition = UIOverrides.defineConfig({
+	base: ["h-2-5 w-5 group-placement-left:hidden group-placement-right:hidden group-placement-top:rotate-180"],
+	config: {
+		variants: { color: {
+			default: ["text-interactive-contained-secondary-idle"],
+			error: ["text-elevation-fill-error-1"]
+		} },
+		defaultVariants: { color: "default" }
+	}
+});
+const tooltipPointerVerticalDefinition = UIOverrides.defineConfig({
+	base: ["h-5 w-2-5 group-placement-bottom:hidden group-placement-top:hidden group-placement-left:rotate-180"],
+	config: {
+		variants: { color: {
+			default: ["text-interactive-contained-secondary-idle"],
+			error: ["text-elevation-fill-error-1"]
+		} },
+		defaultVariants: { color: "default" }
+	}
+});
+const tooltipTextDefinition = UIOverrides.defineConfig({
+	base: [],
+	config: {
+		variants: { color: {
+			default: ["text-interactive-contained-secondary-on-idle"],
+			error: ["text-text-error-inverted-1"]
+		} },
+		defaultVariants: { color: "default" }
+	}
+});
+//#endregion
+//#region src/components/overlays/Tooltip/Tooltip.tsx
+const CustomTrigger = (t0) => {
+	const $ = c(8);
+	const { children, className, tabIndex } = t0;
+	const ref = useRef(null);
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = {};
+		$[0] = t1;
+	} else t1 = $[0];
+	const { focusableProps } = $f645667febf57a63$export$4c014de7c8940b4c(t1, ref);
+	const t2 = tabIndex ?? 0;
+	let t3;
+	if ($[1] !== className) {
+		t3 = clsx("inline-flex", className);
+		$[1] = className;
+		$[2] = t3;
+	} else t3 = $[2];
+	let t4;
+	if ($[3] !== children || $[4] !== focusableProps || $[5] !== t2 || $[6] !== t3) {
+		t4 = /* @__PURE__ */ jsx("div", {
+			ref,
+			...focusableProps,
+			tabIndex: t2,
+			className: t3,
+			children
+		});
+		$[3] = children;
+		$[4] = focusableProps;
+		$[5] = t2;
+		$[6] = t3;
+		$[7] = t4;
+	} else t4 = $[7];
+	return t4;
+};
+const Tooltip = (t0) => {
+	const $ = c(38);
+	const { children, text, isDisabled, delay, closeDelay, color, isNonInteractiveTrigger, triggerClassName, triggerTabIndex, ...tooltipProps } = t0;
+	const tooltipCva = UIOverrides.useCva("tooltip.cva", tooltipDefinition);
+	const tooltipPointerHorizontalCva = UIOverrides.useCva("tooltip.pointerHorizontalCva", tooltipPointerHorizontalDefinition);
+	const tooltipPointerVerticalCva = UIOverrides.useCva("tooltip.pointerVerticalCva", tooltipPointerVerticalDefinition);
+	const tooltipTextCva = UIOverrides.useCva("tooltip.textCva", tooltipTextDefinition);
+	const Trigger = isNonInteractiveTrigger ? CustomTrigger : Fragment;
+	const T0 = $4e3b923658d69c60$export$8c610744efcf8a1d;
+	const t1 = delay ?? 0;
+	const t2 = closeDelay ?? 0;
+	let t3;
+	if ($[0] !== Trigger || $[1] !== children || $[2] !== isNonInteractiveTrigger || $[3] !== triggerClassName || $[4] !== triggerTabIndex) {
+		t3 = isNonInteractiveTrigger ? /* @__PURE__ */ jsx(Trigger, {
+			...isNonInteractiveTrigger && { className: triggerClassName },
+			tabIndex: triggerTabIndex,
+			children
+		}) : /* @__PURE__ */ jsx(Trigger, { children });
+		$[0] = Trigger;
+		$[1] = children;
+		$[2] = isNonInteractiveTrigger;
+		$[3] = triggerClassName;
+		$[4] = triggerTabIndex;
+		$[5] = t3;
+	} else t3 = $[5];
+	const T1 = $4e3b923658d69c60$export$28c660c63b792dea;
+	const t4 = tooltipCva({
+		color,
+		className: tooltipProps.className
+	});
+	let t5;
+	if ($[6] !== color || $[7] !== tooltipPointerHorizontalCva) {
+		t5 = tooltipPointerHorizontalCva({ color });
+		$[6] = color;
+		$[7] = tooltipPointerHorizontalCva;
+		$[8] = t5;
+	} else t5 = $[8];
+	let t6;
+	if ($[9] !== t5) {
+		t6 = /* @__PURE__ */ jsx(Triangle, {
+			className: t5,
+			fill: "currentColor",
+			strokeWidth: 0
+		});
+		$[9] = t5;
+		$[10] = t6;
+	} else t6 = $[10];
+	let t7;
+	if ($[11] !== color || $[12] !== tooltipPointerVerticalCva) {
+		t7 = tooltipPointerVerticalCva({ color });
+		$[11] = color;
+		$[12] = tooltipPointerVerticalCva;
+		$[13] = t7;
+	} else t7 = $[13];
+	let t8;
+	if ($[14] !== t7) {
+		t8 = /* @__PURE__ */ jsx(TriangleRight, {
+			className: t7,
+			fill: "currentColor",
+			strokeWidth: 0
+		});
+		$[14] = t7;
+		$[15] = t8;
+	} else t8 = $[15];
+	let t9;
+	if ($[16] !== t6 || $[17] !== t8) {
+		t9 = /* @__PURE__ */ jsxs($44f671af83e7d9e0$export$746d02f47f4d381, { children: [t6, t8] });
+		$[16] = t6;
+		$[17] = t8;
+		$[18] = t9;
+	} else t9 = $[18];
+	let t10;
+	if ($[19] !== color || $[20] !== tooltipTextCva) {
+		t10 = tooltipTextCva({ color });
+		$[19] = color;
+		$[20] = tooltipTextCva;
+		$[21] = t10;
+	} else t10 = $[21];
+	let t11;
+	if ($[22] !== t10 || $[23] !== text) {
+		t11 = /* @__PURE__ */ jsx(Typography, {
+			size: "body-4",
+			variant: "prominent-1",
+			className: t10,
+			children: text
+		});
+		$[22] = t10;
+		$[23] = text;
+		$[24] = t11;
+	} else t11 = $[24];
+	let t12;
+	if ($[25] !== T1 || $[26] !== t11 || $[27] !== t4 || $[28] !== t9 || $[29] !== tooltipProps) {
+		t12 = /* @__PURE__ */ jsxs(T1, {
+			...tooltipProps,
+			className: t4,
+			offset: 13,
+			children: [t9, t11]
+		});
+		$[25] = T1;
+		$[26] = t11;
+		$[27] = t4;
+		$[28] = t9;
+		$[29] = tooltipProps;
+		$[30] = t12;
+	} else t12 = $[30];
+	let t13;
+	if ($[31] !== T0 || $[32] !== isDisabled || $[33] !== t1 || $[34] !== t12 || $[35] !== t2 || $[36] !== t3) {
+		t13 = /* @__PURE__ */ jsxs(T0, {
+			delay: t1,
+			closeDelay: t2,
+			isDisabled,
+			children: [t3, t12]
+		});
+		$[31] = T0;
+		$[32] = isDisabled;
+		$[33] = t1;
+		$[34] = t12;
+		$[35] = t2;
+		$[36] = t3;
+		$[37] = t13;
+	} else t13 = $[37];
+	return t13;
+};
+//#endregion
+export { tooltipTextDefinition as a, tooltipPointerVerticalDefinition as i, tooltipDefinition as n, Triangle as o, tooltipPointerHorizontalDefinition as r, Tooltip as t };

package/dist/Tooltip-zaZ0d1jz.d.ts

@@ -0,0 +1,56 @@
+import { v as TooltipProps$1 } from "./types-BV15_DBT.js";
+import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-BdokYcGO.js";
+import { PropsWithChildren, ReactNode } from "react";
+//#region src/components/overlays/Tooltip/tooltip.cva.d.ts
+declare const tooltipDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly color: {
+      default: ["bg-interactive-contained-secondary-idle"];
+      error: ["w-max bg-elevation-fill-error-1"];
+    };
+  }>;
+};
+type TooltipConfig = NonNullable<typeof tooltipDefinition.config>;
+interface TooltipVariantProps extends UIOverrides.VariantProps<TooltipConfig> {}
+declare const tooltipPointerHorizontalDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly color: {
+      default: ["text-interactive-contained-secondary-idle"];
+      error: ["text-elevation-fill-error-1"];
+    };
+  }>;
+};
+declare const tooltipPointerVerticalDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly color: {
+      default: ["text-interactive-contained-secondary-idle"];
+      error: ["text-elevation-fill-error-1"];
+    };
+  }>;
+};
+declare const tooltipTextDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly color: {
+      default: ["text-interactive-contained-secondary-on-idle"];
+      error: ["text-text-error-inverted-1"];
+    };
+  }>;
+};
+//#endregion
+//#region src/components/overlays/Tooltip/Tooltip.d.ts
+interface TooltipProps extends PropsWithChildren<TooltipProps$1>, TooltipVariantProps {
+  text: ReactNode;
+  isDisabled?: boolean;
+  delay?: number;
+  closeDelay?: number;
+  isNonInteractiveTrigger?: boolean;
+  triggerClassName?: string;
+  triggerTabIndex?: number;
+}
+declare const Tooltip: ({ children, text, isDisabled, delay, closeDelay, color, isNonInteractiveTrigger, triggerClassName, triggerTabIndex, ...tooltipProps }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { tooltipPointerVerticalDefinition as a, tooltipPointerHorizontalDefinition as i, TooltipProps as n, tooltipTextDefinition as o, tooltipDefinition as r, Tooltip as t };

package/dist/TooltipEllipsis-Di9Dvd4x.d.ts

@@ -0,0 +1,11 @@
+import { JSX, ReactNode, Ref } from "react";
+//#region src/components/overlays/Tooltip/TooltipEllipsis.d.ts
+interface TooltipEllipsisProps {
+  text: ReactNode;
+  children: (ref: Ref<HTMLElement> | undefined) => JSX.Element;
+  isDisabled?: boolean;
+  isNonInteractiveTrigger?: boolean;
+}
+declare const TooltipEllipsis: ({ text, children, isDisabled, isNonInteractiveTrigger }: TooltipEllipsisProps) => JSX.Element;
+//#endregion
+export { TooltipEllipsisProps as n, TooltipEllipsis as t };

package/dist/TooltipWrapper-CLMp_zj4.js

@@ -0,0 +1,71 @@
+import { t as UIConfig } from "./uiConfig.context-SBtRegKv.js";
+import { t as Tooltip } from "./Tooltip-KfGHmXdx.js";
+import { t as X } from "./x-BYOEO0gW.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { InlineIconButton } from "./components/inline-icon-button.js";
+import "./i18n-C2TBJvnh.js";
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/components/inputs/shared/InputClear.tsx
+const InputClear = ({ onClear, className, style, show, renderStatic }) => {
+	const ui = UIConfig.useConfig();
+	const { t } = useTranslation("ui");
+	const alwaysShowClear = ui.input.alwaysShowClear;
+	const clearClassName = clsx("relative z-raised flex items-center", !alwaysShowClear && "md:invisible group-focus-within:visible group-hover/date-picker-content:visible group-hover/select-content:visible group-hover/text-area:visible group-hover:visible", "border-0!", !show && "invisible!", className);
+	if (renderStatic) return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-hidden": !show,
+		"aria-label": show ? t(($) => $.ui.clearAlt) : void 0,
+		"data-static-clear-action": true,
+		tabIndex: -1,
+		onClick: onClear,
+		className: clsx("group inline-flex items-center justify-center border border-solid border-support-transparent-outline", "rounded-button-rounding-s p-0 text-interactive-text-secondary-idle", clearClassName),
+		style,
+		children: /* @__PURE__ */ jsx(X, { className: "h-6 w-6 shrink-0" })
+	});
+	return /* @__PURE__ */ jsx(InputClearButton, {
+		onClear,
+		className: clearClassName,
+		style
+	});
+};
+const InputClearButton = ({ onClear, className, style }) => {
+	const { t } = useTranslation("ui");
+	return /* @__PURE__ */ jsx(InlineIconButton, {
+		color: "secondary",
+		className,
+		label: t(($) => $.ui.clearAlt),
+		icon: X,
+		onPress: onClear,
+		isDisabled: false,
+		onMouseDown: (e) => e.preventDefault(),
+		excludeFromTabOrder: true,
+		style
+	});
+};
+//#endregion
+//#region src/components/inputs/shared/tooltipWrapper.cva.ts
+const tooltipWrapperTriggerDefinition = UIOverrides.defineConfig({ base: ["inline-flex"] });
+//#endregion
+//#region src/components/inputs/shared/TooltipWrapper.tsx
+const TooltipWrapper = (props) => {
+	const tooltipWrapperTriggerCva = UIOverrides.useCva("tooltipWrapper.triggerCva", tooltipWrapperTriggerDefinition);
+	if (props.as !== "inline") return props.children;
+	return /* @__PURE__ */ jsx(Tooltip, {
+		text: props.error || void 0,
+		placement: "bottom",
+		color: "error",
+		hidden: !props.error,
+		isNonInteractiveTrigger: true,
+		triggerClassName: tooltipWrapperTriggerCva({ className: props.triggerClassName }),
+		triggerTabIndex: props.triggerTabIndex,
+		children: /* @__PURE__ */ jsx("div", {
+			tabIndex: -1,
+			className: tooltipWrapperTriggerCva({}),
+			children: props.children
+		})
+	});
+};
+//#endregion
+export { tooltipWrapperTriggerDefinition as n, InputClear as r, TooltipWrapper as t };