beez-ui 2.7.1 → 3.0.0

package/dist/components/primitives/select.js

@@ -0,0 +1,407 @@
+"use client";
+import { c as _c } from "react/compiler-runtime";
+/**
+* Internal primitive of Arc's Select (https://uiarc.dev, MIT License, see THIRD_PARTY_NOTICES.md): Arc's trigger, whose
+* hover, press and open states answer in color only so the anchored list never shifts, and its raised list with
+* option rows and an end check, on Arc's tokens, with beez-ui's option entrance, check pop and chevron rotation.
+* Internal: the Radix composition behind the public closed `Select`; the package does not export it.
+*/
+import * as React from "react";
+import { Select as SelectPrimitive } from "radix-ui";
+import { SELECT_COLLISION_PADDING_PX } from "../../constants/select.js";
+import { GlideSlot } from "../../motion/glide-slot.js";
+import { MotionSlot } from "../../motion/motion-slot.js";
+import { cn } from "../../lib/utils.js";
+import { ChevronDownIcon, CheckIcon, ChevronUpIcon } from "lucide-react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function Select(t0) {
+	const $ = _c(4);
+	let props;
+	if ($[0] !== t0) {
+		({...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+	} else {
+		props = $[1];
+	}
+	let t1;
+	if ($[2] !== props) {
+		t1 = /* @__PURE__ */ _jsx(SelectPrimitive.Root, {
+			"data-slot": "select",
+			...props
+		});
+		$[2] = props;
+		$[3] = t1;
+	} else {
+		t1 = $[3];
+	}
+	return t1;
+}
+function SelectValue(t0) {
+	const $ = _c(4);
+	let props;
+	if ($[0] !== t0) {
+		({...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+	} else {
+		props = $[1];
+	}
+	let t1;
+	if ($[2] !== props) {
+		t1 = /* @__PURE__ */ _jsx(SelectPrimitive.Value, {
+			"data-slot": "select-value",
+			...props
+		});
+		$[2] = props;
+		$[3] = t1;
+	} else {
+		t1 = $[3];
+	}
+	return t1;
+}
+/**
+* Renders Arc's selection control: `default` matches the height of `Input` and `Button`, `sm` their small size.
+* Hover only answers on fine pointers, keyboard focus draws the shared outline, and `aria-invalid` turns the border
+* to the danger color.
+* @param props - Primitive properties, the `size` and optional consumer overrides.
+* @returns The styled primitive with its original interaction contract.
+*/
+function SelectTrigger(t0) {
+	const $ = _c(13);
+	let children;
+	let className;
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({className, size: t1, children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = t1;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		t1 = $[4];
+	}
+	const size = t1 === undefined ? "default" : t1;
+	let t2;
+	if ($[5] !== className) {
+		t2 = cn("flex w-fit cursor-pointer items-center justify-between gap-3 rounded-(--radius-control) border border-border bg-surface px-3 text-left text-sm whitespace-nowrap text-foreground outline-none select-none transition-[color,background-color,border-color,box-shadow] duration-(--duration-fast) ease-(--ease-standard) motion-reduce:transition-none hover-fine:not-disabled:not-aria-invalid:border-border-strong hover-fine:not-disabled:bg-surface-muted active:not-disabled:not-aria-invalid:border-border-strong active:not-disabled:bg-surface-muted data-[state=open]:not-aria-invalid:border-border-strong data-[state=open]:bg-surface-muted focus-visible:not-aria-invalid:border-border-strong disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-danger data-placeholder:text-text-muted data-[size=default]:min-h-(--control-height-md) data-[size=sm]:min-h-(--control-height-sm) data-[state=open]:*:data-[slot=select-icon]:rotate-180 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className);
+		$[5] = className;
+		$[6] = t2;
+	} else {
+		t2 = $[6];
+	}
+	let t3;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ _jsx(SelectPrimitive.Icon, {
+			asChild: true,
+			children: /* @__PURE__ */ _jsx(MotionSlot, {
+				kind: "rotate",
+				children: /* @__PURE__ */ _jsx(ChevronDownIcon, {
+					"data-slot": "select-icon",
+					strokeWidth: 1.75,
+					className: "pointer-events-none size-4 text-text-muted"
+				})
+			})
+		});
+		$[7] = t3;
+	} else {
+		t3 = $[7];
+	}
+	let t4;
+	if ($[8] !== children || $[9] !== props || $[10] !== size || $[11] !== t2) {
+		t4 = /* @__PURE__ */ _jsx(MotionSlot, {
+			kind: "field",
+			children: /* @__PURE__ */ _jsxs(SelectPrimitive.Trigger, {
+				"data-slot": "select-trigger",
+				"data-size": size,
+				className: t2,
+				...props,
+				children: [children, t3]
+			})
+		});
+		$[8] = children;
+		$[9] = props;
+		$[10] = size;
+		$[11] = t2;
+		$[12] = t4;
+	} else {
+		t4 = $[12];
+	}
+	return t4;
+}
+/**
+* Renders Arc's raised option list, at least twelve rem wide so options stay readable. With `position="popper"` it
+* grows from the trigger edge, matches the trigger width up to min(24rem, 100vw minus 20px), keeps 12px from the
+* viewport edges and caps its height at 20rem.
+* @param props - Primitive properties and optional consumer overrides.
+* @returns The styled primitive with its original interaction contract.
+*/
+function SelectContent(t0) {
+	const $ = _c(23);
+	let children;
+	let className;
+	let props;
+	let t1;
+	let t2;
+	let t3;
+	if ($[0] !== t0) {
+		({className, children, position: t1, align: t2, collisionPadding: t3, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = t1;
+		$[5] = t2;
+		$[6] = t3;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		t1 = $[4];
+		t2 = $[5];
+		t3 = $[6];
+	}
+	const position = t1 === undefined ? "item-aligned" : t1;
+	const align = t2 === undefined ? "center" : t2;
+	const collisionPadding = t3 === undefined ? SELECT_COLLISION_PADDING_PX : t3;
+	const t4 = position === "item-aligned";
+	const t5 = position === "popper" && "w-(--radix-select-trigger-width) max-w-[min(24rem,calc(100vw-20px))] data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1";
+	let t6;
+	if ($[7] !== className || $[8] !== t5) {
+		t6 = cn("relative z-50 max-h-[min(20rem,var(--radix-select-content-available-height))] min-w-48 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-[calc(var(--radius-control)+2px)] border border-border bg-surface-raised p-1.5 text-foreground shadow-(--shadow-floating)", t5, className);
+		$[7] = className;
+		$[8] = t5;
+		$[9] = t6;
+	} else {
+		t6 = $[9];
+	}
+	let t7;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = /* @__PURE__ */ _jsx(SelectScrollUpButton, {});
+		$[10] = t7;
+	} else {
+		t7 = $[10];
+	}
+	let t8;
+	if ($[11] !== children || $[12] !== position) {
+		t8 = /* @__PURE__ */ _jsx(SelectPrimitive.Viewport, {
+			"data-position": position,
+			className: "py-0.5 data-[position=popper]:h-(--radix-select-trigger-height) data-[position=popper]:w-full",
+			children
+		});
+		$[11] = children;
+		$[12] = position;
+		$[13] = t8;
+	} else {
+		t8 = $[13];
+	}
+	let t9;
+	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = /* @__PURE__ */ _jsx(SelectScrollDownButton, {});
+		$[14] = t9;
+	} else {
+		t9 = $[14];
+	}
+	let t10;
+	if ($[15] !== align || $[16] !== collisionPadding || $[17] !== position || $[18] !== props || $[19] !== t4 || $[20] !== t6 || $[21] !== t8) {
+		t10 = /* @__PURE__ */ _jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ _jsx(MotionSlot, {
+			kind: "surface",
+			children: /* @__PURE__ */ _jsx(GlideSlot, {
+				preset: "menu",
+				children: /* @__PURE__ */ _jsxs(SelectPrimitive.Content, {
+					"data-slot": "select-content",
+					"data-align-trigger": t4,
+					className: t6,
+					position,
+					align,
+					collisionPadding,
+					...props,
+					children: [
+						t7,
+						t8,
+						t9
+					]
+				})
+			})
+		}) });
+		$[15] = align;
+		$[16] = collisionPadding;
+		$[17] = position;
+		$[18] = props;
+		$[19] = t4;
+		$[20] = t6;
+		$[21] = t8;
+		$[22] = t10;
+	} else {
+		t10 = $[22];
+	}
+	return t10;
+}
+/**
+* Renders Arc's option row: 36px tall, a muted fill when highlighted and the check of the chosen option at the end,
+* while retaining selection and disabled semantics.
+* @param props - Primitive properties and optional consumer overrides.
+* @returns The styled primitive with its original interaction contract.
+*/
+function SelectItem(t0) {
+	const $ = _c(13);
+	let children;
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+	}
+	let t1;
+	if ($[4] !== className) {
+		t1 = cn("relative flex min-h-9 w-full cursor-default items-center gap-1.5 rounded-[calc(var(--radius-control)-4px)] py-1 pr-[34px] pl-[11px] text-sm text-foreground outline-hidden select-none transition-colors duration-(--duration-instant) ease-(--ease-standard) motion-reduce:transition-none data-highlighted:bg-surface-muted data-disabled:pointer-events-none data-disabled:opacity-45 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className);
+		$[4] = className;
+		$[5] = t1;
+	} else {
+		t1 = $[5];
+	}
+	let t2;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ _jsx("span", {
+			className: "pointer-events-none absolute right-2.5 flex size-4 items-center justify-center text-foreground",
+			children: /* @__PURE__ */ _jsx(MotionSlot, {
+				kind: "item-check",
+				children: /* @__PURE__ */ _jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ _jsx(CheckIcon, {
+					strokeWidth: 1.75,
+					className: "pointer-events-none"
+				}) })
+			})
+		});
+		$[6] = t2;
+	} else {
+		t2 = $[6];
+	}
+	let t3;
+	if ($[7] !== children) {
+		t3 = /* @__PURE__ */ _jsx(SelectPrimitive.ItemText, { children });
+		$[7] = children;
+		$[8] = t3;
+	} else {
+		t3 = $[8];
+	}
+	let t4;
+	if ($[9] !== props || $[10] !== t1 || $[11] !== t3) {
+		t4 = /* @__PURE__ */ _jsx(MotionSlot, {
+			kind: "list-item",
+			children: /* @__PURE__ */ _jsxs(SelectPrimitive.Item, {
+				"data-slot": "select-item",
+				className: t1,
+				...props,
+				children: [t2, t3]
+			})
+		});
+		$[9] = props;
+		$[10] = t1;
+		$[11] = t3;
+		$[12] = t4;
+	} else {
+		t4 = $[12];
+	}
+	return t4;
+}
+function SelectScrollUpButton(t0) {
+	const $ = _c(9);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("z-10 flex h-7 cursor-default items-center justify-center bg-surface-raised text-text-muted [&_svg:not([class*='size-'])]:size-4", className);
+		$[3] = className;
+		$[4] = t1;
+	} else {
+		t1 = $[4];
+	}
+	let t2;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ _jsx(ChevronUpIcon, { strokeWidth: 1.75 });
+		$[5] = t2;
+	} else {
+		t2 = $[5];
+	}
+	let t3;
+	if ($[6] !== props || $[7] !== t1) {
+		t3 = /* @__PURE__ */ _jsx(SelectPrimitive.ScrollUpButton, {
+			"data-slot": "select-scroll-up-button",
+			className: t1,
+			...props,
+			children: t2
+		});
+		$[6] = props;
+		$[7] = t1;
+		$[8] = t3;
+	} else {
+		t3 = $[8];
+	}
+	return t3;
+}
+function SelectScrollDownButton(t0) {
+	const $ = _c(9);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("z-10 flex h-7 cursor-default items-center justify-center bg-surface-raised text-text-muted [&_svg:not([class*='size-'])]:size-4", className);
+		$[3] = className;
+		$[4] = t1;
+	} else {
+		t1 = $[4];
+	}
+	let t2;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ _jsx(ChevronDownIcon, { strokeWidth: 1.75 });
+		$[5] = t2;
+	} else {
+		t2 = $[5];
+	}
+	let t3;
+	if ($[6] !== props || $[7] !== t1) {
+		t3 = /* @__PURE__ */ _jsx(SelectPrimitive.ScrollDownButton, {
+			"data-slot": "select-scroll-down-button",
+			className: t1,
+			...props,
+			children: t2
+		});
+		$[6] = props;
+		$[7] = t1;
+		$[8] = t3;
+	} else {
+		t3 = $[8];
+	}
+	return t3;
+}
+export { Select, SelectContent, SelectItem, SelectTrigger, SelectValue };

package/dist/components/primitives/tooltip.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Internal primitive of Arc's Tooltip (https://uiarc.dev, MIT License, see THIRD_PARTY_NOTICES.md): a short dark
+ * bubble on Arc's tokens that waits a moment, then rises a few pixels from its trigger. While a tooltip is open, and
+ * briefly after it closes, the next one opens at once and only fades. Internal: the Radix composition (`Tooltip`,
+ * `TooltipTrigger`, `TooltipContent`, `TooltipProvider`) behind the public closed `Tooltip` and beez-ui's composite
+ * components; the package does not export it.
+ */
+import * as React from "react";
+import { Tooltip as TooltipPrimitive } from "radix-ui";
+/**
+ * Shares the open delay among the tooltips it wraps.
+ * @param props - Radix provider properties. `delayDuration` defaults to Arc's 250ms.
+ * @returns The provider.
+ */
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): React.JSX.Element;
+/**
+ * Owns the open state of one tooltip. It works with or without a `TooltipProvider`: without one it brings its own,
+ * as Arc's Tooltip does. Within the shared skip window it opens without delay.
+ * @param props - Radix root properties.
+ * @returns The tooltip root.
+ */
+declare function Tooltip({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): React.JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): React.JSX.Element;
+/**
+ * Renders Arc's bubble: inverted colors, a hairline border, the raised shadow and 15rem of maximum width.
+ * @param props - Radix content properties. `sideOffset` defaults to 8px and `collisionPadding` to 12px.
+ * @returns The portaled bubble.
+ */
+declare function TooltipContent({ className, sideOffset, collisionPadding, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): React.JSX.Element;
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/components/primitives/tooltip.js

@@ -0,0 +1,277 @@
+"use client";
+import { c as _c } from "react/compiler-runtime";
+/**
+* Internal primitive of Arc's Tooltip (https://uiarc.dev, MIT License, see THIRD_PARTY_NOTICES.md): a short dark
+* bubble on Arc's tokens that waits a moment, then rises a few pixels from its trigger. While a tooltip is open, and
+* briefly after it closes, the next one opens at once and only fades. Internal: the Radix composition (`Tooltip`,
+* `TooltipTrigger`, `TooltipContent`, `TooltipProvider`) behind the public closed `Tooltip` and beez-ui's composite
+* components; the package does not export it.
+*/
+import * as React from "react";
+import { Tooltip as TooltipPrimitive } from "radix-ui";
+import { ArcFloatingSlot } from "../../motion/arc-floating-slot.js";
+import { createOverlayWarmth, useOpenedWhileWarm } from "../../motion/overlay-warmth.js";
+import { MotionPresence, MotionOpenProvider, useMotionOpenState } from "../../motion/presence.js";
+import { cn } from "../../lib/utils.js";
+import { TOOLTIP_COLLISION_PADDING_PX, TOOLTIP_INSTANT_MOTION, TOOLTIP_MOTION, TOOLTIP_OPEN_DELAY_MS, TOOLTIP_SIDE_OFFSET_PX, TOOLTIP_SKIP_WINDOW_MS } from "../../constants/tooltip.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Every tooltip on the page shares one skip window, whichever provider it belongs to. */
+const tooltipWarmth = createOverlayWarmth(TOOLTIP_SKIP_WINDOW_MS);
+/** Whether the page was already warm when the surrounding layer opened, so its entrance only fades. */
+const TooltipOpenedWhileWarmContext = React.createContext(false);
+/** Tells a `Tooltip` whether a `TooltipProvider` already wraps it. */
+const TooltipProviderPresenceContext = React.createContext(false);
+/**
+* Shares the open delay among the tooltips it wraps.
+* @param props - Radix provider properties. `delayDuration` defaults to Arc's 250ms.
+* @returns The provider.
+*/
+function TooltipProvider(t0) {
+	const $ = _c(6);
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({delayDuration: t1, ...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+		$[2] = t1;
+	} else {
+		props = $[1];
+		t1 = $[2];
+	}
+	const delayDuration = t1 === undefined ? TOOLTIP_OPEN_DELAY_MS : t1;
+	let t2;
+	if ($[3] !== delayDuration || $[4] !== props) {
+		t2 = /* @__PURE__ */ _jsx(TooltipProviderPresenceContext.Provider, {
+			value: true,
+			children: /* @__PURE__ */ _jsx(TooltipPrimitive.Provider, {
+				"data-slot": "tooltip-provider",
+				delayDuration,
+				...props
+			})
+		});
+		$[3] = delayDuration;
+		$[4] = props;
+		$[5] = t2;
+	} else {
+		t2 = $[5];
+	}
+	return t2;
+}
+/**
+* Owns the open state of one tooltip. It works with or without a `TooltipProvider`: without one it brings its own,
+* as Arc's Tooltip does. Within the shared skip window it opens without delay.
+* @param props - Radix root properties.
+* @returns The tooltip root.
+*/
+function Tooltip(t0) {
+	const $ = _c(20);
+	let delayDuration;
+	let props;
+	if ($[0] !== t0) {
+		({delayDuration, ...props} = t0);
+		$[0] = t0;
+		$[1] = delayDuration;
+		$[2] = props;
+	} else {
+		delayDuration = $[1];
+		props = $[2];
+	}
+	const [motionOpen, setMotionOpen] = useMotionOpenState(props);
+	const isWarm = React.useSyncExternalStore(tooltipWarmth.subscribe, tooltipWarmth.isWarm, tooltipWarmth.isWarmOnServer);
+	const openedWhileWarm = useOpenedWhileWarm(motionOpen, isWarm);
+	const hasProvider = React.useContext(TooltipProviderPresenceContext);
+	let t1;
+	let t2;
+	if ($[3] !== motionOpen) {
+		t1 = () => {
+			if (!motionOpen) {
+				return;
+			}
+			return tooltipWarmth.open();
+		};
+		t2 = [motionOpen];
+		$[3] = motionOpen;
+		$[4] = t1;
+		$[5] = t2;
+	} else {
+		t1 = $[4];
+		t2 = $[5];
+	}
+	React.useEffect(t1, t2);
+	const t3 = isWarm ? 0 : delayDuration;
+	let t4;
+	if ($[6] !== motionOpen || $[7] !== props || $[8] !== setMotionOpen || $[9] !== t3) {
+		t4 = /* @__PURE__ */ _jsx(TooltipPrimitive.Root, {
+			"data-slot": "tooltip",
+			...props,
+			delayDuration: t3,
+			open: motionOpen,
+			onOpenChange: setMotionOpen
+		});
+		$[6] = motionOpen;
+		$[7] = props;
+		$[8] = setMotionOpen;
+		$[9] = t3;
+		$[10] = t4;
+	} else {
+		t4 = $[10];
+	}
+	let t5;
+	if ($[11] !== openedWhileWarm || $[12] !== t4) {
+		t5 = /* @__PURE__ */ _jsx(TooltipOpenedWhileWarmContext.Provider, {
+			value: openedWhileWarm,
+			children: t4
+		});
+		$[11] = openedWhileWarm;
+		$[12] = t4;
+		$[13] = t5;
+	} else {
+		t5 = $[13];
+	}
+	let t6;
+	if ($[14] !== motionOpen || $[15] !== t5) {
+		t6 = /* @__PURE__ */ _jsx(MotionOpenProvider, {
+			scope: "tooltip",
+			open: motionOpen,
+			children: t5
+		});
+		$[14] = motionOpen;
+		$[15] = t5;
+		$[16] = t6;
+	} else {
+		t6 = $[16];
+	}
+	const root = t6;
+	let t7;
+	if ($[17] !== hasProvider || $[18] !== root) {
+		t7 = hasProvider ? root : /* @__PURE__ */ _jsx(TooltipProvider, { children: root });
+		$[17] = hasProvider;
+		$[18] = root;
+		$[19] = t7;
+	} else {
+		t7 = $[19];
+	}
+	return t7;
+}
+function TooltipTrigger(t0) {
+	const $ = _c(4);
+	let props;
+	if ($[0] !== t0) {
+		({...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+	} else {
+		props = $[1];
+	}
+	let t1;
+	if ($[2] !== props) {
+		t1 = /* @__PURE__ */ _jsx(TooltipPrimitive.Trigger, {
+			"data-slot": "tooltip-trigger",
+			...props
+		});
+		$[2] = props;
+		$[3] = t1;
+	} else {
+		t1 = $[3];
+	}
+	return t1;
+}
+/**
+* Renders Arc's bubble: inverted colors, a hairline border, the raised shadow and 15rem of maximum width.
+* @param props - Radix content properties. `sideOffset` defaults to 8px and `collisionPadding` to 12px.
+* @returns The portaled bubble.
+*/
+function TooltipContent(t0) {
+	const $ = _c(22);
+	let children;
+	let className;
+	let props;
+	let t1;
+	let t2;
+	if ($[0] !== t0) {
+		({className, sideOffset: t1, collisionPadding: t2, children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = t1;
+		$[5] = t2;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		t1 = $[4];
+		t2 = $[5];
+	}
+	const sideOffset = t1 === undefined ? TOOLTIP_SIDE_OFFSET_PX : t1;
+	const collisionPadding = t2 === undefined ? TOOLTIP_COLLISION_PADDING_PX : t2;
+	const openedWhileWarm = React.useContext(TooltipOpenedWhileWarmContext);
+	const t3 = props.forceMount;
+	let t4;
+	if ($[6] !== openedWhileWarm) {
+		t4 = () => openedWhileWarm ? TOOLTIP_INSTANT_MOTION : TOOLTIP_MOTION;
+		$[6] = openedWhileWarm;
+		$[7] = t4;
+	} else {
+		t4 = $[7];
+	}
+	let t5;
+	if ($[8] !== className) {
+		t5 = cn("z-50 inline-flex w-fit max-w-60 origin-(--radix-tooltip-content-transform-origin) items-center gap-1.5 rounded-(--radius-control) border border-[color-mix(in_oklab,var(--background)_14%,var(--foreground))] bg-foreground px-(--space-4) py-(--space-3) font-sans text-sm leading-(--leading-body) font-normal tracking-(--tracking-body) text-background shadow-(--shadow-raised) has-data-[slot=kbd]:pr-(--space-3) **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm", className);
+		$[8] = className;
+		$[9] = t5;
+	} else {
+		t5 = $[9];
+	}
+	let t6;
+	if ($[10] !== children || $[11] !== collisionPadding || $[12] !== props || $[13] !== sideOffset || $[14] !== t5) {
+		t6 = /* @__PURE__ */ _jsx(TooltipPrimitive.Content, {
+			forceMount: true,
+			"data-slot": "tooltip-content",
+			sideOffset,
+			collisionPadding,
+			className: t5,
+			...props,
+			children
+		});
+		$[10] = children;
+		$[11] = collisionPadding;
+		$[12] = props;
+		$[13] = sideOffset;
+		$[14] = t5;
+		$[15] = t6;
+	} else {
+		t6 = $[15];
+	}
+	let t7;
+	if ($[16] !== t4 || $[17] !== t6) {
+		t7 = /* @__PURE__ */ _jsx(ArcFloatingSlot, {
+			motion: t4,
+			children: t6
+		});
+		$[16] = t4;
+		$[17] = t6;
+		$[18] = t7;
+	} else {
+		t7 = $[18];
+	}
+	let t8;
+	if ($[19] !== props.forceMount || $[20] !== t7) {
+		t8 = /* @__PURE__ */ _jsx(TooltipPrimitive.Portal, {
+			forceMount: true,
+			children: /* @__PURE__ */ _jsx(MotionPresence, {
+				scope: "tooltip",
+				forceMount: t3,
+				children: t7
+			})
+		});
+		$[19] = props.forceMount;
+		$[20] = t7;
+		$[21] = t8;
+	} else {
+		t8 = $[21];
+	}
+	return t8;
+}
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };