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

package/dist/index.js

@@ -1,17 +1,14 @@
+import { A as ScrollBar, B as cn, C as RICH_TEXT_ATTRIBUTES, D as POPUP_ITEM_INDICATOR_CLASS, E as isAllowedRichTextHref, F as PopoverHeader, I as PopoverTitle, L as PopoverTrigger, M as Popover, N as PopoverContent, O as popupItemClass, P as PopoverDescription, R as Button, S as richTextToNodes, T as RICH_TEXT_LINK_PROTOCOLS, V as cssLength, _ as DropdownMenuTrigger, a as DropdownMenuContent, b as RICH_TEXT_MENTION_CLASS, c as DropdownMenuLabel, d as DropdownMenuRadioItem, f as DropdownMenuSeparator, g as DropdownMenuSubTrigger, h as DropdownMenuSubContent, i as DropdownMenuCheckboxItem, j as useMergedRefs, k as ScrollArea, l as DropdownMenuPortal, m as DropdownMenuSub, n as toggleVariants, o as DropdownMenuGroup, p as DropdownMenuShortcut, r as DropdownMenu, s as DropdownMenuItem, t as Toggle, u as DropdownMenuRadioGroup, v as Input, w as RICH_TEXT_ELEMENTS, x as RichTextContent, y as RICH_TEXT_BODY_CLASS, z as buttonVariants } from "./chunks/toggle-C2c5oDaE.js";
 import * as React from "react";
-import { createContext, isValidElement, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Button as Button$1 } from "@base-ui/react/button";
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
 import { cva } from "class-variance-authority";
 import { Slider as Slider$1 } from "@base-ui/react/slider";
 import { IconAlertOctagon, IconAlertTriangle, IconArrowDown, IconCalendar, IconCheck, IconChevronDown, IconChevronLeft, IconChevronRight, IconCircleCheck, IconDots, IconInfoCircle, IconLayoutSidebar, IconLoader, IconMaximize, IconMinus, IconPlayerPauseFilled, IconPlayerPlayFilled, IconSearch, IconSelector, IconVolume, IconVolumeOff, IconX } from "@tabler/icons-react";
 import { DayPicker, getDefaultClassNames } from "react-day-picker";
-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";
@@ -23,7 +20,6 @@ import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
 import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
 import { Command as Command$1 } from "cmdk";
 import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
-import { Input as Input$1 } from "@base-ui/react/input";
 import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";
 import { DirectionProvider, useDirection } from "@base-ui/react/direction-provider";
 import { Menu } from "@base-ui/react/menu";
@@ -40,7 +36,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";
@@ -147,87 +142,6 @@ var NumberText = ({ element, shown, value, format = formatCount, className }) =>
 	});
 };
 //#endregion
-//#region ../ui/src/lib/utils.ts
-var cn = (...inputs) => twMerge(clsx(inputs));
-/**
-* Normalise a size prop to a CSS length.
-*
-* Bare numbers become px, which is also what a bare numeric *string* means: an
-* element attribute arrives as a string, so `width="480"` and `width={480}` have
-* to land on the same value. Anything with a unit, a percentage or a keyword
-* passes through untouched.
-*/
-var cssLength = (value) => {
-	if (value == null || value === "") return;
-	if (typeof value === "number") return Number.isFinite(value) ? `${value}px` : void 0;
-	return /^-?\d*\.?\d+$/.test(value.trim()) ? `${value.trim()}px` : value;
-};
-//#endregion
-//#region ../ui/src/components/ui/button/button.tsx
-var buttonVariants = cva("group/button inline-flex shrink-0 cursor-pointer items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all motion-reduce:transition-none motion-reduce:transform-none outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
-	variants: {
-		variant: {
-			default: "bg-primary text-primary-foreground hover:bg-primary/80",
-			outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
-			secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
-			ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
-			destructive: "bg-destructive/10 text-destructive hover:bg-destructive/15 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/15 dark:hover:bg-destructive/20 dark:focus-visible:ring-destructive/40",
-			link: "text-primary underline-offset-4 hover:underline"
-		},
-		size: {
-			default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-			xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
-			sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
-			lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-			icon: "size-8",
-			"icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
-			"icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
-			"icon-lg": "size-9"
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "default"
-	}
-});
-/**
-* Whether this Button is rendering a link rather than a button, so it can keep
-* link semantics. Covers `render={<a href="..." />}` and a routing component
-* that takes an `href` (Next's Link). A component with a different prop for its
-* destination (react-router's `to`) cannot be recognised from here: give those
-* `nativeButton={false} role={undefined}` directly.
-*/
-var rendersALink = (render) => isValidElement(render) && (render.type === "a" || typeof render.props.href === "string");
-/**
-* A link that looks like a button is still a link, and has to be announced as
-* one: it opens in a new tab, it has an address, Enter follows it and Space
-* scrolls the page.
-*
-* Base UI needs telling, in two steps. Rendering an anchor while `nativeButton`
-* is true (its default) warns in development and puts `type="button"` on the
-* anchor; following the warning and passing `nativeButton={false}` then adds
-* `role="button"`, which is what takes the link semantics away. So this does
-* both: non-native, with the role and the tabindex Base UI would add cleared
-* again. An explicit prop from the caller still wins over either.
-*/
-var LINK_PROPS = {
-	nativeButton: false,
-	role: void 0,
-	tabIndex: void 0
-};
-var Button = ({ className, variant = "default", size = "default", ...props }) => {
-	return /* @__PURE__ */ jsx(Button$1, {
-		"data-slot": "button",
-		...rendersALink(props.render) ? LINK_PROPS : {},
-		className: cn(buttonVariants({
-			variant,
-			size,
-			className
-		})),
-		...props
-	});
-};
-//#endregion
 //#region ../ui/src/components/ui/slider/slider.tsx
 var Slider = ({ className, value, defaultValue, min, max, step, disabled, onValueChange, onValueCommitted, name, minStepsBetweenValues, "aria-label": ariaLabel, ...props }) => {
 	const thumbValues = Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [value ?? defaultValue ?? min ?? 0];
@@ -581,55 +495,6 @@ var CalendarDayButton = ({ className, day, modifiers, locale, ...props }) => {
 	});
 };
 //#endregion
-//#region ../ui/src/components/ui/popover/popover.tsx
-var Popover = ({ ...props }) => {
-	return /* @__PURE__ */ jsx(Popover$1.Root, {
-		"data-slot": "popover",
-		...props
-	});
-};
-var PopoverTrigger = ({ ...props }) => {
-	return /* @__PURE__ */ jsx(Popover$1.Trigger, {
-		"data-slot": "popover-trigger",
-		...props
-	});
-};
-var PopoverContent = ({ className, align = "center", alignOffset = 0, side = "bottom", sideOffset = 4, ...props }) => {
-	return /* @__PURE__ */ jsx(Popover$1.Portal, { children: /* @__PURE__ */ jsx(Popover$1.Positioner, {
-		align,
-		alignOffset,
-		side,
-		sideOffset,
-		className: "isolate z-50",
-		children: /* @__PURE__ */ jsx(Popover$1.Popup, {
-			"data-slot": "popover-content",
-			className: cn("z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 motion-reduce:animate-none 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-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", className),
-			...props
-		})
-	}) });
-};
-var PopoverHeader = ({ className, ...props }) => {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "popover-header",
-		className: cn("flex flex-col gap-0.5 text-sm", className),
-		...props
-	});
-};
-var PopoverTitle = ({ className, ...props }) => {
-	return /* @__PURE__ */ jsx(Popover$1.Title, {
-		"data-slot": "popover-title",
-		className: cn("font-medium", className),
-		...props
-	});
-};
-var PopoverDescription = ({ className, ...props }) => {
-	return /* @__PURE__ */ jsx(Popover$1.Description, {
-		"data-slot": "popover-description",
-		className: cn("text-muted-foreground", className),
-		...props
-	});
-};
-//#endregion
 //#region ../ui/src/hooks/use-mobile.ts
 var MOBILE_BREAKPOINT = 768;
 var useIsMobile = () => {
@@ -650,7 +515,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 +530,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",
@@ -814,146 +680,41 @@ var InitialsAvatar = ({ name, photoUrl, size = "md", className, autoColor = true
 	});
 };
 //#endregion
-//#region ../ui/src/hooks/use-merged-refs.ts
-var assignRef = (ref, value) => {
-	if (typeof ref === "function") ref(value);
-	else if (ref !== null) ref.current = value;
-};
-var mergeRefs = (...refs) => {
-	return (node) => {
-		for (const ref of refs) if (ref) assignRef(ref, node);
-	};
-};
-var useMergedRefs = (...refs) => {
-	return useCallback(mergeRefs(...refs), [...refs]);
-};
-//#endregion
-//#region ../ui/src/components/ui/scroll-area/scroll-area.tsx
-var ScrollBar = ({ className, orientation = "vertical", visibility = "hover", ...props }) => {
-	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),
-		...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" })
+//#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
 	});
 };
-/**
-* Which axes fade, published for scroll-fade.css to key its mask off. The
-* stylesheet reaches this element's own viewport through a child combinator, so a
-* ScrollArea nested in another one cannot pick up its ancestor's edges.
-*/
-/**
-* Base UI gives the root, the viewport and the content `role="presentation"`. On
-* a div that changes nothing for a screen reader, but it is an EXPLICIT role, and
-* axe treats explicit presentation children as foreign to a parent that owns
-* required children. A ScrollArea inside `role="menu"` or `role="listbox"` then
-* fails as a critical aria-required-children violation, while the same div with
-* no role passes straight through. Clearing it is what makes a ScrollArea legal
-* in a popup list. A spread because the literal `role={undefined}` is flagged by
-* the a11y lint rule, which cannot tell it from an invalid role.
-*/
-var NO_ROLE = { role: void 0 };
-/** Base UI makes the viewport a tab stop (0, or -1 with nothing to scroll); undefined takes that away. */
-var NO_TAB_STOP = { tabIndex: void 0 };
-var FADE_AXIS = {
-	vertical: "block",
-	horizontal: "inline",
-	both: "both"
+var Tooltip = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(Tooltip$1.Root, {
+		"data-slot": "tooltip",
+		...props
+	});
 };
-/**
-* Themed scroll container (Base UI): overflowing content scrolls INSIDE the component
-* with a slim overlay scrollbar instead of exposing a native browser scrollbar. House
-* rule: wide/tall content (tables, lists, code) always goes through this, never a bare
-* overflow-* utility.
-*
-* Cap the height with a plain class on the component itself, e.g.
-* `<ScrollArea className="max-h-88">`. The viewport picks the cap up through
-* `max-h-inherit`, which matters because the viewport is the element that actually
-* scrolls: a cap that lands only on the root leaves tall content spilling out
-* underneath with no scrollbar, and that reads as a working height right up until the
-* content outgrows it.
-*
-* `fade` fades out each edge that is currently hiding content, rather than always
-* fading one: a permanent fade is a lie half the time, dimming the last row that fits
-* and promising more below when the reader is already at the end. It is cut into the
-* content by a mask (@edyn/theme/scroll-fade.css), so it needs no surface colour and
-* reads correctly over a tint, a gradient or a glow. A host that keeps something
-* unscrolled at the top, such as a sticky table header, exempts that band by setting
-* --scroll-fade-offset on the ScrollArea. The static faded-* utilities in
-* @edyn/theme/utilities.css are the other tool, for DECORATIVE edges that do not
-* track scroll position.
-*
-* The viewport publishes its size as --scroll-area-width/--scroll-area-height CSS vars
-* so children can size against the visible area.
-*/
-var ScrollArea = ({ className, children, orientation = "vertical", type = "hover", fade = false, fadeFrom = "card", scrollbarClassName, viewportId, viewportRef, viewportClassName, scrollRestorationId, focusable = true, viewPortId, viewPortRef, viewPortClassName, scrollVerticalClassName, scrollHorizontalClassName, ...props }) => {
-	const refInner = useRef(null);
-	const refsViewport = useMergedRefs(refInner, viewportRef ?? viewPortRef);
-	useEffect(() => {
-		const el = refInner.current;
-		if (!el) return;
-		const observer = new ResizeObserver(() => {
-			el.style.setProperty("--scroll-area-width", `${el.clientWidth}px`);
-			el.style.setProperty("--scroll-area-height", `${el.clientHeight}px`);
-		});
-		observer.observe(el);
-		return () => {
-			observer.disconnect();
-		};
-	}, []);
-	return /* @__PURE__ */ jsxs(ScrollArea$1.Root, {
-		"data-slot": "scroll-area",
-		"data-focus": "inset",
-		className: cn("group/scroll-area relative grid min-w-0 grid-rows-1 overflow-hidden", className),
-		"data-fade": fade ? FADE_AXIS[orientation] : void 0,
-		...NO_ROLE,
-		...props,
-		children: [
-			(orientation === "vertical" || orientation === "both") && /* @__PURE__ */ jsx(ScrollBar, {
-				orientation: "vertical",
-				visibility: type,
-				className: cn(scrollbarClassName, scrollVerticalClassName)
-			}),
-			(orientation === "horizontal" || orientation === "both") && /* @__PURE__ */ jsx(ScrollBar, {
-				orientation: "horizontal",
-				visibility: type,
-				className: cn(scrollbarClassName, scrollHorizontalClassName)
-			}),
-			/* @__PURE__ */ jsx(ScrollArea$1.Corner, {}),
-			/* @__PURE__ */ jsx(ScrollArea$1.Viewport, {
-				"data-slot": "scroll-area-viewport",
-				id: viewportId ?? viewPortId,
-				ref: refsViewport,
-				"data-scroll-restoration-id": scrollRestorationId,
-				...NO_ROLE,
-				...focusable ? null : NO_TAB_STOP,
-				className: cn("max-h-inherit w-full rounded-[inherit]", orientation === "vertical" && "overflow-x-hidden!", orientation === "horizontal" && "overflow-y-hidden!", viewportClassName ?? viewPortClassName),
-				children: /* @__PURE__ */ jsx(ScrollArea$1.Content, {
-					...NO_ROLE,
-					style: orientation === "vertical" ? { minWidth: 0 } : void 0,
-					children
-				})
-			})
-		]
+var TooltipTrigger = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(Tooltip$1.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...props
 	});
 };
-//#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 = {
-	"base-ui": "data-highlighted:bg-foreground/6 data-highlighted:[&>svg]:text-foreground data-[selected]:font-medium data-disabled:pointer-events-none data-disabled:opacity-50",
-	cmdk: "data-[selected=true]:bg-foreground/6 data-[selected=true]:[&>svg]:text-foreground data-[checked=true]:font-medium data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50"
-};
-/** The shared item look. `checkable` leaves room at the end for the check. */
-var popupItemClass = (flavor = "base-ui", checkable = false) => cn(ITEM_BASE, ITEM_STATES[flavor], checkable && "pr-8");
-/**
-* The check's slot, at the end of the item and the same size whether or not the
-* check is in it, so a list does not shift as the choice moves.
-*/
-var POPUP_ITEM_INDICATOR_CLASS = "pointer-events-none absolute right-2 flex size-4 items-center justify-center text-foreground";
-/** A group's heading in any of these lists. */
-var POPUP_GROUP_LABEL_CLASS = "px-2 py-1.5 text-xs font-medium text-muted-foreground";
+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/edyn/multi-select/multi-select.tsx
 var DEFAULT_MULTI_SELECT_LABELS = {
@@ -983,42 +744,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 +829,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 +843,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 +867,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 +885,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 +911,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 +920,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 +991,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", {
@@ -2470,16 +2277,6 @@ var DialogDescription = ({ className, ...props }) => {
 	});
 };
 //#endregion
-//#region ../ui/src/components/ui/input/input.tsx
-var Input = ({ className, type, ...props }) => {
-	return /* @__PURE__ */ jsx(Input$1, {
-		type,
-		"data-slot": "input",
-		className: cn("h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
-		...props
-	});
-};
-//#endregion
 //#region ../ui/src/components/ui/textarea/textarea.tsx
 var Textarea = ({ className, ...props }) => {
 	return /* @__PURE__ */ jsx("textarea", {
@@ -2583,7 +2380,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),
@@ -2867,157 +2664,6 @@ var DrawerDescription = ({ className, ...props }) => {
 	});
 };
 //#endregion
-//#region ../ui/src/components/ui/dropdown-menu/dropdown-menu.tsx
-var DropdownMenu = ({ ...props }) => {
-	return /* @__PURE__ */ jsx(Menu.Root, {
-		"data-slot": "dropdown-menu",
-		...props
-	});
-};
-var DropdownMenuPortal = ({ ...props }) => {
-	return /* @__PURE__ */ jsx(Menu.Portal, {
-		"data-slot": "dropdown-menu-portal",
-		...props
-	});
-};
-var DropdownMenuTrigger = ({ ...props }) => {
-	return /* @__PURE__ */ jsx(Menu.Trigger, {
-		"data-slot": "dropdown-menu-trigger",
-		...props
-	});
-};
-/**
-* Scrolls inside a DS ScrollArea like the other popup lists, with the bar shown
-* for as long as the menu overflows and a fade on whichever end is cut off.
-*
-* Base UI puts `role="menu"` on this popup itself and offers no inner list part
-* to move it onto, so the ScrollArea sits INSIDE the role. That is only legal
-* because ScrollArea drops the `role="presentation"` Base UI gives its root,
-* viewport and content: a menu may not own presentation wrappers (axe reports
-* a critical aria-required-children violation), but it may own plain divs.
-* e2e/a11y.spec.ts scans the open menu in both themes to keep it that way.
-*/
-var DropdownMenuContent = ({ align = "start", alignOffset = 0, side = "bottom", sideOffset = 4, className, children, ...props }) => {
-	return /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
-		className: "isolate z-50 outline-none",
-		align,
-		alignOffset,
-		side,
-		sideOffset,
-		children: /* @__PURE__ */ jsx(Menu.Popup, {
-			"data-slot": "dropdown-menu-content",
-			className: cn("z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-hidden rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none 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-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95", "motion-reduce:animate-none", className),
-			...props,
-			children: /* @__PURE__ */ jsx(ScrollArea, {
-				type: "always",
-				fade: true,
-				focusable: false,
-				className: "max-h-inherit",
-				children: /* @__PURE__ */ jsx("div", {
-					className: "p-1",
-					children
-				})
-			})
-		})
-	}) });
-};
-var DropdownMenuGroup = ({ ...props }) => {
-	return /* @__PURE__ */ jsx(Menu.Group, {
-		"data-slot": "dropdown-menu-group",
-		...props
-	});
-};
-var DropdownMenuLabel = ({ className, inset, ...props }) => {
-	return /* @__PURE__ */ jsx(Menu.GroupLabel, {
-		"data-slot": "dropdown-menu-label",
-		"data-inset": inset,
-		className: cn(POPUP_GROUP_LABEL_CLASS, "data-[inset=true]:pl-7", className),
-		...props
-	});
-};
-var DropdownMenuItem = ({ className, inset, variant = "default", ...props }) => {
-	return /* @__PURE__ */ jsx(Menu.Item, {
-		"data-slot": "dropdown-menu-item",
-		"data-inset": inset,
-		"data-variant": variant,
-		className: cn("group/dropdown-menu-item", popupItemClass(), "data-[inset=true]:pl-7", "data-[variant=destructive]:text-destructive data-[variant=destructive]:[&>svg]:text-destructive", "data-[variant=destructive]:data-highlighted:bg-destructive/10 data-[variant=destructive]:data-highlighted:text-destructive", className),
-		...props
-	});
-};
-var DropdownMenuSub = ({ ...props }) => {
-	return /* @__PURE__ */ jsx(Menu.SubmenuRoot, {
-		"data-slot": "dropdown-menu-sub",
-		...props
-	});
-};
-var DropdownMenuSubTrigger = ({ className, inset, children, ...props }) => {
-	return /* @__PURE__ */ jsxs(Menu.SubmenuTrigger, {
-		"data-slot": "dropdown-menu-sub-trigger",
-		"data-inset": inset,
-		className: cn(popupItemClass(), "data-[inset=true]:pl-7 data-popup-open:bg-foreground/6 data-popup-open:[&>svg]:text-foreground", className),
-		...props,
-		children: [children, /* @__PURE__ */ jsx(IconChevronRight, { className: "ml-auto" })]
-	});
-};
-var DropdownMenuSubContent = ({ align = "start", alignOffset = -3, side = "right", sideOffset = 0, className, ...props }) => {
-	return /* @__PURE__ */ jsx(DropdownMenuContent, {
-		"data-slot": "dropdown-menu-sub-content",
-		className: cn("w-auto min-w-[96px] rounded-lg bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-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-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),
-		align,
-		alignOffset,
-		side,
-		sideOffset,
-		...props
-	});
-};
-var DropdownMenuCheckboxItem = ({ className, children, checked, inset, ...props }) => {
-	return /* @__PURE__ */ jsxs(Menu.CheckboxItem, {
-		"data-slot": "dropdown-menu-checkbox-item",
-		"data-inset": inset,
-		className: cn(popupItemClass("base-ui", true), "data-checked:font-medium data-[inset=true]:pl-7", className),
-		checked,
-		...props,
-		children: [/* @__PURE__ */ jsx("span", {
-			className: POPUP_ITEM_INDICATOR_CLASS,
-			"data-slot": "dropdown-menu-checkbox-item-indicator",
-			children: /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(IconCheck, {}) })
-		}), children]
-	});
-};
-var DropdownMenuRadioGroup = ({ ...props }) => {
-	return /* @__PURE__ */ jsx(Menu.RadioGroup, {
-		"data-slot": "dropdown-menu-radio-group",
-		...props
-	});
-};
-var DropdownMenuRadioItem = ({ className, children, inset, ...props }) => {
-	return /* @__PURE__ */ jsxs(Menu.RadioItem, {
-		"data-slot": "dropdown-menu-radio-item",
-		"data-inset": inset,
-		className: cn(popupItemClass("base-ui", true), "data-checked:font-medium data-[inset=true]:pl-7", className),
-		...props,
-		children: [/* @__PURE__ */ jsx("span", {
-			className: POPUP_ITEM_INDICATOR_CLASS,
-			"data-slot": "dropdown-menu-radio-item-indicator",
-			children: /* @__PURE__ */ jsx(Menu.RadioItemIndicator, { children: /* @__PURE__ */ jsx(IconCheck, {}) })
-		}), children]
-	});
-};
-var DropdownMenuSeparator = ({ className, ...props }) => {
-	return /* @__PURE__ */ jsx(Menu.Separator, {
-		"data-slot": "dropdown-menu-separator",
-		className: cn("-mx-1 my-1 h-px bg-border", className),
-		...props
-	});
-};
-var DropdownMenuShortcut = ({ className, ...props }) => {
-	return /* @__PURE__ */ jsx("span", {
-		"data-slot": "dropdown-menu-shortcut",
-		className: cn("ml-auto text-xs tracking-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground", className),
-		...props
-	});
-};
-//#endregion
 //#region ../ui/src/components/ui/empty/empty.tsx
 var Empty = ({ className, ...props }) => {
 	return /* @__PURE__ */ jsx("div", {
@@ -3877,31 +3523,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 +3572,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 +3970,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;
@@ -4960,36 +4588,6 @@ var Toaster = ({ children, toastManager = toast, ...props }) => {
 var createToastManager = Toast$1.createToastManager;
 var useToastManager = Toast$1.useToastManager;
 //#endregion
-//#region ../ui/src/components/ui/toggle/toggle.tsx
-var toggleVariants = cva("inline-flex shrink-0 cursor-pointer items-center justify-center gap-1.5 rounded-lg border border-transparent text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-pressed:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\"size-\"])]:size-4", {
-	variants: {
-		variant: {
-			default: "bg-transparent hover:bg-muted hover:text-foreground data-pressed:bg-muted",
-			outline: "border-border bg-background hover:bg-muted hover:text-foreground data-pressed:bg-muted dark:border-input dark:bg-input/30 dark:hover:bg-input/50"
-		},
-		size: {
-			sm: "h-7 px-2.5 text-[0.8rem]",
-			default: "h-8 px-2.5",
-			lg: "h-9 px-3"
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "default"
-	}
-});
-var Toggle = ({ className, variant = "default", size = "default", ...props }) => {
-	return /* @__PURE__ */ jsx(Toggle$1, {
-		"data-slot": "toggle",
-		className: cn(toggleVariants({
-			variant,
-			size,
-			className
-		})),
-		...props
-	});
-};
-//#endregion
 //#region ../ui/src/components/ui/toggle-group/toggle-group.tsx
 var ToggleGroupContext = createContext({
 	variant: "default",
@@ -5037,6 +4635,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, RICH_TEXT_ATTRIBUTES, RICH_TEXT_BODY_CLASS, RICH_TEXT_ELEMENTS, RICH_TEXT_LINK_PROTOCOLS, RICH_TEXT_MENTION_CLASS, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichTextContent, 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, isAllowedRichTextHref, markerVariants, navigationMenuTriggerStyle, progressFill, progressTrack, resolveChosen, richTextToNodes, spinnerVariants, summarize, tabsListVariants, toast, toggleVariants, useAnimatedValues, useCarousel, useDirection, useIsMobile, useMediaPlayer, useMergedRefs, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useSidebar, useToastManager };
 
 //# sourceMappingURL=index.js.map