@exsto/ds 0.0.1-rc.5 → 0.0.1-rc.6

package/dist/index.js

@@ -12,6 +12,7 @@ import { Popover as Popover$1 } from "@base-ui/react/popover";
 import { Avatar as Avatar$1 } from "@base-ui/react/avatar";
 import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
 import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
+import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
 import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
@@ -40,7 +41,6 @@ import { Radio } from "@base-ui/react/radio";
 import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group";
 import * as ResizablePrimitive from "react-resizable-panels";
 import { Select as Select$1 } from "@base-ui/react/select";
-import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
 import { Switch as Switch$1 } from "@base-ui/react/switch";
 import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
 import { Toast as Toast$1 } from "@base-ui/react/toast";
@@ -650,7 +650,7 @@ var useIsMobile = () => {
 var dayToDate = (value) => value === void 0 ? void 0 : /* @__PURE__ */ new Date(`${value}T12:00:00`);
 var dateToDay = (date) => date === void 0 ? void 0 : `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`;
 /** A range of calendar days, either end optional; two months side by side, one on a phone. */
-var DateRangePicker = ({ id, value, onValueChange, placeholder = "Select date range", locale = "en-GB", "aria-label": ariaLabel, className }) => {
+var DateRangePicker = ({ id, value, onValueChange, placeholder = "Select date range", locale = "en-GB", summary = "range", "aria-label": ariaLabel, className }) => {
 	const isMobile = useIsMobile();
 	const from = dayToDate(value.from);
 	const to = dayToDate(value.to);
@@ -665,12 +665,13 @@ var DateRangePicker = ({ id, value, onValueChange, placeholder = "Select date ra
 			id,
 			"aria-label": ariaLabel,
 			"data-slot": "date-range-picker-trigger",
+			"data-set": ends.length > 0 ? "" : void 0,
 			variant: "outline",
 			className: cn("w-full min-w-0 justify-start font-normal", ends.length === 0 && "text-muted-foreground", className)
 		}),
 		children: [/* @__PURE__ */ jsx(IconCalendar, { "aria-hidden": "true" }), /* @__PURE__ */ jsx("span", {
 			className: "truncate",
-			children: ends.length === 0 ? placeholder : ends.join(" – ")
+			children: ends.length === 0 || summary === "label" ? placeholder : ends.join(" – ")
 		})]
 	}), /* @__PURE__ */ jsx(PopoverContent, {
 		align: "start",
@@ -833,7 +834,7 @@ var ScrollBar = ({ className, orientation = "vertical", visibility = "hover", ..
 	return /* @__PURE__ */ jsx(ScrollArea$1.Scrollbar, {
 		"data-slot": "scroll-area-scrollbar",
 		orientation,
-		className: cn("peer/scrollbar z-100 flex touch-none select-none motion-safe:transition-opacity motion-safe:duration-150", orientation === "vertical" && "h-full w-2 border-l border-l-transparent p-px", orientation === "horizontal" && "h-2 flex-col border-t border-t-transparent p-px", visibility !== "always" && "opacity-0 data-scrolling:opacity-100", visibility === "hover" && "data-hovering:opacity-100 group-hover/scroll-area:opacity-100", className),
+		className: cn("peer/scrollbar z-100 flex touch-none select-none motion-safe:transition-opacity motion-safe:duration-150", orientation === "vertical" && "h-(--scroll-bar-length) w-(--scroll-bar-size) me-(--scroll-bar-gap) mt-(--scroll-bar-offset-top) border-l border-l-transparent p-px", orientation === "horizontal" && "h-(--scroll-bar-size) ms-(--scroll-bar-gap) me-(--scroll-bar-gap) mb-(--scroll-bar-gap) flex-col border-t border-t-transparent p-px", visibility !== "always" && "opacity-0 data-scrolling:opacity-100", visibility === "hover" && "data-hovering:opacity-100 group-hover/scroll-area:opacity-100", className),
 		...props,
 		children: /* @__PURE__ */ jsx(ScrollArea$1.Thumb, { className: "relative flex-1 rounded-full bg-muted-foreground/50 transition-colors hover:bg-muted-foreground/70 data-scrolling:bg-muted-foreground/70" })
 	});
@@ -939,6 +940,42 @@ var ScrollArea = ({ className, children, orientation = "vertical", type = "hover
 	});
 };
 //#endregion
+//#region ../ui/src/components/ui/tooltip/tooltip.tsx
+var TooltipProvider = ({ delay = 0, ...props }) => {
+	return /* @__PURE__ */ jsx(Tooltip$1.Provider, {
+		"data-slot": "tooltip-provider",
+		delay,
+		...props
+	});
+};
+var Tooltip = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(Tooltip$1.Root, {
+		"data-slot": "tooltip",
+		...props
+	});
+};
+var TooltipTrigger = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(Tooltip$1.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...props
+	});
+};
+var TooltipContent = ({ className, side = "top", sideOffset = 4, align = "center", alignOffset = 0, children, ...props }) => {
+	return /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsx(Tooltip$1.Positioner, {
+		align,
+		alignOffset,
+		side,
+		sideOffset,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ jsxs(Tooltip$1.Popup, {
+			"data-slot": "tooltip-content",
+			className: cn("z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", "motion-reduce:animate-none", className),
+			...props,
+			children: [children, /* @__PURE__ */ jsx(Tooltip$1.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })]
+		})
+	}) });
+};
+//#endregion
 //#region ../ui/src/lib/popup-list.ts
 var ITEM_BASE = "relative flex min-h-8 cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-foreground outline-none select-none [&>svg]:pointer-events-none [&>svg]:shrink-0 [&>svg]:text-muted-foreground [&>svg:not([class*='size-'])]:size-4";
 var ITEM_STATES = {
@@ -983,42 +1020,68 @@ var resolveChosen = (value, options, selectedOptions = []) => {
 	});
 };
 /** What the trigger says: the placeholder, the one picked, or a count. */
-var summarize = (chosen, placeholder, labels) => {
+var summarize = (chosen, placeholder, labels, summary = "selection") => {
 	if (chosen.length === 0) return placeholder;
+	if (summary === "label") return labels.selectedCount(chosen.length);
 	return chosen.length === 1 ? chosen[0]?.label ?? "" : labels.selectedCount(chosen.length);
 };
+/** Every chosen name, for a tooltip on a trigger whose text is cut. With `label` the names are not shown, so it is the text itself. */
+var fullSelection = (chosen, placeholder, labels, summary = "selection") => summary === "selection" && chosen.length > 0 ? chosen.map((option) => option.label).join(", ") : summarize(chosen, placeholder, labels, summary);
 var POPUP = "flex max-h-(--available-height) w-(--anchor-width) min-w-64 max-w-sm origin-(--transform-origin) flex-col overflow-hidden rounded-lg border border-border bg-popover text-popover-foreground shadow-md outline-none duration-100 motion-reduce:animate-none data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95";
 var TRIGGER = "flex h-8 w-full min-w-0 cursor-pointer items-center justify-between gap-2 rounded-lg border border-input bg-transparent px-2.5 text-sm text-foreground transition-colors outline-none focus-visible:border-ring disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive data-popup-open:border-ring dark:bg-input/30";
-var Option = ({ option, index, style, measure }) => /* @__PURE__ */ jsxs(Combobox$1.Item, {
-	value: option,
-	index,
-	ref: measure,
-	"data-index": index,
-	style,
-	"data-slot": "multi-select-item",
-	className: cn(popupItemClass("base-ui"), "group"),
-	children: [
-		/* @__PURE__ */ jsx("span", {
-			"data-slot": "multi-select-item-indicator",
-			"aria-hidden": "true",
-			className: "flex size-4 shrink-0 items-center justify-center rounded-sm border border-input text-primary-foreground transition-colors group-data-[selected]:border-primary group-data-[selected]:bg-primary",
-			children: /* @__PURE__ */ jsx(IconCheck, {
-				className: "size-3 opacity-0 group-data-[selected]:opacity-100",
-				stroke: 3
+var Option = ({ option, index, style, measure, highlighted }) => {
+	const [cut, setCut] = useState(false);
+	const measureLabel = useCallback((element) => {
+		if (!element) return;
+		const measureCut = () => setCut(element.scrollWidth > element.clientWidth);
+		measureCut();
+		if (typeof ResizeObserver === "undefined") return;
+		const observer = new ResizeObserver(measureCut);
+		observer.observe(element);
+		return () => observer.disconnect();
+	}, []);
+	return /* @__PURE__ */ jsxs(Combobox$1.Item, {
+		value: option,
+		index,
+		ref: measure,
+		"data-index": index,
+		style,
+		"data-slot": "multi-select-item",
+		className: cn(popupItemClass("base-ui"), "group"),
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				"data-slot": "multi-select-item-indicator",
+				"aria-hidden": "true",
+				className: "flex size-4 shrink-0 items-center justify-center rounded-sm border border-input text-primary-foreground transition-colors group-data-[selected]:border-primary group-data-[selected]:bg-primary",
+				children: /* @__PURE__ */ jsx(IconCheck, {
+					className: "size-3 opacity-0 group-data-[selected]:opacity-100",
+					stroke: 3
+				})
+			}),
+			option.leading,
+			/* @__PURE__ */ jsxs(Tooltip, {
+				open: highlighted && cut,
+				children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+					"data-slot": "multi-select-item-label",
+					"data-overflowing": cut ? "" : void 0,
+					render: /* @__PURE__ */ jsx("span", {
+						ref: measureLabel,
+						className: "min-w-0 flex-1 truncate"
+					}),
+					children: option.label
+				}, option.label), /* @__PURE__ */ jsx(TooltipContent, {
+					side: "right",
+					children: option.label
+				})]
+			}),
+			option.count !== void 0 && /* @__PURE__ */ jsx("span", {
+				className: "text-xs text-muted-foreground tabular-nums",
+				children: option.count
 			})
-		}),
-		option.leading,
-		/* @__PURE__ */ jsx("span", {
-			className: "min-w-0 flex-1 truncate",
-			children: option.label
-		}),
-		option.count !== void 0 && /* @__PURE__ */ jsx("span", {
-			className: "text-xs text-muted-foreground tabular-nums",
-			children: option.count
-		})
-	]
-});
-var Options = ({ scroller, scrollTo, busy }) => {
+		]
+	});
+};
+var Options = ({ scroller, scrollTo, busy, highlightedValue }) => {
 	const items = Combobox$1.useFilteredItems();
 	const virtual = items.length > 100;
 	const [mounted, setMounted] = useState(false);
@@ -1042,7 +1105,8 @@ var Options = ({ scroller, scrollTo, busy }) => {
 		className: "p-1 outline-none",
 		children: items.map((option, index) => /* @__PURE__ */ jsx(Option, {
 			option,
-			index
+			index,
+			highlighted: highlightedValue === option.value
 		}, option.value))
 	});
 	return /* @__PURE__ */ jsx(Combobox$1.List, {
@@ -1055,6 +1119,7 @@ var Options = ({ scroller, scrollTo, busy }) => {
 			return option === void 0 ? null : /* @__PURE__ */ jsx(Option, {
 				option,
 				index: row.index,
+				highlighted: highlightedValue === option.value,
 				measure: virtualizer.measureElement,
 				style: {
 					position: "absolute",
@@ -1078,7 +1143,7 @@ var Options = ({ scroller, scrollTo, busy }) => {
 * server: the caller fetches the options for the typed text, and says when they are loading,
 * failed, or have another page.
 */
-var MultiSelect = ({ placeholder, searchPlaceholder, options, value, onValueChange, id, disabled = false, className, onSearchChange, searchDelay = 250, selectedOptions, loading = false, error = false, onRetry, hasMore = false, onLoadMore, loadingMore = false, labels: labelOverrides, ...rest }) => {
+var MultiSelect = ({ placeholder, searchPlaceholder, options, value, onValueChange, id, disabled = false, className, onSearchChange, searchDelay = 250, selectedOptions, loading = false, error = false, onRetry, hasMore = false, onLoadMore, loadingMore = false, labels: labelOverrides, summary = "selection", ...rest }) => {
 	const labels = useMemo(() => ({
 		...DEFAULT_MULTI_SELECT_LABELS,
 		...labelOverrides
@@ -1096,6 +1161,9 @@ var MultiSelect = ({ placeholder, searchPlaceholder, options, value, onValueChan
 	const refScroller = useRef(null);
 	const refScrollTo = useRef(() => void 0);
 	const refTimer = useRef(void 0);
+	const refTriggerText = useRef(null);
+	const [popupOpen, setPopupOpen] = useState(false);
+	const [highlightedValue, setHighlightedValue] = useState(null);
 	const refReported = useRef(void 0);
 	const refOpen = useRef(false);
 	const errorMessage = typeof error === "string" ? error : labels.error;
@@ -1119,6 +1187,8 @@ var MultiSelect = ({ placeholder, searchPlaceholder, options, value, onValueChan
 		},
 		onOpenChange: (open) => {
 			window.clearTimeout(refTimer.current);
+			setPopupOpen(open);
+			if (!open) setHighlightedValue(null);
 			refOpen.current = open;
 			refReported.current = open ? "" : void 0;
 			if (open && onSearchChange !== void 0) onSearchChange("");
@@ -1126,21 +1196,33 @@ var MultiSelect = ({ placeholder, searchPlaceholder, options, value, onValueChan
 		itemToStringLabel: (option) => option.label,
 		isItemEqualToValue: (a, b) => a.value === b.value,
 		virtualized: items.length > 100,
-		onItemHighlighted: (_, details) => {
+		onItemHighlighted: (item, details) => {
+			setHighlightedValue(item?.value ?? null);
 			if (details.reason === "keyboard" && details.index >= 0) refScrollTo.current(details.index);
 		},
-		children: [/* @__PURE__ */ jsxs(Combobox$1.Trigger, {
-			id,
-			"aria-label": rest["aria-label"],
-			"data-slot": "multi-select-trigger",
-			className: cn(TRIGGER, className),
-			children: [/* @__PURE__ */ jsx("span", {
-				className: cn("min-w-0 flex-1 truncate text-left", chosen.length === 0 && "text-muted-foreground"),
-				children: summarize(chosen, placeholder, labels)
-			}), /* @__PURE__ */ jsx(IconChevronDown, {
-				"aria-hidden": "true",
-				className: "size-4 shrink-0 text-muted-foreground"
-			})]
+		children: [/* @__PURE__ */ jsxs(Tooltip, {
+			disabled: popupOpen,
+			onOpenChange: (open, details) => {
+				const element = refTriggerText.current;
+				if (open && !(element && element.scrollWidth > element.clientWidth)) details.cancel();
+			},
+			children: [/* @__PURE__ */ jsxs(TooltipTrigger, {
+				"data-slot": "multi-select-trigger",
+				render: /* @__PURE__ */ jsx(Combobox$1.Trigger, {
+					id,
+					"aria-label": rest["aria-label"],
+					"data-set": chosen.length > 0 ? "" : void 0,
+					className: cn(TRIGGER, className)
+				}),
+				children: [/* @__PURE__ */ jsx("span", {
+					ref: refTriggerText,
+					className: cn("min-w-0 flex-1 truncate text-left", chosen.length === 0 && "text-muted-foreground"),
+					children: summarize(chosen, placeholder, labels, summary)
+				}), /* @__PURE__ */ jsx(IconChevronDown, {
+					"aria-hidden": "true",
+					className: "size-4 shrink-0 text-muted-foreground"
+				})]
+			}), /* @__PURE__ */ jsx(TooltipContent, { children: fullSelection(chosen, placeholder, labels, summary) })]
 		}), /* @__PURE__ */ jsx(Combobox$1.Portal, { children: /* @__PURE__ */ jsx(Combobox$1.Positioner, {
 			sideOffset: 4,
 			align: "start",
@@ -1185,7 +1267,8 @@ var MultiSelect = ({ placeholder, searchPlaceholder, options, value, onValueChan
 						children: /* @__PURE__ */ jsx(Options, {
 							scroller: refScroller,
 							scrollTo: refScrollTo,
-							busy: loading
+							busy: loading,
+							highlightedValue
 						})
 					}),
 					hasMore && onLoadMore !== void 0 && /* @__PURE__ */ jsx("div", {
@@ -2583,7 +2666,7 @@ var CommandInput = ({ className, ...props }) => {
 		"data-slot": "command-input-wrapper",
 		className: "border-b border-border p-1",
 		children: /* @__PURE__ */ jsxs(InputGroup, {
-			className: "h-8 border-transparent bg-transparent shadow-none *:data-[slot=input-group-addon]:pl-2",
+			className: "h-8 border-transparent bg-transparent shadow-none *:data-[slot=input-group-addon]:pl-2 dark:bg-transparent",
 			children: [/* @__PURE__ */ jsx(Command$1.Input, {
 				"data-slot": "command-input",
 				className: cn("w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className),
@@ -3877,31 +3960,48 @@ var Pagination = ({ page, count, onPageChange, siblingCount = 1, className }) =>
 //#endregion
 //#region ../ui/src/components/ui/progress/progress.tsx
 /**
-* The fill's colour, and the track's tint of the same colour. A closed set of semantic
-* tones rather than a class string, so a bar cannot carry a colour the theme does not
-* define and dark mode and a re-theme keep working.
+* The tones: a closed set of semantic colours rather than a class string, so a bar cannot carry a
+* colour the theme does not define and dark mode and a re-theme keep working. Each is the theme token
+* the fill uses; the track is a 20% tint of the same token.
 */
-var progressTrackVariants = cva("relative h-2 w-full overflow-hidden rounded-full", {
-	variants: { tone: {
-		default: "bg-primary/20",
-		info: "bg-info/20",
-		success: "bg-success/20",
-		warning: "bg-warning/20",
-		destructive: "bg-destructive/20"
-	} },
-	defaultVariants: { tone: "default" }
-});
-var progressIndicatorVariants = cva("h-full rounded-full transition-[width] duration-300 ease-in-out motion-reduce:transition-none motion-reduce:animate-none data-indeterminate:w-1/3 data-indeterminate:animate-[progress-indeterminate_1.5s_ease-in-out_infinite]", {
-	variants: { tone: {
-		default: "bg-primary",
-		info: "bg-info",
-		success: "bg-success",
-		warning: "bg-warning",
-		destructive: "bg-destructive"
+var TONE_TOKEN = {
+	default: "var(--primary)",
+	info: "var(--info)",
+	success: "var(--success)",
+	warning: "var(--warning)",
+	destructive: "var(--destructive)"
+};
+/**
+* Colours an app can set without a class string. --progress-color replaces the fill (any colour, such as an
+* app's own status tokens); --progress-track replaces the track, which does not follow the fill: an app
+* that wants a neutral track sets it to var(--muted). Both are read where the bar is, so they follow the
+* theme and can be set on :root or on any ancestor.
+*/
+var progressFill = (tone) => `var(--progress-color, ${TONE_TOKEN[tone]})`;
+var progressTrack = (tone) => `var(--progress-track, color-mix(in oklab, ${TONE_TOKEN[tone]} 20%, transparent))`;
+/**
+* How the fill eases its width. The defaults are the 300ms ease-in-out it always had; an app retunes them
+* with --progress-duration and --progress-ease, or turns the easing off with `animated={false}` when the
+* number it shows is itself animated and the bar is driven from the same clock.
+*/
+var PROGRESS_DURATION = "var(--progress-duration, 300ms)";
+var PROGRESS_EASE = "var(--progress-ease, cubic-bezier(0.4, 0, 0.2, 1))";
+var progressTrackVariants = cva("relative w-full overflow-hidden rounded-full", {
+	variants: { size: {
+		sm: "h-1",
+		default: "h-2"
 	} },
-	defaultVariants: { tone: "default" }
+	defaultVariants: { size: "default" }
 });
-var Progress = ({ value = null, tone, className, ...props }) => {
+var Progress = ({ value = null, tone = "default", size, animated = true, className, ...props }) => {
+	const fillStyle = {
+		backgroundColor: progressFill(tone),
+		...value != null ? { width: `${value}%` } : null,
+		...animated ? {
+			transitionDuration: PROGRESS_DURATION,
+			transitionTimingFunction: PROGRESS_EASE
+		} : null
+	};
 	return /* @__PURE__ */ jsx(Progress$1.Root, {
 		"data-slot": "progress",
 		value: value ?? null,
@@ -3909,12 +4009,13 @@ var Progress = ({ value = null, tone, className, ...props }) => {
 		...props,
 		children: /* @__PURE__ */ jsx(Progress$1.Track, {
 			"data-slot": "progress-track",
-			className: progressTrackVariants({ tone }),
+			className: progressTrackVariants({ size }),
+			style: { backgroundColor: progressTrack(tone) },
 			children: /* @__PURE__ */ jsx(Progress$1.Indicator, {
 				"data-slot": "progress-indicator",
-				"data-tone": tone ?? "default",
-				className: progressIndicatorVariants({ tone }),
-				style: value != null ? { width: `${value}%` } : void 0
+				"data-tone": tone,
+				className: cn("h-full rounded-full motion-reduce:transition-none motion-reduce:animate-none data-indeterminate:w-1/3 data-indeterminate:animate-[progress-indeterminate_1.5s_ease-in-out_infinite]", animated ? "transition-[width] duration-300 ease-in-out" : "transition-none"),
+				style: fillStyle
 			})
 		})
 	});
@@ -4306,42 +4407,6 @@ var Skeleton = ({ className, ...props }) => {
 	});
 };
 //#endregion
-//#region ../ui/src/components/ui/tooltip/tooltip.tsx
-var TooltipProvider = ({ delay = 0, ...props }) => {
-	return /* @__PURE__ */ jsx(Tooltip$1.Provider, {
-		"data-slot": "tooltip-provider",
-		delay,
-		...props
-	});
-};
-var Tooltip = ({ ...props }) => {
-	return /* @__PURE__ */ jsx(Tooltip$1.Root, {
-		"data-slot": "tooltip",
-		...props
-	});
-};
-var TooltipTrigger = ({ ...props }) => {
-	return /* @__PURE__ */ jsx(Tooltip$1.Trigger, {
-		"data-slot": "tooltip-trigger",
-		...props
-	});
-};
-var TooltipContent = ({ className, side = "top", sideOffset = 4, align = "center", alignOffset = 0, children, ...props }) => {
-	return /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsx(Tooltip$1.Positioner, {
-		align,
-		alignOffset,
-		side,
-		sideOffset,
-		className: "isolate z-50",
-		children: /* @__PURE__ */ jsxs(Tooltip$1.Popup, {
-			"data-slot": "tooltip-content",
-			className: cn("z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", "motion-reduce:animate-none", className),
-			...props,
-			children: [children, /* @__PURE__ */ jsx(Tooltip$1.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })]
-		})
-	}) });
-};
-//#endregion
 //#region ../ui/src/components/ui/sidebar/sidebar.tsx
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 604800;
@@ -5037,6 +5102,6 @@ var ToggleGroupItem = ({ className, variant, size, ...props }) => {
 	});
 };
 //#endregion
-export { AVATAR_TONES, Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatedNumber, AspectRatio, Attachment, AttachmentAction, AttachmentActions, AttachmentContent, AttachmentDescription, AttachmentGroup, AttachmentMedia, AttachmentTitle, AttachmentTrigger, AudioPlayer, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DEFAULT_MULTI_SELECT_LABELS, DateRangePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DirectionProvider, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldDescription, FieldError, FieldLabel, HoverCard, HoverCardContent, HoverCardTrigger, Indicator, InitialsAvatar, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, Marker, MarkerContent, MarkerIcon, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, MultiSelect, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, NumberText, PROGRESS_LINE_COLOR, Pagination, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressLine, Questionnaire, QuestionnaireActions, QuestionnaireChoice, QuestionnaireChoiceDescription, QuestionnaireChoices, QuestionnaireDescription, QuestionnaireError, QuestionnaireInput, QuestionnaireItem, QuestionnaireNext, QuestionnairePrevious, QuestionnaireProgress, QuestionnaireSkip, QuestionnaireSubmit, QuestionnaireTitle, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast, ToastAction, ToastClose, ToastContent, ToastDescription, ToastPortal, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, VIRTUALIZE_FROM, VideoPlayer, avatarTone, badgeVariants, buttonVariants, clampPage, cn, createToastManager, dateToDay, dayToDate, formatCount, formatMediaTime, getPaginationRange, indicatorVariants, initialsOf, markerVariants, navigationMenuTriggerStyle, resolveChosen, spinnerVariants, summarize, tabsListVariants, toast, toggleVariants, useAnimatedValues, useCarousel, useDirection, useIsMobile, useMediaPlayer, useMergedRefs, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useSidebar, useToastManager };
+export { AVATAR_TONES, Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatedNumber, AspectRatio, Attachment, AttachmentAction, AttachmentActions, AttachmentContent, AttachmentDescription, AttachmentGroup, AttachmentMedia, AttachmentTitle, AttachmentTrigger, AudioPlayer, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DEFAULT_MULTI_SELECT_LABELS, DateRangePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DirectionProvider, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldDescription, FieldError, FieldLabel, HoverCard, HoverCardContent, HoverCardTrigger, Indicator, InitialsAvatar, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, Marker, MarkerContent, MarkerIcon, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, MultiSelect, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, NumberText, PROGRESS_DURATION, PROGRESS_EASE, PROGRESS_LINE_COLOR, Pagination, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressLine, Questionnaire, QuestionnaireActions, QuestionnaireChoice, QuestionnaireChoiceDescription, QuestionnaireChoices, QuestionnaireDescription, QuestionnaireError, QuestionnaireInput, QuestionnaireItem, QuestionnaireNext, QuestionnairePrevious, QuestionnaireProgress, QuestionnaireSkip, QuestionnaireSubmit, QuestionnaireTitle, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast, ToastAction, ToastClose, ToastContent, ToastDescription, ToastPortal, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, VIRTUALIZE_FROM, VideoPlayer, avatarTone, badgeVariants, buttonVariants, clampPage, cn, createToastManager, dateToDay, dayToDate, formatCount, formatMediaTime, fullSelection, getPaginationRange, indicatorVariants, initialsOf, markerVariants, navigationMenuTriggerStyle, progressFill, progressTrack, resolveChosen, spinnerVariants, summarize, tabsListVariants, toast, toggleVariants, useAnimatedValues, useCarousel, useDirection, useIsMobile, useMediaPlayer, useMergedRefs, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useSidebar, useToastManager };
 
 //# sourceMappingURL=index.js.map