@botiverse/raft-ui 0.36.1 → 0.38.0

package/CHANGELOG.md

@@ -1,3 +1,54 @@
+## [0.38.0](https://github.com/botiverse/raft-design/compare/v0.37.0...v0.38.0) (2026-10-27)
+
+### Design System
+
+- **Navigation:** tabs, segmented controls, toggle groups and the mobile tab bar switch on finger lift, so a tap while a list is still momentum-scrolling switches on the first try. Rows, list items and menu items stay on click. ([#829](https://github.com/botiverse/raft-design/pull/829))
+  - Docs: https://raft-design.botiverse.build/patterns/navigation/
+- **Filters:** a filter people set by habit uses a Filter button that always says Filter, plus a FilterChip naming the filter in effect. ([#825](https://github.com/botiverse/raft-design/pull/825))
+- **Responsive:** the side area's columns, and a Thread that covers the conversation when the window is narrow. Columns that don't fit beside it become tabs. ([#821](https://github.com/botiverse/raft-design/pull/821), [#827](https://github.com/botiverse/raft-design/pull/827))
+- **Spacing and page structure:** these docs now describe the channel's side columns; Tasks and Files are sections, not cards. ([#822](https://github.com/botiverse/raft-design/pull/822), [#824](https://github.com/botiverse/raft-design/pull/824))
+- **Drag and drop:** in a layout, the target column makes room and the origin stays uncovered. ([#820](https://github.com/botiverse/raft-design/pull/820))
+- **Public page:** the sign-up prompt. ([#823](https://github.com/botiverse/raft-design/pull/823))
+- **Dialog:** the showcase frame also holds Pro's Add seats dialog. ([#818](https://github.com/botiverse/raft-design/pull/818))
+
+### Added
+
+- **FilterChip** (experimental, from `wip`): the filter in effect as an `info-soft` chip, with an × that resets the filter to its default. ([#825](https://github.com/botiverse/raft-design/pull/825))
+- **PanelAction** `activateOnTouchEnd`: opt-in switch on finger lift for a back or close action; `DialogSheetBack` sets it. ([#829](https://github.com/botiverse/raft-design/pull/829))
+
+### Changed
+
+- **TabsTab**, **SegmentedControlItem**, **ToggleGroupItem** and **MobileNavItem** activate on a tap's `touchend` (one finger, moved ≤10px, lifted inside, under 500ms), and the click that follows is dropped. Mouse, pen and keyboard are unchanged. ([#829](https://github.com/botiverse/raft-design/pull/829))
+  - Affects: an `onClick` on these controls still runs exactly once per tap. A touch handler that relied on the browser's click arriving after `touchend` now sees the click earlier.
+- **VirtualList** no longer writes `--virtual-list-transform-y` or `--virtual-list-ios-compensation-y` on the rows' element (every scroll used to restyle every row). ([#819](https://github.com/botiverse/raft-design/pull/819))
+  - Affects: content that read those variables uses `onTransformChange` instead.
+
+## [0.37.0](https://github.com/botiverse/raft-design/compare/v0.36.1...v0.37.0) (2026-10-26)
+
+### Design System
+
+- **Edges fade:** content that goes on past an edge fades with a mask, not a colour gradient, so the fade works on any surface (a hovered, selected or located row, a card). Two lengths: 24px at the edge of a scrolling strip, 48px over cut-off content. `MessageListEndFade` is the one exception. ([#816](https://github.com/botiverse/raft-design/pull/816))
+  - Docs: https://raft-design.botiverse.build/foundations/spacing/
+- **Dimmed:** deleted, offline and pending items are `opacity-dimmed` (60%); a drag origin stays 40%. Media hover is an `ink-8` overlay, not a brightness filter. ([#816](https://github.com/botiverse/raft-design/pull/816))
+  - Docs: https://raft-design.botiverse.build/foundations/states/
+- **Tooltip:** a disabled control's reason under its name is a second line in `foreground-on-hud-muted`, 4px below. ([#813](https://github.com/botiverse/raft-design/pull/813))
+- **Drag and drop:** a panel grip's hit area stays clear of a neighbouring resize seam, with its bar inside it. ([#814](https://github.com/botiverse/raft-design/pull/814))
+- **Raft Chat:** the history paywall where a plan cuts a conversation's history. ([#757](https://github.com/botiverse/raft-design/pull/757))
+
+### Added
+
+- Utilities `mask-fade-t`, `mask-fade-b` (48px), `mask-fade-t-edge`, `mask-fade-b-edge` (24px) and `mask-fade-x` (24px on the side named by `data-overflow="start|end|both"`); tokens `fade-edge`, `fade-content`. ([#816](https://github.com/botiverse/raft-design/pull/816))
+- Token `layer-veil` (the page at 80%) for busy and loading covers, `bg-layer-veil`; `opacity-dimmed` (0.6). Both registered with `cn`'s tailwind-merge. ([#816](https://github.com/botiverse/raft-design/pull/816))
+
+### Changed
+
+- **Tabs**: the overflow fade is `mask-fade-x`, 24px (was 32px). ([#816](https://github.com/botiverse/raft-design/pull/816))
+- **MessageForwardedBundle**: the fold fades with `mask-fade-b` (48px, was a 40px card-colour gradient; a tight fold 24px, was 20px). ([#816](https://github.com/botiverse/raft-design/pull/816))
+  - Affects: overrides that targeted the fold's `::after` must drop it.
+- **Composer** upload and failed covers, and the pending **MessageImageGallery** image, use `layer-veil` (were `layer-card/80`, `layer-card/90` and `opacity-70`); the pending spinner uses its default colour. ([#816](https://github.com/botiverse/raft-design/pull/816))
+- **Lightbox** thumbnails dim with `layer-backdrop-nested` (40%, was `black/45`); hover 28% unchanged. ([#816](https://github.com/botiverse/raft-design/pull/816))
+- Task chip and task-card busy states, and the deleted delegated avatar, use `opacity-dimmed` (same 60%). ([#816](https://github.com/botiverse/raft-design/pull/816))
+
 ## [0.36.1](https://github.com/botiverse/raft-design/compare/v0.36.0...v0.36.1) (2026-10-26)
 
 ### Design System

package/dist/cn.mjs

@@ -60,6 +60,14 @@ const twMerge = extendTailwindMerge({ extend: {
 			"control"
 		] }],
 		"font-weight": [{ font: ["field", "card-title"] }],
+		"mask-image": [{ "mask-fade": [
+			"t",
+			"t-edge",
+			"b",
+			"b-edge",
+			"x"
+		] }],
+		opacity: [{ opacity: ["dimmed"] }],
 		"bg-image": [
 			{ overlay: [
 				"subtle",

package/dist/components/virtual-list/styles/virtual-list.css

@@ -12,12 +12,10 @@
  * In the `components` layer, so a utility in the consumer's `className` (`h-*`, `max-h-*`, `overflow-*`)
  * overrides these rules.
  *
- * CSS variables the list writes as inline styles, for sticky children to read:
- *   --virtual-list-transform-y          on the rows' element: its translateY (the offset of the first
- *                                       mounted row, less its top margin), "0px" with virtualization off
- *   --virtual-list-ios-compensation-y   on the rows' element: the iOS momentum-scroll compensation
- *                                       applied to the spacer as translateY(-value)
- *   --virtual-list-width                on `.r-virtual-list`: the list's offsetWidth
+ * CSS variable the list writes as an inline style, for sticky children to read:
+ *   --virtual-list-width   on `.r-virtual-list`: the list's offsetWidth
+ * The rows' element carries no CSS variable: custom properties inherit, so one written there on every
+ * scroll would restyle every row. Content that must follow the rows' offset uses `onTransformChange`.
  */
 @layer components {
   .r-virtual-list {

package/dist/foundation.css

@@ -27,8 +27,9 @@
               selected sticker, with their own value so no theme grays them.
    Washes:    ink-{alpha%} (2..40) — neutral overlays, hairlines, hover fills.
    Opacity rule: layer tokens are opaque in every theme, except the two
-   backdrops (overlays by contract); among fills only the hover tiers
-   (fill-subtle, fill-medium, fill-frame-medium) are translucent.
+   backdrops and the veil (overlays by contract: a scrim under a modal
+   surface, a cover over something busy in place); among fills only the
+   hover tiers (fill-subtle, fill-medium, fill-frame-medium) are translucent.
    Interaction fills: transparent resting → ink-N directly; solid family fill →
    the family's -hover/-active pair; neutral or tinted surface → step up its ladder.
    Escape hatches: ink ramp for one-off washes; inline oklch() literals for
@@ -36,7 +37,8 @@
 
 /* Raw brand ramps (the website palette) — variables only, no utility registration. Consumed by the
    Tailwind aliases in styles.css, the brand ramps, and state families below. Then the
-   mode-independent motion values (design/foundations/motion.md). */
+   mode-independent values: the fade lengths (design/foundations/spacing.md), the dimmed
+   opacity (design/foundations/states.md) and motion (design/foundations/motion.md). */
 :where(:root) {
   --palette-yellow-50: oklch(0.984 0.017 84.56);
   --palette-yellow-100: oklch(0.975 0.027 85.64);
@@ -137,6 +139,9 @@
   --palette-cream-800: oklch(0.396 0.082 95);
   --palette-cream-900: oklch(0.276 0.057 95.1);
   --palette-cream-950: oklch(0.19 0.039 94.7);
+  --fade-edge: 24px;
+  --fade-content: 48px;
+  --opacity-dimmed: 0.6;
   --motion-drag-settle-duration: 160ms;
   --motion-drag-settle-easing: cubic-bezier(0.25, 1, 0.5, 1);
 }
@@ -168,6 +173,11 @@
   --layer-popover: oklch(1 0 0);
   --layer-backdrop: oklch(0 0 0 / 0.651);
   --layer-backdrop-nested: oklch(0 0 0 / 0.4);
+  /* The cover over something busy or loading in place: an image uploading or
+     that failed, a preview being prepared. The page at 80%, so what is under it
+     shows through, dimmed, and a default-colour Spinner on it reads in both
+     modes. Translucent by contract, like the two backdrops. */
+  --layer-veil: oklch(1 0 0 / 0.8);
   --layer-card: oklch(1 0 0);
   --layer-hud: oklch(0.2634 0.0093 294.92);
   --layer-frame: oklch(0.8829 0.1623 91.9);
@@ -381,6 +391,7 @@
   --layer-popover: oklch(0.2802 0.0036 106.63);
   --layer-backdrop: oklch(0 0 0 / 0.6);
   --layer-backdrop-nested: oklch(0 0 0 / 0.4);
+  --layer-veil: oklch(0.2213 0.0038 106.71 / 0.8);
   --layer-card: oklch(0.2596 0.0037 106.65);
   --layer-hud: oklch(0.2802 0.0036 106.63);
   --layer-frame: oklch(0.1582 0.0041 106.86);
@@ -465,6 +476,7 @@
     --layer-popover: oklch(0.2802 0.0036 106.63);
     --layer-backdrop: oklch(0 0 0 / 0.6);
     --layer-backdrop-nested: oklch(0 0 0 / 0.4);
+    --layer-veil: oklch(0.2213 0.0038 106.71 / 0.8);
     --layer-card: oklch(0.2596 0.0037 106.65);
     --layer-hud: oklch(0.2802 0.0036 106.63);
     --layer-frame: oklch(0.1582 0.0041 106.86);

package/dist/{inbox-item-B8eXIikq.d.mts → inbox-item-BYB2RRZK.d.mts}

@@ -282,8 +282,16 @@ type ButtonProps = StyledProps<Button.Props> & Omit<ButtonVariantProps, "size">
 declare function Button$1({ variant, size, loading, loadingLabel, disabled, className, children, render, nativeButton, ...props }: ButtonProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/panel/panel-action.d.ts
-type PanelActionProps = Omit<StyledProps<Button.Props>, "type"> & DataAttributes;
-declare function PanelAction({ className, render, nativeButton, ...props }: PanelActionProps): import("react").JSX.Element;
+type PanelActionProps = Omit<StyledProps<Button.Props>, "type"> & DataAttributes & {
+  /**
+   * Activate when the finger lifts instead of on the click after it, so a
+   * tap that stops a scrolling page still acts. Give it to Back, the
+   * header's navigation; not to actions that change things
+   * (design/patterns/navigation.md#switching-on-finger-lift).
+   */
+  activateOnTouchEnd?: boolean;
+};
+declare function PanelAction({ className, render, nativeButton, activateOnTouchEnd, ref, ...props }: PanelActionProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/dialog/dialog.d.ts
 type DialogProps = Dialog.Root.Props;
@@ -860,7 +868,7 @@ type MobileNavItemProps = useRender.ComponentProps<"button"> & {
   nativeButton?: boolean;
   selected?: boolean;
 };
-declare function MobileNavItem({ nativeButton, selected, className, render, ...props }: MobileNavItemProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function MobileNavItem({ nativeButton, selected, className, render, ref, ...props }: MobileNavItemProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 type MobileNavLabelProps = useRender.ComponentProps<"span">;
 declare function MobileNavLabel({ className, render, ...props }: MobileNavLabelProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 //#endregion

package/dist/{inbox-item-BB6vO4PO.mjs → inbox-item-Bk5SfPrz.mjs}

@@ -664,6 +664,172 @@ function TextLinkExternalIcon({ label, className }) {
 		}) : null]
 	});
 }
+/** How long after a tap a click on the same control is the browser's echo of it. */
+const ECHO_CLICK_MS = 800;
+const DISABLED = ":disabled, [aria-disabled=\"true\"], [data-disabled]";
+function findTouch(list, id) {
+	if (!list) return void 0;
+	for (let i = 0; i < list.length; i++) {
+		const touch = list[i];
+		if (touch && touch.identifier === id) return touch;
+	}
+}
+function isStylus(touch) {
+	return touch.touchType === "stylus";
+}
+/**
+* Make `element` activate on a tap's `touchend`. Returns a function that
+* removes the listeners. Does nothing outside a browser.
+*/
+function attachTapActivation(element) {
+	const view = element.ownerDocument?.defaultView;
+	if (!view) return () => void 0;
+	const now = () => view.performance?.now() ?? Date.now();
+	let gesture = null;
+	let clicking = false;
+	let swallowClickUntil = -Infinity;
+	const onTouchStart = (event) => {
+		swallowClickUntil = -Infinity;
+		const touch = event.touches.length === 1 ? event.changedTouches[0] : void 0;
+		gesture = touch && !isStylus(touch) ? {
+			id: touch.identifier,
+			x: touch.clientX,
+			y: touch.clientY,
+			at: now(),
+			moved: false
+		} : null;
+	};
+	const onTouchMove = (event) => {
+		if (!gesture || gesture.moved) return;
+		const touch = findTouch(event.touches, gesture.id);
+		if (!touch) return;
+		if (Math.hypot(touch.clientX - gesture.x, touch.clientY - gesture.y) > 10) gesture.moved = true;
+	};
+	const onTouchCancel = () => {
+		gesture = null;
+	};
+	const onTouchEnd = (event) => {
+		const started = gesture;
+		gesture = null;
+		if (!started || started.moved || event.touches.length > 0) return;
+		const touch = findTouch(event.changedTouches, started.id);
+		if (!touch) return;
+		if (Math.hypot(touch.clientX - started.x, touch.clientY - started.y) > 10) return;
+		if (now() - started.at >= 500) return;
+		if (!event.cancelable) return;
+		if (element.matches(DISABLED)) return;
+		const box = element.getBoundingClientRect();
+		if (!(touch.clientX >= box.left && touch.clientX <= box.right && touch.clientY >= box.top && touch.clientY <= box.bottom)) return;
+		event.preventDefault();
+		swallowClickUntil = now() + ECHO_CLICK_MS;
+		clicking = true;
+		try {
+			element.click();
+		} finally {
+			clicking = false;
+		}
+		element.focus({ preventScroll: true });
+	};
+	const endEchoWindow = () => {
+		swallowClickUntil = -Infinity;
+	};
+	const onPointerDown = (event) => {
+		if (event.pointerType !== "touch") endEchoWindow();
+	};
+	const onClick = (event) => {
+		if (clicking || now() > swallowClickUntil) return;
+		swallowClickUntil = -Infinity;
+		event.preventDefault();
+		event.stopImmediatePropagation();
+	};
+	const passive = { passive: true };
+	element.addEventListener("touchstart", onTouchStart, passive);
+	element.addEventListener("touchmove", onTouchMove, passive);
+	element.addEventListener("touchcancel", onTouchCancel, passive);
+	element.addEventListener("pointerdown", onPointerDown, passive);
+	element.addEventListener("keydown", endEchoWindow, passive);
+	element.addEventListener("touchend", onTouchEnd, { passive: false });
+	element.addEventListener("click", onClick, { capture: true });
+	return () => {
+		element.removeEventListener("touchstart", onTouchStart);
+		element.removeEventListener("touchmove", onTouchMove);
+		element.removeEventListener("touchcancel", onTouchCancel);
+		element.removeEventListener("pointerdown", onPointerDown);
+		element.removeEventListener("keydown", endEchoWindow);
+		element.removeEventListener("touchend", onTouchEnd);
+		element.removeEventListener("click", onClick, { capture: true });
+	};
+}
+/**
+* A ref callback that gives the element it is set to tap activation
+* (`attachTapActivation`), and removes it when the element goes or
+* `enabled` turns false. Merge it with the control's other refs.
+*/
+function useTapActivation(enabled = true) {
+	const detachRef = useRef(null);
+	return useCallback((node) => {
+		detachRef.current?.();
+		detachRef.current = enabled && node ? attachTapActivation(node) : null;
+	}, [enabled]);
+}
+//#endregion
+//#region src/lib/use-merged-ref.ts
+/**
+* Merges refs into one setter. Returns `[setRef, getRef]`: `setRef(el)` stores `el` and passes it to
+* every ref; `getRef()` reads the stored element. When a ref changes between renders (checked while
+* rendering), the old one is cleared and the new one gets the stored element at once. The setter
+* calls ref callbacks itself, so what they return is ignored.
+*/
+function useMergedRef(...refs) {
+	const entries = useMemo(() => [], []);
+	const elementRef = useRef(null);
+	const getRef = useCallback(() => elementRef.current, []);
+	const clearEntry = useCallback((entry) => {
+		if (entry != null) {
+			if (entry.type === "RefCallback") entry.ref(null);
+			else entry.ref.current = null;
+		}
+	}, []);
+	const applyStoredElement = useCallback((ref) => {
+		if (typeof ref == "function") ref(getRef());
+		else ref.current = getRef();
+	}, [getRef]);
+	const setRef = useCallback((el) => {
+		elementRef.current = el;
+		for (const entry of entries) if (entry == null) continue;
+		else if (entry.type === "RefObject") entry.ref.current = el;
+		else entry.ref(el);
+	}, [entries]);
+	for (let i = 0; i < refs.length; i++) {
+		const ref = refs[i];
+		const entry = entries[i];
+		if (ref == null) {
+			clearEntry(entry);
+			entries[i] = null;
+		} else {
+			if (entry && entry.ref === ref) continue;
+			if (typeof ref == "function") {
+				if (entry != null) clearEntry(entry);
+				entries[i] = {
+					type: "RefCallback",
+					ref
+				};
+			} else {
+				if (entry != null) clearEntry(entry);
+				entries[i] = {
+					type: "RefObject",
+					ref
+				};
+			}
+			applyStoredElement(ref);
+		}
+	}
+	for (let i = refs.length; i < entries.length; i++) {
+		clearEntry(entries[i]);
+		entries[i] = null;
+	}
+	return [setRef, getRef];
+}
 //#endregion
 //#region src/components/panel/panel-action.recipe.ts
 const panelActionBase = tv$1({ base: [
@@ -703,9 +869,11 @@ const panelToggleAction = tv$1({
 });
 //#endregion
 //#region src/components/panel/panel-action.tsx
-function PanelAction({ className, render, nativeButton, ...props }) {
+function PanelAction({ className, render, nativeButton, activateOnTouchEnd = false, ref, ...props }) {
+	const [setRef] = useMergedRef(useTapActivation(activateOnTouchEnd), ref);
 	return /* @__PURE__ */ jsx(Button, {
 		...props,
+		ref: setRef,
 		render,
 		nativeButton: nativeButton ?? defaultNativeButton(render),
 		type: "button",
@@ -886,6 +1054,7 @@ function DialogClose({ className, variant, size, children, render, "aria-label":
 function DialogSheetBack({ className, children, "aria-label": ariaLabel, ...props }) {
 	if (!useInDialogSheetHead()) return null;
 	return /* @__PURE__ */ jsx(PanelAction, {
+		activateOnTouchEnd: true,
 		"data-slot": "dialog-sheet-back",
 		"aria-label": ariaLabel ?? "Back",
 		className,
@@ -2514,8 +2683,9 @@ function MobileNavRoot({ className, render, ...props }) {
 		props: mergeProps(defaultProps, props)
 	});
 }
-function MobileNavItem({ nativeButton = true, selected, className, render, ...props }) {
+function MobileNavItem({ nativeButton = true, selected, className, render, ref, ...props }) {
 	const { item } = mobileNav();
+	const tapRef = useTapActivation();
 	const defaultProps = {
 		type: nativeButton ? "button" : void 0,
 		"aria-pressed": nativeButton ? selected : void 0,
@@ -2525,6 +2695,7 @@ function MobileNavItem({ nativeButton = true, selected, className, render, ...pr
 	};
 	return useRender({
 		render: render ?? /* @__PURE__ */ jsx(Button, {}),
+		ref: ref ? [ref, tapRef] : tapRef,
 		props: mergeProps(defaultProps, props)
 	});
 }
@@ -3721,6 +3892,22 @@ function InputGroupInput({ className, suppressPasswordManager, "data-invalid": d
 	});
 }
 //#endregion
+//#region src/lib/chip-remove.ts
+/**
+* The × that removes a chip: a tag in a Combobox field (`ComboboxChipRemove`)
+* and an applied filter (`FilterChipRemove`). A `foreground-hint` glyph on a
+* `rounded-sticker` square that takes the medium fill on hover and press, and
+* an inset ink ring when the keyboard reaches it (the chip around it is too
+* tight for an outer ring). Each chip gives it its own size.
+*/
+const chipRemoveBase = [
+	"inline-flex shrink-0 items-center justify-center outline-none transition-colors",
+	"rounded-sticker text-foreground-hint",
+	"hover:bg-fill-medium active:bg-fill-medium",
+	"focus-visible:keyboard:inset-ring-2 focus-visible:keyboard:inset-ring-foreground",
+	"[&>svg]:size-3.5"
+];
+//#endregion
 //#region src/components/radio-group/radio-group.tsx
 const radioGroup = tv$1({ slots: {
 	root: [
@@ -4245,7 +4432,7 @@ const messageItem = tv$1({
 			"size-[19px] group-data-[size=md]/avatar:size-[19px]",
 			"rounded-sticker outline-none",
 			"bg-layer-canvas bg-[linear-gradient(var(--mi-row-fill,transparent),var(--mi-row-fill,transparent))]",
-			"data-deleted:*:data-[slot=avatar]:grayscale data-deleted:*:data-[slot=avatar]:opacity-60",
+			"data-deleted:*:data-[slot=avatar]:grayscale data-deleted:*:data-[slot=avatar]:opacity-dimmed",
 			"shadow-[0_0_0_1.5px_var(--mi-row-fill,transparent),0_0_0_1.5px_var(--layer-canvas)]",
 			"dark:shadow-[0_0_0_3px_var(--mi-row-fill,transparent),0_0_0_3px_var(--layer-canvas)]"
 		],
@@ -6984,4 +7171,4 @@ function InboxItemActions({ className, render, reveal, ...props }) {
 	});
 }
 //#endregion
-export { MessageListDateDivider as $, DialogContent as $i, PreviewCardContent as $n, DropdownMenuItemLabel as $r, MessageReactionTooltipNameText as $t, DRAG_AUTO_SCROLL_ZONE_PX as A, controlIconInset as Aa, ListRow as Ai, MessageItem as An, PopoverPopup as Ar, MessageMultiSelectToolbarActions as At, useDragSiblingTransition as B, ListRowValue as Bi, RadioGroupItem as Bn, TOUCH_DRAG_TOLERANCE_PX as Br, inlineChip as Bt, DropPlaceholder as C, withOverlayLayer as Ca, ScrollAreaCorner as Ci, MessageItemEdited as Cn, PopoverArrow as Cr, messageEmbed as Ct, listKeyboardCoordinates as D, tv$1 as Da, Checkbox$1 as Di, MessageItemAvatarSlot as Dn, PopoverContent as Dr, MessageMultiSelect as Dt, MOUSE_DRAG_DISTANCE_PX as E, ThemeStateContext as Ea, ScrollAreaViewport as Ei, MessageItemSearchMatch as En, PopoverClose as Er, MessageTextSelectionToolbarSeparator as Et, DROP_GLIDE as F, ListRowGroup as Fi, AvatarGroup as Fn, PopoverViewport as Fr, MessageReferencePending as Ft, SILENT_DRAG_ANNOUNCEMENTS as G, TooltipTrigger as Gi, measureContent as Gn, MobileNavRoot as Gr, MessageReactionGlyph as Gt, LIFT_CLASS as H, TooltipContent as Hi, InputGroupAddon as Hn, useMouseOnlyPointerSensor as Hr, MessageReactionChip as Ht, DragLift as I, ListRowIcon as Ii, AvatarGroupCount as In, HoldThenMoveTouchSensor as Ir, MessageReferenceReadMark as It, dragMessages as J, DialogSheetContent as Ji, readNow as Jn, DropdownMenuCheckboxItemIndicator as Jr, MessageReactionQuickButton as Jt, createDragAnnouncements as K, Badge as Ki, measureElement as Kn, DropdownMenu as Kr, MessageReactionPickerContent as Kt, ORIGIN_OPACITY as L, ListRowMeta as Li, AvatarImage as Ln, MouseOnlyPointerSensor as Lr, MessageReferenceSuffix as Lt, DRAG_LIFT_Z_INDEX as M, headEdges as Ma, ListRowBottom as Mi, Avatar$1 as Mn, PopoverSeparator as Mr, MessageReferenceIcon as Mt, DRAG_SETTLE as N, decisionWidth as Na, ListRowChevron as Ni, AvatarBadge as Nn, PopoverTitle as Nr, MessageReferenceIndicator as Nt, useDragAcrossLists as O, stackedActions as Oa, CheckboxIndicator as Oi, MessageItemContinuationTime as On, PopoverDescription as Or, MessageMultiSelectCheckbox as Ot, DRAG_SIBLING_TRANSITION as P, ListRowDescription as Pi, AvatarFallback as Pn, PopoverTrigger as Pr, MessageReferenceLabel as Pt, MessageListJumpPillGroup as Q, DialogClose as Qi, PreviewCardBody as Qn, DropdownMenuItemCount as Qr, MessageReactionTooltipName as Qt, cancelDrag as R, ListRowTitle as Ri, RadioGroup$1 as Rn, TOUCH_DRAG_DISTANCE_PX as Rr, MessageReferenceText as Rt, DragRefusalHint as S, useParentOverlayKind as Sa, ScrollAreaContent as Si, MessageItemContent as Sn, PopoverActions as Sr, MessageEmbedHeader as St, DragRemeasure as T, useTheme as Ta, ScrollAreaThumb as Ti, MessageItemFooter as Tn, PopoverBody as Tr, MessageTextSelectionToolbarButton as Tt, drag as U, TooltipPortal as Ui, InputGroupInput as Un, MobileNavItem as Ur, MessageReactionCount as Ut, useLiftContainer as V, Tooltip$1 as Vi, InputGroup as Vn, useHoldThenMoveTouchSensor as Vr, MessageReactionAddButton as Vt, DEFAULT_DRAG_MESSAGES as W, TooltipProvider as Wi, useOverflowTitle as Wn, MobileNavLabel as Wr, MessageReactionErrorIndicator as Wt, MessageListJumpPill as X, Dialog$1 as Xi, PreviewCardActions as Xn, DropdownMenuFooter as Xr, MessageReactionTooltipContent as Xt, MessageListJumpControls as Y, useMobileViewport as Yi, PreviewCard$1 as Yn, DropdownMenuContent as Yr, MessageReactionQuickRow as Yt, MessageListJumpPillDismiss as Z, DialogBody as Zi, PreviewCardArrow as Zn, DropdownMenuItem as Zr, MessageReactionTooltipMeta as Zt, InboxItemTrailing as _, Button$1 as _a, PanelHeaderRoot as _i, MessageItemSenderButton as _n, MobileNavServerPopoverRow as _r, MessageQuotedPreviewTimestamp as _t, InboxItemContext as a, DialogOverlay as aa, DropdownMenuRadioItem as ai, MessageItemSavedIndicator as an, PreviewCardPopup as ar, MessageQuotedPreviewAttachment as at, useLatestRef as b, defaultNativeButton as ba, PanelSection as bi, MessageItemAttachments as bn, MobileNavServerPopoverRowLabel as br, MessageEmbedContent as bt, InboxItemLeading as c, DialogSurface as ca, DropdownMenuShortcut as ci, MessageItemDelegatedAvatar as cn, PreviewCardTitle as cr, MessageQuotedPreviewAuthorDelegatedBy as ct, InboxItemMetadata as d, PanelAction as da, DropdownMenuTrigger as di, MessageItemDelegatedByName as dn, MobileNavServerPopover as dr, MessageQuotedPreviewChannel as dt, DialogDescription as ea, DropdownMenuLabel as ei, MessageReactionTooltipNames as en, PreviewCardDescription as er, MessageListEndFade as et, InboxItemSelection as f, panelToggleAction as fa, Kbd as fi, MessageItemHeader as fn, MobileNavServerPopoverContent as fr, MessageQuotedPreviewContent as ft, InboxItemTitle as g, DialogSheetReset as ga, PanelFooter as gi, MessageItemSenderBadges as gn, MobileNavServerPopoverList as gr, MessageQuotedPreviewThread as gt, InboxItemTimestamp as h, textLinkVariants as ha, PanelBody as hi, MessageItemSender as hn, MobileNavServerPopoverGroup as hr, MessageQuotedPreviewText as ht, InboxItemContent as i, DialogNav as ia, DropdownMenuRadioGroup as ii, MessageItemReadReceipt as in, PreviewCardMeta as ir, MessageQuotedPreview as it, DRAG_KEYBOARD_OFFSET_PX as j, headEdgePull as ja, ListRowBody as ji, searchHit as jn, PopoverPortal as jr, MessageReferenceChip as jt, useDragSensors as k, useStackedActions as ka, PRESENCE_COLOR as ki, MessageItemGutter as kn, PopoverHeader as kr, MessageMultiSelectToolbar as kt, InboxItemMarks as l, DialogTitle as la, DropdownMenuSubmenu as li, MessageItemDelegatedBy as ln, PreviewCardTrigger as lr, MessageQuotedPreviewAuthorMeta as lt, InboxItemSubtitle as m, TextLinkExternalIcon as ma, Panel as mi, MessageItemMeta as mn, MobileNavServerPopoverDestinations as mr, MessageQuotedPreviewLoading as mt, InboxItemActions as n, DialogFooterNote as na, DropdownMenuPopup as ni, MessageItemBadge as nn, PreviewCardFooter as nr, MessageListNotice as nt, InboxItemHeading as o, DialogPortal as oa, DropdownMenuRadioItemIndicator as oi, MessageItemToolbar as on, PreviewCardPortal as or, MessageQuotedPreviewAttachments as ot, InboxItemSender as p, TextLink as pa, KbdGroup as pi, MessageItemInlineStatus as pn, MobileNavServerPopoverDestination as pr, MessageQuotedPreviewHeader as pt, dragInstructions as q, DialogCommit as qi, observeTruncation as qn, DropdownMenuCheckboxItem as qr, MessageReactionPickerStatic as qt, InboxItemBody as r, DialogHeader as ra, DropdownMenuPortal as ri, MessageItemBadgeSeparator as rn, PreviewCardHeader as rr, MessageList as rt, InboxItemHoverTarget as s, DialogSheetBack as sa, DropdownMenuSeparator as si, MessageItemToolbarButton as sn, PreviewCardSeparator as sr, MessageQuotedPreviewAuthor as st, InboxItem as t, DialogFooter as ta, DropdownMenuLinkItem as ti, MessageReactionTooltipSeparator as tn, PreviewCardEyebrow as tr, MessageListHistoryLimited as tt, InboxItemMessage as u, DialogTrigger as ua, DropdownMenuSubmenuTrigger as ui, MessageItemDelegatedByButton as un, MobileNavServerItem as ur, MessageQuotedPreviewAuthorName as ut, InboxItemTrigger as v, buttonVariants as va, PanelScrollContent as vi, MessageItemSenderGroup as vn, MobileNavServerPopoverRowBody as vr, MessageQuotedPreviewUnavailable as vt, DRAG_KEYBOARD_CODES as w, useThemeScopeProps as wa, ScrollAreaScrollbar as wi, MessageItemEmbedded as wn, PopoverBackdrop as wr, MessageTextSelectionToolbar as wt, Skeleton as x, OverlayLayerProvider as xa, ScrollArea$1 as xi, MessageItemBody as xn, Popover$1 as xr, MessageEmbedFooter as xt, inboxItem as y, Spinner as ya, PanelScrollViewport as yi, MessageItemTime as yn, MobileNavServerPopoverRowDescription as yr, MessageEmbed as yt, keepGrabInside as z, ListRowTop as zi, RadioGroupIndicator as zn, TOUCH_DRAG_HOLD_MS as zr, MessageReferenceUnavailable as zt };
+export { MessageListDateDivider as $, DialogClose as $i, PreviewCardBody as $n, DropdownMenuItemCount as $r, MessageReactionTooltipNameText as $t, DRAG_AUTO_SCROLL_ZONE_PX as A, tv$1 as Aa, PRESENCE_COLOR as Ai, MessageItem as An, PopoverHeader as Ar, MessageMultiSelectToolbarActions as At, useDragSiblingTransition as B, ListRowTop as Bi, RadioGroupItem as Bn, TOUCH_DRAG_HOLD_MS as Br, inlineChip as Bt, DropPlaceholder as C, defaultNativeButton as Ca, ScrollAreaContent as Ci, MessageItemEdited as Cn, PopoverActions as Cr, messageEmbed as Ct, listKeyboardCoordinates as D, useThemeScopeProps as Da, ScrollAreaViewport as Di, MessageItemAvatarSlot as Dn, PopoverClose as Dr, MessageMultiSelect as Dt, MOUSE_DRAG_DISTANCE_PX as E, withOverlayLayer as Ea, ScrollAreaThumb as Ei, MessageItemSearchMatch as En, PopoverBody as Er, MessageTextSelectionToolbarSeparator as Et, DROP_GLIDE as F, headEdges as Fa, ListRowDescription as Fi, AvatarGroup as Fn, PopoverTrigger as Fr, MessageReferencePending as Ft, SILENT_DRAG_ANNOUNCEMENTS as G, TooltipProvider as Gi, useOverflowTitle as Gn, MobileNavLabel as Gr, MessageReactionGlyph as Gt, LIFT_CLASS as H, Tooltip$1 as Hi, InputGroup as Hn, useHoldThenMoveTouchSensor as Hr, MessageReactionChip as Ht, DragLift as I, decisionWidth as Ia, ListRowGroup as Ii, AvatarGroupCount as In, PopoverViewport as Ir, MessageReferenceReadMark as It, dragMessages as J, DialogCommit as Ji, observeTruncation as Jn, DropdownMenuCheckboxItem as Jr, MessageReactionQuickButton as Jt, createDragAnnouncements as K, TooltipTrigger as Ki, measureContent as Kn, MobileNavRoot as Kr, MessageReactionPickerContent as Kt, ORIGIN_OPACITY as L, ListRowIcon as Li, AvatarImage as Ln, HoldThenMoveTouchSensor as Lr, MessageReferenceSuffix as Lt, DRAG_LIFT_Z_INDEX as M, useStackedActions as Ma, ListRowBody as Mi, Avatar$1 as Mn, PopoverPortal as Mr, MessageReferenceIcon as Mt, DRAG_SETTLE as N, controlIconInset as Na, ListRowBottom as Ni, AvatarBadge as Nn, PopoverSeparator as Nr, MessageReferenceIndicator as Nt, useDragAcrossLists as O, useTheme as Oa, Checkbox$1 as Oi, MessageItemContinuationTime as On, PopoverContent as Or, MessageMultiSelectCheckbox as Ot, DRAG_SIBLING_TRANSITION as P, headEdgePull as Pa, ListRowChevron as Pi, AvatarFallback as Pn, PopoverTitle as Pr, MessageReferenceLabel as Pt, MessageListJumpPillGroup as Q, DialogBody as Qi, PreviewCardArrow as Qn, DropdownMenuItem as Qr, MessageReactionTooltipName as Qt, cancelDrag as R, ListRowMeta as Ri, RadioGroup$1 as Rn, MouseOnlyPointerSensor as Rr, MessageReferenceText as Rt, DragRefusalHint as S, Spinner as Sa, ScrollArea$1 as Si, MessageItemContent as Sn, Popover$1 as Sr, MessageEmbedHeader as St, DragRemeasure as T, useParentOverlayKind as Ta, ScrollAreaScrollbar as Ti, MessageItemFooter as Tn, PopoverBackdrop as Tr, MessageTextSelectionToolbarButton as Tt, drag as U, TooltipContent as Ui, InputGroupAddon as Un, useMouseOnlyPointerSensor as Ur, MessageReactionCount as Ut, useLiftContainer as V, ListRowValue as Vi, chipRemoveBase as Vn, TOUCH_DRAG_TOLERANCE_PX as Vr, MessageReactionAddButton as Vt, DEFAULT_DRAG_MESSAGES as W, TooltipPortal as Wi, InputGroupInput as Wn, MobileNavItem as Wr, MessageReactionErrorIndicator as Wt, MessageListJumpPill as X, useMobileViewport as Xi, PreviewCard$1 as Xn, DropdownMenuContent as Xr, MessageReactionTooltipContent as Xt, MessageListJumpControls as Y, DialogSheetContent as Yi, readNow as Yn, DropdownMenuCheckboxItemIndicator as Yr, MessageReactionQuickRow as Yt, MessageListJumpPillDismiss as Z, Dialog$1 as Zi, PreviewCardActions as Zn, DropdownMenuFooter as Zr, MessageReactionTooltipMeta as Zt, InboxItemTrailing as _, TextLinkExternalIcon as _a, PanelFooter as _i, MessageItemSenderButton as _n, MobileNavServerPopoverList as _r, MessageQuotedPreviewTimestamp as _t, InboxItemContext as a, DialogNav as aa, DropdownMenuRadioGroup as ai, MessageItemSavedIndicator as an, PreviewCardMeta as ar, MessageQuotedPreviewAttachment as at, useLatestRef as b, Button$1 as ba, PanelScrollViewport as bi, MessageItemAttachments as bn, MobileNavServerPopoverRowDescription as br, MessageEmbedContent as bt, InboxItemLeading as c, DialogSheetBack as ca, DropdownMenuSeparator as ci, MessageItemDelegatedAvatar as cn, PreviewCardSeparator as cr, MessageQuotedPreviewAuthorDelegatedBy as ct, InboxItemMetadata as d, DialogTrigger as da, DropdownMenuSubmenuTrigger as di, MessageItemDelegatedByName as dn, MobileNavServerItem as dr, MessageQuotedPreviewChannel as dt, DialogContent as ea, DropdownMenuItemLabel as ei, MessageReactionTooltipNames as en, PreviewCardContent as er, MessageListEndFade as et, InboxItemSelection as f, PanelAction as fa, DropdownMenuTrigger as fi, MessageItemHeader as fn, MobileNavServerPopover as fr, MessageQuotedPreviewContent as ft, InboxItemTitle as g, TextLink as ga, PanelBody as gi, MessageItemSenderBadges as gn, MobileNavServerPopoverGroup as gr, MessageQuotedPreviewThread as gt, InboxItemTimestamp as h, useTapActivation as ha, Panel as hi, MessageItemSender as hn, MobileNavServerPopoverDestinations as hr, MessageQuotedPreviewText as ht, InboxItemContent as i, DialogHeader as ia, DropdownMenuPortal as ii, MessageItemReadReceipt as in, PreviewCardHeader as ir, MessageQuotedPreview as it, DRAG_KEYBOARD_OFFSET_PX as j, stackedActions as ja, ListRow as ji, searchHit as jn, PopoverPopup as jr, MessageReferenceChip as jt, useDragSensors as k, ThemeStateContext as ka, CheckboxIndicator as ki, MessageItemGutter as kn, PopoverDescription as kr, MessageMultiSelectToolbar as kt, InboxItemMarks as l, DialogSurface as la, DropdownMenuShortcut as li, MessageItemDelegatedBy as ln, PreviewCardTitle as lr, MessageQuotedPreviewAuthorMeta as lt, InboxItemSubtitle as m, useMergedRef as ma, KbdGroup as mi, MessageItemMeta as mn, MobileNavServerPopoverDestination as mr, MessageQuotedPreviewLoading as mt, InboxItemActions as n, DialogFooter as na, DropdownMenuLinkItem as ni, MessageItemBadge as nn, PreviewCardEyebrow as nr, MessageListNotice as nt, InboxItemHeading as o, DialogOverlay as oa, DropdownMenuRadioItem as oi, MessageItemToolbar as on, PreviewCardPopup as or, MessageQuotedPreviewAttachments as ot, InboxItemSender as p, panelToggleAction as pa, Kbd as pi, MessageItemInlineStatus as pn, MobileNavServerPopoverContent as pr, MessageQuotedPreviewHeader as pt, dragInstructions as q, Badge as qi, measureElement as qn, DropdownMenu as qr, MessageReactionPickerStatic as qt, InboxItemBody as r, DialogFooterNote as ra, DropdownMenuPopup as ri, MessageItemBadgeSeparator as rn, PreviewCardFooter as rr, MessageList as rt, InboxItemHoverTarget as s, DialogPortal as sa, DropdownMenuRadioItemIndicator as si, MessageItemToolbarButton as sn, PreviewCardPortal as sr, MessageQuotedPreviewAuthor as st, InboxItem as t, DialogDescription as ta, DropdownMenuLabel as ti, MessageReactionTooltipSeparator as tn, PreviewCardDescription as tr, MessageListHistoryLimited as tt, InboxItemMessage as u, DialogTitle as ua, DropdownMenuSubmenu as ui, MessageItemDelegatedByButton as un, PreviewCardTrigger as ur, MessageQuotedPreviewAuthorName as ut, InboxItemTrigger as v, textLinkVariants as va, PanelHeaderRoot as vi, MessageItemSenderGroup as vn, MobileNavServerPopoverRow as vr, MessageQuotedPreviewUnavailable as vt, DRAG_KEYBOARD_CODES as w, OverlayLayerProvider as wa, ScrollAreaCorner as wi, MessageItemEmbedded as wn, PopoverArrow as wr, MessageTextSelectionToolbar as wt, Skeleton as x, buttonVariants as xa, PanelSection as xi, MessageItemBody as xn, MobileNavServerPopoverRowLabel as xr, MessageEmbedFooter as xt, inboxItem as y, DialogSheetReset as ya, PanelScrollContent as yi, MessageItemTime as yn, MobileNavServerPopoverRowBody as yr, MessageEmbed as yt, keepGrabInside as z, ListRowTitle as zi, RadioGroupIndicator as zn, TOUCH_DRAG_DISTANCE_PX as zr, MessageReferenceUnavailable as zt };

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { $a as MobileNavItem, $i as TooltipTrigger, $n as MessageItemBadgeSeparatorProps, $o as Checkbox, $r as MessageItem, $s as DialogPortal, $t as MessageMultiSelectToolbarProps, A as InboxItemTimestamp, Ai as PreviewCardHeader, An as MessageReactionPickerContent, Ao as DropdownMenuRadioGroupProps, Ar as MessageItemSenderProps, At as MessageQuotedPreviewLoadingProps, B as DragMessages, Ba as PopoverPopup, Bi as PreviewCardSeparatorProps, Bn as MessageReactionTooltipMeta, Bo as DropdownMenuSubmenuProps, Br as MessageItemEditedProps, Bs as DialogContentProps, Bt as MessageTextSelectionToolbar, C as InboxItemProps, Ca as Popover, Ci as PreviewCardContentProps, Cn as MessageReactionChipProps, Cr as MessageItemSender, Cs as ListRowValueProps, Ct as MessageQuotedPreviewChannel, D as InboxItemSenderProps, Da as PopoverArrowProps, Dn as MessageReactionErrorIndicatorProps, Do as DropdownMenuPortalProps, Dr as MessageItemSenderButtonProps, Ds as TextLinkExternalIconProps, Dt as MessageQuotedPreviewHeader, E as InboxItemSender, Ea as PopoverArrow, En as MessageReactionErrorIndicator, Eo as DropdownMenuPortal, Er as MessageItemSenderButton, Es as TextLinkExternalIcon, Et as MessageQuotedPreviewContentProps, F as InboxItemTrailingProps, Fa as PopoverContentProps, Fi as PreviewCardPopupProps, Fn as MessageReactionQuickButtonProps, Fo as DropdownMenuSeparator, Fr as MessageItemBody, Fs as DialogBody, Ft as MessageQuotedPreviewThreadProps, Ga as PopoverSeparator, Gi as Tooltip, Gn as MessageReactionTooltipNameTextProps, Go as Kbd, Gr as MessageItemSearchMatch, Gt as MessageTextSelectionToolbarSeparatorProps, Ha as PopoverPortal, Hi as PreviewCardTitleProps, Hn as MessageReactionTooltipName, Ho as DropdownMenuSubmenuTriggerProps, Hr as MessageItemEmbeddedProps, Hs as DialogDescriptionProps, Ht as MessageTextSelectionToolbarButtonProps, I as InboxItemTrigger, Ia as PopoverDescription, Ii as PreviewCardPortal, In as MessageReactionQuickRow, Io as DropdownMenuSeparatorProps, Ir as MessageItemBodyProps, Is as DialogBodyProps, It as MessageQuotedPreviewTimestamp, Ja as PopoverTitleProps, Ji as TooltipPortal, Jn as MessageReactionTooltipSeparator, Jo as KbdProps, Jr as MessageItemAvatarSlotProps, Js as DialogHeaderProps, Jt as MessageMultiSelectCheckboxProps, Ka as PopoverSeparatorProps, Ki as TooltipContent, Kn as MessageReactionTooltipNames, Ko as KbdGroup, Kr as MessageItemSearchMatchProps, Ks as DialogFooterProps, Kt as MessageMultiSelect, L as InboxItemTriggerProps, La as PopoverDescriptionProps, Li as PreviewCardPortalProps, Ln as MessageReactionQuickRowProps, Lo as DropdownMenuShortcut, Lr as MessageItemContent, Ls as DialogClose, Lt as MessageQuotedPreviewTimestampProps, M as InboxItemTitle, Ma as PopoverClose, Mn as MessageReactionPickerStatic, Mo as DropdownMenuRadioItemIndicator, Mr as MessageItemTimeProps, Mt as MessageQuotedPreviewText, N as InboxItemTitleProps, Na as PopoverCloseProps, Nn as MessageReactionPickerStaticProps, No as DropdownMenuRadioItemIndicatorProps, Nr as MessageItemAttachments, Nt as MessageQuotedPreviewTextProps, O as InboxItemSubtitle, Oa as PopoverBackdrop, On as MessageReactionGlyph, Oo as DropdownMenuProps, Or as MessageItemSenderGroup, Os as TextLinkProps, Ot as MessageQuotedPreviewHeaderProps, P as InboxItemTrailing, Pa as PopoverContent, Pi as PreviewCardPopup, Pn as MessageReactionQuickButton, Po as DropdownMenuRadioItemProps, Pr as MessageItemAttachmentsProps, Ps as Dialog, Pt as MessageQuotedPreviewThread, Qa as PopoverViewportProps, Qi as TooltipProviderProps, Qn as MessageItemBadgeSeparator, Qo as CheckboxIndicatorProps, Qr as MessageItemGutterProps, Qs as DialogOverlayProps, Qt as MessageMultiSelectToolbarActionsProps, Ra as PopoverHeader, Ri as PreviewCardProps, Rn as MessageReactionTooltipContent, Ro as DropdownMenuShortcutProps, Rr as MessageItemContentProps, Rs as DialogCloseProps, Rt as MessageQuotedPreviewUnavailable, S as InboxItemMetadataProps, Si as PreviewCardContent, Sn as MessageReactionChip, Sr as MessageItemMetaProps, Ss as ListRowValue, St as MessageQuotedPreviewAuthorProps, T as InboxItemSelectionProps, Ti as PreviewCardDescriptionProps, Tn as MessageReactionCountProps, To as DropdownMenuPopupProps, Tr as MessageItemSenderBadgesProps, Ts as TextLink, Tt as MessageQuotedPreviewContent, Ua as PopoverPortalProps, Ui as PreviewCardTrigger, Un as MessageReactionTooltipNameProps, Uo as DropdownMenuTrigger, Ur as MessageItemFooter, Us as DialogFooter, Ut as MessageTextSelectionToolbarProps, Va as PopoverPopupProps, Vi as PreviewCardTitle, Vn as MessageReactionTooltipMetaProps, Vo as DropdownMenuSubmenuTrigger, Vr as MessageItemEmbedded, Vs as DialogDescription, Vt as MessageTextSelectionToolbarButton, Wa as PopoverProps, Wi as PreviewCardTriggerProps, Wn as MessageReactionTooltipNameText, Wo as DropdownMenuTriggerProps, Wr as MessageItemFooterProps, Wt as MessageTextSelectionToolbarSeparator, Xa as PopoverTriggerProps, Xi as TooltipProps, Xn as MessageItemBadge, Xo as BadgeProps, Xr as MessageItemContinuationTimeProps, Xs as DialogNavProps, Xt as MessageMultiSelectToolbar, Ya as PopoverTrigger, Yi as TooltipPortalProps, Yn as MessageReactionTooltipSeparatorProps, Yo as Badge, Yr as MessageItemContinuationTime, Ys as DialogNav, Yt as MessageMultiSelectProps, Za as PopoverViewport, Zi as TooltipProvider, Zn as MessageItemBadgeProps, Zo as CheckboxIndicator, Zr as MessageItemGutter, Zs as DialogOverlay, Zt as MessageMultiSelectToolbarActions, _ as InboxItemMarks, _c as VariantProps, _n as MessageReferenceUnavailableProps, _o as DropdownMenuItemLabel, _r as MessageItemHeader, _s as ListRowProps, a as InboxItemBodyProps, ac as DialogSurfaceProps, ai as AvatarFallback, an as MessageReferenceIndicatorProps, ao as DropdownMenu, ar as MessageItemToolbar, as as ListRowBottom, at as MessageListHistoryLimitedProps, b as InboxItemMessageProps, bn as MessageReactionAddButton, bo as DropdownMenuLabel, br as MessageItemInlineStatusProps, bs as ListRowTop, bt as MessageQuotedPreviewAuthorName, c as InboxItemContext, cc as DialogTrigger, ci as AvatarGroupCount, cn as MessageReferencePending, co as DropdownMenuCheckboxItemIndicatorProps, cr as MessageItemToolbarProps, cs as ListRowChevronProps, ct as MessageList, d as InboxItemHeading, dc as PanelActionProps, di as AvatarImage, dn as MessageReferenceReadMarkProps, do as DropdownMenuContentProps, ds as ListRowGroup, dt as MessageQuotedPreviewAttachment, ea as TooltipTriggerProps, ec as DialogPortalProps, ei as MessageItemProps, en as MessageReferenceChip, eo as MobileNavItemProps, er as MessageItemBadgeStatus, es as CheckboxProps, et as MessageListDateDivider, f as InboxItemHeadingProps, fc as Button, fi as AvatarImageProps, fn as MessageReferenceSuffix, fo as DropdownMenuFooter, fs as ListRowGroupProps, ft as MessageQuotedPreviewAttachmentProps, g as InboxItemLeadingProps, gc as buttonVariants, gn as MessageReferenceUnavailable, go as DropdownMenuItemCountProps, gs as ListRowMetaProps, h as InboxItemLeading, hc as DeprecatedButtonSize, hi as PreviewCard, hn as MessageReferenceTextProps, ho as DropdownMenuItemCount, hs as ListRowMeta, ht as MessageQuotedPreviewAuthor, i as InboxItemBody, ic as DialogSurface, ii as AvatarBadgeProps, in as MessageReferenceIndicator, io as MobileNavRootProps, ir as MessageItemSavedIndicatorProps, is as ListRowBodyProps, it as MessageListHistoryLimited, j as InboxItemTimestampProps, ji as PreviewCardHeaderProps, jn as MessageReactionPickerContentProps, jo as DropdownMenuRadioItem, jr as MessageItemTime, jt as MessageQuotedPreviewProps, k as InboxItemSubtitleProps, ka as PopoverBackdropProps, kn as MessageReactionGlyphProps, ko as DropdownMenuRadioGroup, kr as MessageItemSenderGroupProps, ks as textLinkVariants, kt as MessageQuotedPreviewLoading, l as InboxItemContextProps, lc as DialogTriggerProps, li as AvatarGroupCountProps, ln as MessageReferencePendingProps, lo as DropdownMenuCheckboxItemProps, ls as ListRowDescription, lt as MessageListProps, m as InboxItemHoverTargetProps, mc as ButtonSize, mi as AvatarSize, mn as MessageReferenceText, mo as DropdownMenuItem, ms as ListRowIconProps, mt as MessageQuotedPreviewAttachmentsProps, n as InboxItemActions, ni as AvatarBadge, no as MobileNavLabelProps, nr as MessageItemReadReceiptProps, ns as ListRow, nt as MessageListEndFade, o as InboxItemContent, oc as DialogTitle, oi as AvatarFallbackProps, on as MessageReferenceLabel, oo as DropdownMenuCheckboxItem, or as MessageItemToolbarButton, os as ListRowBottomProps, ot as MessageListNotice, p as InboxItemHoverTarget, pc as ButtonProps, pi as AvatarProps, pn as MessageReferenceSuffixProps, po as DropdownMenuFooterProps, ps as ListRowIcon, pt as MessageQuotedPreviewAttachments, qa as PopoverTitle, qi as TooltipContentProps, qn as MessageReactionTooltipNamesProps, qo as KbdGroupProps, qr as MessageItemAvatarSlot, qs as DialogHeader, qt as MessageMultiSelectCheckbox, r as InboxItemActionsProps, ri as AvatarBadgeOffset, ro as MobileNavRoot, rr as MessageItemSavedIndicator, rs as ListRowBody, rt as MessageListEndFadeProps, s as InboxItemContentProps, sc as DialogTitleProps, si as AvatarGroup, sn as MessageReferenceLabelProps, so as DropdownMenuCheckboxItemIndicator, sr as MessageItemToolbarButtonProps, ss as ListRowChevron, st as MessageListNoticeProps, t as InboxItem, tc as DialogProps, ti as Avatar, tn as MessageReferenceChipProps, to as MobileNavLabel, tr as MessageItemReadReceipt, ts as Presence, tt as MessageListDateDividerProps, u as InboxItemDensity, uc as PanelAction, ui as AvatarGroupProps, un as MessageReferenceReadMark, uo as DropdownMenuContent, us as ListRowDescriptionProps, ut as MessageQuotedPreview, v as InboxItemMarksProps, vc as DataAttributes$1, vi as PreviewCardArrow, vn as MessageReferenceChipVariant, vo as DropdownMenuItemLabelProps, vr as MessageItemHeaderProps, vs as ListRowTitle, vt as MessageQuotedPreviewAuthorMeta, w as InboxItemSelection, wi as PreviewCardDescription, wn as MessageReactionCount, wo as DropdownMenuPopup, wr as MessageItemSenderBadges, ws as RowTone, wt as MessageQuotedPreviewChannelProps, x as InboxItemMetadata, xn as MessageReactionAddButtonProps, xo as DropdownMenuLabelProps, xr as MessageItemMeta, xs as ListRowTopProps, xt as MessageQuotedPreviewAuthorNameProps, y as InboxItemMessage, yc as StyledProps, yi as PreviewCardArrowProps, yn as MessageReferenceTextVariant, yo as DropdownMenuItemProps, yr as MessageItemInlineStatus, ys as ListRowTitleProps, yt as MessageQuotedPreviewAuthorMetaProps, z as DragAnnouncementSource, za as PopoverHeaderProps, zi as PreviewCardSeparator, zn as MessageReactionTooltipContentProps, zo as DropdownMenuSubmenu, zr as MessageItemEdited, zs as DialogContent, zt as MessageQuotedPreviewUnavailableProps } from "./inbox-item-B8eXIikq.mjs";
+import { $a as MobileNavItem, $i as TooltipTrigger, $n as MessageItemBadgeSeparatorProps, $o as Checkbox, $r as MessageItem, $s as DialogPortal, $t as MessageMultiSelectToolbarProps, A as InboxItemTimestamp, Ai as PreviewCardHeader, An as MessageReactionPickerContent, Ao as DropdownMenuRadioGroupProps, Ar as MessageItemSenderProps, At as MessageQuotedPreviewLoadingProps, B as DragMessages, Ba as PopoverPopup, Bi as PreviewCardSeparatorProps, Bn as MessageReactionTooltipMeta, Bo as DropdownMenuSubmenuProps, Br as MessageItemEditedProps, Bs as DialogContentProps, Bt as MessageTextSelectionToolbar, C as InboxItemProps, Ca as Popover, Ci as PreviewCardContentProps, Cn as MessageReactionChipProps, Cr as MessageItemSender, Cs as ListRowValueProps, Ct as MessageQuotedPreviewChannel, D as InboxItemSenderProps, Da as PopoverArrowProps, Dn as MessageReactionErrorIndicatorProps, Do as DropdownMenuPortalProps, Dr as MessageItemSenderButtonProps, Ds as TextLinkExternalIconProps, Dt as MessageQuotedPreviewHeader, E as InboxItemSender, Ea as PopoverArrow, En as MessageReactionErrorIndicator, Eo as DropdownMenuPortal, Er as MessageItemSenderButton, Es as TextLinkExternalIcon, Et as MessageQuotedPreviewContentProps, F as InboxItemTrailingProps, Fa as PopoverContentProps, Fi as PreviewCardPopupProps, Fn as MessageReactionQuickButtonProps, Fo as DropdownMenuSeparator, Fr as MessageItemBody, Fs as DialogBody, Ft as MessageQuotedPreviewThreadProps, Ga as PopoverSeparator, Gi as Tooltip, Gn as MessageReactionTooltipNameTextProps, Go as Kbd, Gr as MessageItemSearchMatch, Gt as MessageTextSelectionToolbarSeparatorProps, Ha as PopoverPortal, Hi as PreviewCardTitleProps, Hn as MessageReactionTooltipName, Ho as DropdownMenuSubmenuTriggerProps, Hr as MessageItemEmbeddedProps, Hs as DialogDescriptionProps, Ht as MessageTextSelectionToolbarButtonProps, I as InboxItemTrigger, Ia as PopoverDescription, Ii as PreviewCardPortal, In as MessageReactionQuickRow, Io as DropdownMenuSeparatorProps, Ir as MessageItemBodyProps, Is as DialogBodyProps, It as MessageQuotedPreviewTimestamp, Ja as PopoverTitleProps, Ji as TooltipPortal, Jn as MessageReactionTooltipSeparator, Jo as KbdProps, Jr as MessageItemAvatarSlotProps, Js as DialogHeaderProps, Jt as MessageMultiSelectCheckboxProps, Ka as PopoverSeparatorProps, Ki as TooltipContent, Kn as MessageReactionTooltipNames, Ko as KbdGroup, Kr as MessageItemSearchMatchProps, Ks as DialogFooterProps, Kt as MessageMultiSelect, L as InboxItemTriggerProps, La as PopoverDescriptionProps, Li as PreviewCardPortalProps, Ln as MessageReactionQuickRowProps, Lo as DropdownMenuShortcut, Lr as MessageItemContent, Ls as DialogClose, Lt as MessageQuotedPreviewTimestampProps, M as InboxItemTitle, Ma as PopoverClose, Mn as MessageReactionPickerStatic, Mo as DropdownMenuRadioItemIndicator, Mr as MessageItemTimeProps, Mt as MessageQuotedPreviewText, N as InboxItemTitleProps, Na as PopoverCloseProps, Nn as MessageReactionPickerStaticProps, No as DropdownMenuRadioItemIndicatorProps, Nr as MessageItemAttachments, Nt as MessageQuotedPreviewTextProps, O as InboxItemSubtitle, Oa as PopoverBackdrop, On as MessageReactionGlyph, Oo as DropdownMenuProps, Or as MessageItemSenderGroup, Os as TextLinkProps, Ot as MessageQuotedPreviewHeaderProps, P as InboxItemTrailing, Pa as PopoverContent, Pi as PreviewCardPopup, Pn as MessageReactionQuickButton, Po as DropdownMenuRadioItemProps, Pr as MessageItemAttachmentsProps, Ps as Dialog, Pt as MessageQuotedPreviewThread, Qa as PopoverViewportProps, Qi as TooltipProviderProps, Qn as MessageItemBadgeSeparator, Qo as CheckboxIndicatorProps, Qr as MessageItemGutterProps, Qs as DialogOverlayProps, Qt as MessageMultiSelectToolbarActionsProps, Ra as PopoverHeader, Ri as PreviewCardProps, Rn as MessageReactionTooltipContent, Ro as DropdownMenuShortcutProps, Rr as MessageItemContentProps, Rs as DialogCloseProps, Rt as MessageQuotedPreviewUnavailable, S as InboxItemMetadataProps, Si as PreviewCardContent, Sn as MessageReactionChip, Sr as MessageItemMetaProps, Ss as ListRowValue, St as MessageQuotedPreviewAuthorProps, T as InboxItemSelectionProps, Ti as PreviewCardDescriptionProps, Tn as MessageReactionCountProps, To as DropdownMenuPopupProps, Tr as MessageItemSenderBadgesProps, Ts as TextLink, Tt as MessageQuotedPreviewContent, Ua as PopoverPortalProps, Ui as PreviewCardTrigger, Un as MessageReactionTooltipNameProps, Uo as DropdownMenuTrigger, Ur as MessageItemFooter, Us as DialogFooter, Ut as MessageTextSelectionToolbarProps, Va as PopoverPopupProps, Vi as PreviewCardTitle, Vn as MessageReactionTooltipMetaProps, Vo as DropdownMenuSubmenuTrigger, Vr as MessageItemEmbedded, Vs as DialogDescription, Vt as MessageTextSelectionToolbarButton, Wa as PopoverProps, Wi as PreviewCardTriggerProps, Wn as MessageReactionTooltipNameText, Wo as DropdownMenuTriggerProps, Wr as MessageItemFooterProps, Wt as MessageTextSelectionToolbarSeparator, Xa as PopoverTriggerProps, Xi as TooltipProps, Xn as MessageItemBadge, Xo as BadgeProps, Xr as MessageItemContinuationTimeProps, Xs as DialogNavProps, Xt as MessageMultiSelectToolbar, Ya as PopoverTrigger, Yi as TooltipPortalProps, Yn as MessageReactionTooltipSeparatorProps, Yo as Badge, Yr as MessageItemContinuationTime, Ys as DialogNav, Yt as MessageMultiSelectProps, Za as PopoverViewport, Zi as TooltipProvider, Zn as MessageItemBadgeProps, Zo as CheckboxIndicator, Zr as MessageItemGutter, Zs as DialogOverlay, Zt as MessageMultiSelectToolbarActions, _ as InboxItemMarks, _c as VariantProps, _n as MessageReferenceUnavailableProps, _o as DropdownMenuItemLabel, _r as MessageItemHeader, _s as ListRowProps, a as InboxItemBodyProps, ac as DialogSurfaceProps, ai as AvatarFallback, an as MessageReferenceIndicatorProps, ao as DropdownMenu, ar as MessageItemToolbar, as as ListRowBottom, at as MessageListHistoryLimitedProps, b as InboxItemMessageProps, bn as MessageReactionAddButton, bo as DropdownMenuLabel, br as MessageItemInlineStatusProps, bs as ListRowTop, bt as MessageQuotedPreviewAuthorName, c as InboxItemContext, cc as DialogTrigger, ci as AvatarGroupCount, cn as MessageReferencePending, co as DropdownMenuCheckboxItemIndicatorProps, cr as MessageItemToolbarProps, cs as ListRowChevronProps, ct as MessageList, d as InboxItemHeading, dc as PanelActionProps, di as AvatarImage, dn as MessageReferenceReadMarkProps, do as DropdownMenuContentProps, ds as ListRowGroup, dt as MessageQuotedPreviewAttachment, ea as TooltipTriggerProps, ec as DialogPortalProps, ei as MessageItemProps, en as MessageReferenceChip, eo as MobileNavItemProps, er as MessageItemBadgeStatus, es as CheckboxProps, et as MessageListDateDivider, f as InboxItemHeadingProps, fc as Button, fi as AvatarImageProps, fn as MessageReferenceSuffix, fo as DropdownMenuFooter, fs as ListRowGroupProps, ft as MessageQuotedPreviewAttachmentProps, g as InboxItemLeadingProps, gc as buttonVariants, gn as MessageReferenceUnavailable, go as DropdownMenuItemCountProps, gs as ListRowMetaProps, h as InboxItemLeading, hc as DeprecatedButtonSize, hi as PreviewCard, hn as MessageReferenceTextProps, ho as DropdownMenuItemCount, hs as ListRowMeta, ht as MessageQuotedPreviewAuthor, i as InboxItemBody, ic as DialogSurface, ii as AvatarBadgeProps, in as MessageReferenceIndicator, io as MobileNavRootProps, ir as MessageItemSavedIndicatorProps, is as ListRowBodyProps, it as MessageListHistoryLimited, j as InboxItemTimestampProps, ji as PreviewCardHeaderProps, jn as MessageReactionPickerContentProps, jo as DropdownMenuRadioItem, jr as MessageItemTime, jt as MessageQuotedPreviewProps, k as InboxItemSubtitleProps, ka as PopoverBackdropProps, kn as MessageReactionGlyphProps, ko as DropdownMenuRadioGroup, kr as MessageItemSenderGroupProps, ks as textLinkVariants, kt as MessageQuotedPreviewLoading, l as InboxItemContextProps, lc as DialogTriggerProps, li as AvatarGroupCountProps, ln as MessageReferencePendingProps, lo as DropdownMenuCheckboxItemProps, ls as ListRowDescription, lt as MessageListProps, m as InboxItemHoverTargetProps, mc as ButtonSize, mi as AvatarSize, mn as MessageReferenceText, mo as DropdownMenuItem, ms as ListRowIconProps, mt as MessageQuotedPreviewAttachmentsProps, n as InboxItemActions, ni as AvatarBadge, no as MobileNavLabelProps, nr as MessageItemReadReceiptProps, ns as ListRow, nt as MessageListEndFade, o as InboxItemContent, oc as DialogTitle, oi as AvatarFallbackProps, on as MessageReferenceLabel, oo as DropdownMenuCheckboxItem, or as MessageItemToolbarButton, os as ListRowBottomProps, ot as MessageListNotice, p as InboxItemHoverTarget, pc as ButtonProps, pi as AvatarProps, pn as MessageReferenceSuffixProps, po as DropdownMenuFooterProps, ps as ListRowIcon, pt as MessageQuotedPreviewAttachments, qa as PopoverTitle, qi as TooltipContentProps, qn as MessageReactionTooltipNamesProps, qo as KbdGroupProps, qr as MessageItemAvatarSlot, qs as DialogHeader, qt as MessageMultiSelectCheckbox, r as InboxItemActionsProps, ri as AvatarBadgeOffset, ro as MobileNavRoot, rr as MessageItemSavedIndicator, rs as ListRowBody, rt as MessageListEndFadeProps, s as InboxItemContentProps, sc as DialogTitleProps, si as AvatarGroup, sn as MessageReferenceLabelProps, so as DropdownMenuCheckboxItemIndicator, sr as MessageItemToolbarButtonProps, ss as ListRowChevron, st as MessageListNoticeProps, t as InboxItem, tc as DialogProps, ti as Avatar, tn as MessageReferenceChipProps, to as MobileNavLabel, tr as MessageItemReadReceipt, ts as Presence, tt as MessageListDateDividerProps, u as InboxItemDensity, uc as PanelAction, ui as AvatarGroupProps, un as MessageReferenceReadMark, uo as DropdownMenuContent, us as ListRowDescriptionProps, ut as MessageQuotedPreview, v as InboxItemMarksProps, vc as DataAttributes$1, vi as PreviewCardArrow, vn as MessageReferenceChipVariant, vo as DropdownMenuItemLabelProps, vr as MessageItemHeaderProps, vs as ListRowTitle, vt as MessageQuotedPreviewAuthorMeta, w as InboxItemSelection, wi as PreviewCardDescription, wn as MessageReactionCount, wo as DropdownMenuPopup, wr as MessageItemSenderBadges, ws as RowTone, wt as MessageQuotedPreviewChannelProps, x as InboxItemMetadata, xn as MessageReactionAddButtonProps, xo as DropdownMenuLabelProps, xr as MessageItemMeta, xs as ListRowTopProps, xt as MessageQuotedPreviewAuthorNameProps, y as InboxItemMessage, yc as StyledProps, yi as PreviewCardArrowProps, yn as MessageReferenceTextVariant, yo as DropdownMenuItemProps, yr as MessageItemInlineStatus, ys as ListRowTitleProps, yt as MessageQuotedPreviewAuthorMetaProps, z as DragAnnouncementSource, za as PopoverHeaderProps, zi as PreviewCardSeparator, zn as MessageReactionTooltipContentProps, zo as DropdownMenuSubmenu, zr as MessageItemEdited, zs as DialogContent, zt as MessageQuotedPreviewUnavailableProps } from "./inbox-item-BYB2RRZK.mjs";
 import { cn } from "./cn.mjs";
 import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
 import { CSSProperties, ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, ComponentType, CompositionEventHandler, ElementType, FocusEventHandler, FormEventHandler, HTMLAttributes, KeyboardEventHandler, PointerEvent, ReactElement, ReactNode, Ref, RefObject, SVGProps } from "react";
@@ -1174,7 +1174,7 @@ type SegmentedControlProps<T extends string = string> = StyledProps<RadioGroup$1
 };
 export declare function SegmentedControl<T extends string = string>({ disabled, iconsOnlyBelow, variant, className, ref, ...props }: SegmentedControlProps<T>): import("react").JSX.Element;
 type SegmentedControlItemProps<T extends string = string> = StyledProps<Radio.Root.Props<T>>;
-export declare function SegmentedControlItem<T extends string = string>({ className, ...props }: SegmentedControlItemProps<T>): import("react").JSX.Element;
+export declare function SegmentedControlItem<T extends string = string>({ className, ref, ...props }: SegmentedControlItemProps<T>): import("react").JSX.Element;
 type SegmentedControlLabelProps = ComponentPropsWithRef<"span">;
 export declare function SegmentedControlLabel({ className, ...props }: SegmentedControlLabelProps): import("react").JSX.Element;
 type SegmentedControlCountProps = ComponentPropsWithRef<"span">;
@@ -1186,7 +1186,7 @@ export declare function ToggleGroup<T extends string = string>({ className, ...p
 type ToggleGroupItemProps<T extends string = string> = StyledProps<Omit<Toggle.Props<T>, "defaultPressed" | "pressed">> & {
   value: T;
 };
-export declare function ToggleGroupItem<T extends string = string>({ className, nativeButton, render, ...props }: ToggleGroupItemProps<T>): import("react").JSX.Element;
+export declare function ToggleGroupItem<T extends string = string>({ className, nativeButton, render, ref, ...props }: ToggleGroupItemProps<T>): import("react").JSX.Element;
 type ToggleGroupLabelProps = ComponentPropsWithRef<"span">;
 export declare function ToggleGroupLabel({ className, ...props }: ToggleGroupLabelProps): import("react").JSX.Element;
 //#endregion
@@ -4351,8 +4351,8 @@ interface VirtualListProps<T> extends VirtualListNativeProps {
    */
   onContentResize?: (() => void) | undefined;
   /**
-   * Called when the rows' offset (`--virtual-list-transform-y`) changes, for content positioned
-   * against it.
+   * Called when the rows' offset (the translateY of the rows' element) changes, for content that
+   * must follow it.
    */
   onTransformChange?: (() => void) | undefined;
   /** The imperative API: `scrollTo`, `getOffsetTopOfKey`, the scroller's and spacer's elements. */

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { cn } from "./cn.mjs";
-import { $ as MessageListDateDivider, $i as DialogContent, $n as PreviewCardContent, $r as DropdownMenuItemLabel, $t as MessageReactionTooltipNameText, Aa as controlIconInset, Ai as ListRow, An as MessageItem, Ar as PopoverPopup, At as MessageMultiSelectToolbarActions, B as useDragSiblingTransition, Bi as ListRowValue, Bn as RadioGroupItem, Bt as inlineChip, C as DropPlaceholder, Ca as withOverlayLayer, Ci as ScrollAreaCorner, Cn as MessageItemEdited, Cr as PopoverArrow, Ct as messageEmbed, Da as tv, Di as Checkbox, Dn as MessageItemAvatarSlot, Dr as PopoverContent, Dt as MessageMultiSelect, Ea as ThemeStateContext, Ei as ScrollAreaViewport, En as MessageItemSearchMatch, Er as PopoverClose, Et as MessageTextSelectionToolbarSeparator, Fi as ListRowGroup, Fn as AvatarGroup, Fr as PopoverViewport, Ft as MessageReferencePending, G as SILENT_DRAG_ANNOUNCEMENTS, Gi as TooltipTrigger, Gr as MobileNavRoot, Gt as MessageReactionGlyph, Hi as TooltipContent, Hn as InputGroupAddon, Ht as MessageReactionChip, I as DragLift, Ii as ListRowIcon, In as AvatarGroupCount, It as MessageReferenceReadMark, Jr as DropdownMenuCheckboxItemIndicator, Jt as MessageReactionQuickButton, K as createDragAnnouncements, Ki as Badge, Kr as DropdownMenu, Kt as MessageReactionPickerContent, Li as ListRowMeta, Ln as AvatarImage, Lt as MessageReferenceSuffix, Ma as headEdges, Mi as ListRowBottom, Mn as Avatar, Mr as PopoverSeparator, Na as decisionWidth, Ni as ListRowChevron, Nn as AvatarBadge, Nr as PopoverTitle, Nt as MessageReferenceIndicator, Oa as stackedActions, Oi as CheckboxIndicator, On as MessageItemContinuationTime, Or as PopoverDescription, Ot as MessageMultiSelectCheckbox, Pi as ListRowDescription, Pn as AvatarFallback, Pr as PopoverTrigger, Pt as MessageReferenceLabel, Qi as DialogClose, Qr as DropdownMenuItemCount, Qt as MessageReactionTooltipName, Ri as ListRowTitle, Rn as RadioGroup, Rt as MessageReferenceText, Sa as useParentOverlayKind, Si as ScrollAreaContent, Sn as MessageItemContent, St as MessageEmbedHeader, Ta as useTheme, Ti as ScrollAreaThumb, Tn as MessageItemFooter, Tt as MessageTextSelectionToolbarButton, U as drag, Ui as TooltipPortal, Un as InputGroupInput, Ur as MobileNavItem, Ut as MessageReactionCount, V as useLiftContainer, Vi as Tooltip, Vn as InputGroup, Vt as MessageReactionAddButton, Wi as TooltipProvider, Wn as useOverflowTitle, Wr as MobileNavLabel, Wt as MessageReactionErrorIndicator, Xi as Dialog, Xr as DropdownMenuFooter, Xt as MessageReactionTooltipContent, Yi as useMobileViewport, Yn as PreviewCard, Yr as DropdownMenuContent, Yt as MessageReactionQuickRow, Zi as DialogBody, Zn as PreviewCardArrow, Zr as DropdownMenuItem, Zt as MessageReactionTooltipMeta, _ as InboxItemTrailing, _a as Button, _i as PanelHeaderRoot, _n as MessageItemSenderButton, _t as MessageQuotedPreviewTimestamp, a as InboxItemContext, aa as DialogOverlay, ai as DropdownMenuRadioItem, an as MessageItemSavedIndicator, ar as PreviewCardPopup, at as MessageQuotedPreviewAttachment, b as useLatestRef, ba as defaultNativeButton, bi as PanelSection, bn as MessageItemAttachments, bt as MessageEmbedContent, c as InboxItemLeading, ca as DialogSurface, ci as DropdownMenuShortcut, cr as PreviewCardTitle, d as InboxItemMetadata, da as PanelAction, di as DropdownMenuTrigger, dt as MessageQuotedPreviewChannel, ea as DialogDescription, ei as DropdownMenuLabel, en as MessageReactionTooltipNames, er as PreviewCardDescription, et as MessageListEndFade, f as InboxItemSelection, fa as panelToggleAction, fi as Kbd, fn as MessageItemHeader, ft as MessageQuotedPreviewContent, g as InboxItemTitle, ga as DialogSheetReset, gi as PanelFooter, gn as MessageItemSenderBadges, gt as MessageQuotedPreviewThread, h as InboxItemTimestamp, ha as textLinkVariants, hi as PanelBody, hn as MessageItemSender, ht as MessageQuotedPreviewText, i as InboxItemContent, ia as DialogNav, ii as DropdownMenuRadioGroup, in as MessageItemReadReceipt, it as MessageQuotedPreview, ja as headEdgePull, ji as ListRowBody, jn as searchHit, jr as PopoverPortal, jt as MessageReferenceChip, k as useDragSensors, ka as useStackedActions, ki as PRESENCE_COLOR, kn as MessageItemGutter, kr as PopoverHeader, kt as MessageMultiSelectToolbar, l as InboxItemMarks, la as DialogTitle, li as DropdownMenuSubmenu, lr as PreviewCardTrigger, lt as MessageQuotedPreviewAuthorMeta, m as InboxItemSubtitle, ma as TextLinkExternalIcon, mi as Panel, mn as MessageItemMeta, mt as MessageQuotedPreviewLoading, n as InboxItemActions, ni as DropdownMenuPopup, nn as MessageItemBadge, nt as MessageListNotice, o as InboxItemHeading, oa as DialogPortal, oi as DropdownMenuRadioItemIndicator, on as MessageItemToolbar, or as PreviewCardPortal, ot as MessageQuotedPreviewAttachments, p as InboxItemSender, pa as TextLink, pi as KbdGroup, pn as MessageItemInlineStatus, pt as MessageQuotedPreviewHeader, q as dragInstructions, qr as DropdownMenuCheckboxItem, qt as MessageReactionPickerStatic, r as InboxItemBody, ra as DialogHeader, ri as DropdownMenuPortal, rn as MessageItemBadgeSeparator, rr as PreviewCardHeader, rt as MessageList, s as InboxItemHoverTarget, si as DropdownMenuSeparator, sn as MessageItemToolbarButton, sr as PreviewCardSeparator, st as MessageQuotedPreviewAuthor, t as InboxItem, ta as DialogFooter, tn as MessageReactionTooltipSeparator, tt as MessageListHistoryLimited, u as InboxItemMessage, ua as DialogTrigger, ui as DropdownMenuSubmenuTrigger, ut as MessageQuotedPreviewAuthorName, v as InboxItemTrigger, va as buttonVariants, vi as PanelScrollContent, vn as MessageItemSenderGroup, vt as MessageQuotedPreviewUnavailable, wa as useThemeScopeProps, wi as ScrollAreaScrollbar, wn as MessageItemEmbedded, wr as PopoverBackdrop, wt as MessageTextSelectionToolbar, x as Skeleton, xi as ScrollArea, xn as MessageItemBody, xr as Popover, xt as MessageEmbedFooter, ya as Spinner, yi as PanelScrollViewport, yn as MessageItemTime, yt as MessageEmbed, zi as ListRowTop, zn as RadioGroupIndicator, zt as MessageReferenceUnavailable } from "./inbox-item-BB6vO4PO.mjs";
+import { $ as MessageListDateDivider, $i as DialogClose, $r as DropdownMenuItemCount, $t as MessageReactionTooltipNameText, Aa as tv, Ai as PRESENCE_COLOR, An as MessageItem, Ar as PopoverHeader, At as MessageMultiSelectToolbarActions, B as useDragSiblingTransition, Bi as ListRowTop, Bn as RadioGroupItem, Bt as inlineChip, C as DropPlaceholder, Ca as defaultNativeButton, Ci as ScrollAreaContent, Cn as MessageItemEdited, Ct as messageEmbed, Da as useThemeScopeProps, Di as ScrollAreaViewport, Dn as MessageItemAvatarSlot, Dr as PopoverClose, Dt as MessageMultiSelect, Ea as withOverlayLayer, Ei as ScrollAreaThumb, En as MessageItemSearchMatch, Et as MessageTextSelectionToolbarSeparator, Fa as headEdges, Fi as ListRowDescription, Fn as AvatarGroup, Fr as PopoverTrigger, Ft as MessageReferencePending, G as SILENT_DRAG_ANNOUNCEMENTS, Gi as TooltipProvider, Gn as useOverflowTitle, Gr as MobileNavLabel, Gt as MessageReactionGlyph, Hi as Tooltip, Hn as InputGroup, Ht as MessageReactionChip, I as DragLift, Ia as decisionWidth, Ii as ListRowGroup, In as AvatarGroupCount, Ir as PopoverViewport, It as MessageReferenceReadMark, Jr as DropdownMenuCheckboxItem, Jt as MessageReactionQuickButton, K as createDragAnnouncements, Ki as TooltipTrigger, Kr as MobileNavRoot, Kt as MessageReactionPickerContent, Li as ListRowIcon, Ln as AvatarImage, Lt as MessageReferenceSuffix, Ma as useStackedActions, Mi as ListRowBody, Mn as Avatar, Mr as PopoverPortal, Na as controlIconInset, Ni as ListRowBottom, Nn as AvatarBadge, Nr as PopoverSeparator, Nt as MessageReferenceIndicator, Oa as useTheme, Oi as Checkbox, On as MessageItemContinuationTime, Or as PopoverContent, Ot as MessageMultiSelectCheckbox, Pa as headEdgePull, Pi as ListRowChevron, Pn as AvatarFallback, Pr as PopoverTitle, Pt as MessageReferenceLabel, Qi as DialogBody, Qn as PreviewCardArrow, Qr as DropdownMenuItem, Qt as MessageReactionTooltipName, Ri as ListRowMeta, Rn as RadioGroup, Rt as MessageReferenceText, Sa as Spinner, Si as ScrollArea, Sn as MessageItemContent, Sr as Popover, St as MessageEmbedHeader, Ta as useParentOverlayKind, Ti as ScrollAreaScrollbar, Tn as MessageItemFooter, Tr as PopoverBackdrop, Tt as MessageTextSelectionToolbarButton, U as drag, Ui as TooltipContent, Un as InputGroupAddon, Ut as MessageReactionCount, V as useLiftContainer, Vi as ListRowValue, Vn as chipRemoveBase, Vt as MessageReactionAddButton, Wi as TooltipPortal, Wn as InputGroupInput, Wr as MobileNavItem, Wt as MessageReactionErrorIndicator, Xi as useMobileViewport, Xn as PreviewCard, Xr as DropdownMenuContent, Xt as MessageReactionTooltipContent, Yr as DropdownMenuCheckboxItemIndicator, Yt as MessageReactionQuickRow, Zi as Dialog, Zr as DropdownMenuFooter, Zt as MessageReactionTooltipMeta, _ as InboxItemTrailing, _a as TextLinkExternalIcon, _i as PanelFooter, _n as MessageItemSenderButton, _t as MessageQuotedPreviewTimestamp, a as InboxItemContext, aa as DialogNav, ai as DropdownMenuRadioGroup, an as MessageItemSavedIndicator, at as MessageQuotedPreviewAttachment, b as useLatestRef, ba as Button, bi as PanelScrollViewport, bn as MessageItemAttachments, bt as MessageEmbedContent, c as InboxItemLeading, ci as DropdownMenuSeparator, cr as PreviewCardSeparator, d as InboxItemMetadata, da as DialogTrigger, di as DropdownMenuSubmenuTrigger, dt as MessageQuotedPreviewChannel, ea as DialogContent, ei as DropdownMenuItemLabel, en as MessageReactionTooltipNames, er as PreviewCardContent, et as MessageListEndFade, f as InboxItemSelection, fa as PanelAction, fi as DropdownMenuTrigger, fn as MessageItemHeader, ft as MessageQuotedPreviewContent, g as InboxItemTitle, ga as TextLink, gi as PanelBody, gn as MessageItemSenderBadges, gt as MessageQuotedPreviewThread, h as InboxItemTimestamp, ha as useTapActivation, hi as Panel, hn as MessageItemSender, ht as MessageQuotedPreviewText, i as InboxItemContent, ia as DialogHeader, ii as DropdownMenuPortal, in as MessageItemReadReceipt, ir as PreviewCardHeader, it as MessageQuotedPreview, ja as stackedActions, ji as ListRow, jn as searchHit, jr as PopoverPopup, jt as MessageReferenceChip, k as useDragSensors, ka as ThemeStateContext, ki as CheckboxIndicator, kn as MessageItemGutter, kr as PopoverDescription, kt as MessageMultiSelectToolbar, l as InboxItemMarks, la as DialogSurface, li as DropdownMenuShortcut, lr as PreviewCardTitle, lt as MessageQuotedPreviewAuthorMeta, m as InboxItemSubtitle, ma as useMergedRef, mi as KbdGroup, mn as MessageItemMeta, mt as MessageQuotedPreviewLoading, n as InboxItemActions, na as DialogFooter, nn as MessageItemBadge, nt as MessageListNotice, o as InboxItemHeading, oa as DialogOverlay, oi as DropdownMenuRadioItem, on as MessageItemToolbar, or as PreviewCardPopup, ot as MessageQuotedPreviewAttachments, p as InboxItemSender, pa as panelToggleAction, pi as Kbd, pn as MessageItemInlineStatus, pt as MessageQuotedPreviewHeader, q as dragInstructions, qi as Badge, qr as DropdownMenu, qt as MessageReactionPickerStatic, r as InboxItemBody, ri as DropdownMenuPopup, rn as MessageItemBadgeSeparator, rt as MessageList, s as InboxItemHoverTarget, sa as DialogPortal, si as DropdownMenuRadioItemIndicator, sn as MessageItemToolbarButton, sr as PreviewCardPortal, st as MessageQuotedPreviewAuthor, t as InboxItem, ta as DialogDescription, ti as DropdownMenuLabel, tn as MessageReactionTooltipSeparator, tr as PreviewCardDescription, tt as MessageListHistoryLimited, u as InboxItemMessage, ua as DialogTitle, ui as DropdownMenuSubmenu, ur as PreviewCardTrigger, ut as MessageQuotedPreviewAuthorName, v as InboxItemTrigger, va as textLinkVariants, vi as PanelHeaderRoot, vn as MessageItemSenderGroup, vt as MessageQuotedPreviewUnavailable, wi as ScrollAreaCorner, wn as MessageItemEmbedded, wr as PopoverArrow, wt as MessageTextSelectionToolbar, x as Skeleton, xa as buttonVariants, xi as PanelSection, xn as MessageItemBody, xt as MessageEmbedFooter, ya as DialogSheetReset, yi as PanelScrollContent, yn as MessageItemTime, yt as MessageEmbed, zi as ListRowTitle, zn as RadioGroupIndicator, zt as MessageReferenceUnavailable } from "./inbox-item-Bk5SfPrz.mjs";
 import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
 import { AlertTriangle, Bell, Check, CheckCircle2, ChevronDown, ChevronLeft, ChevronRight, CircleCheck, Copy, FileText, Image, Info, TriangleAlert, Upload, X, Zap } from "lucide-react";
 import { Children, cloneElement, createContext, createElement, isValidElement, use, useCallback, useContext, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
@@ -2703,7 +2703,7 @@ const lightbox = tv({ slots: {
 	],
 	thumbnailOverlay: [
 		"pointer-events-none absolute inset-0 block transition-colors duration-150",
-		"bg-black/45 group-hover/lightbox-thumb:bg-black/28",
+		"bg-layer-backdrop-nested group-hover/lightbox-thumb:bg-layer-backdrop-nested/70",
 		"group-data-active/lightbox-thumb:bg-transparent"
 	],
 	close: ["pointer-events-auto"]
@@ -3322,13 +3322,7 @@ const combobox = tv({
 			"h-control-embedded gap-1.5 rounded-chip bg-fill-muted pr-0.5 pl-2",
 			"text-footnote font-semibold text-foreground"
 		],
-		chipRemove: [
-			"inline-flex shrink-0 items-center justify-center outline-none transition-colors",
-			"size-[calc(var(--control-embedded-size)-4px)] rounded-sticker text-foreground-hint",
-			"hover:bg-fill-medium active:bg-fill-medium",
-			"focus-visible:keyboard:inset-ring-2 focus-visible:keyboard:inset-ring-foreground",
-			"[&>svg]:size-3.5"
-		]
+		chipRemove: [...chipRemoveBase, "size-[calc(var(--control-embedded-size)-4px)]"]
 	},
 	variants: { inputOwner: {
 		group: { input: ["min-w-0 flex-1 border-0 bg-transparent p-0", "font-sans text-callout text-foreground placeholder:text-foreground-hint"] },
@@ -4088,64 +4082,6 @@ function SwitchThumb({ className, ...props }) {
 	});
 }
 //#endregion
-//#region src/lib/use-merged-ref.ts
-/**
-* Merges refs into one setter. Returns `[setRef, getRef]`: `setRef(el)` stores `el` and passes it to
-* every ref; `getRef()` reads the stored element. When a ref changes between renders (checked while
-* rendering), the old one is cleared and the new one gets the stored element at once. The setter
-* calls ref callbacks itself, so what they return is ignored.
-*/
-function useMergedRef(...refs) {
-	const entries = useMemo(() => [], []);
-	const elementRef = useRef(null);
-	const getRef = useCallback(() => elementRef.current, []);
-	const clearEntry = useCallback((entry) => {
-		if (entry != null) {
-			if (entry.type === "RefCallback") entry.ref(null);
-			else entry.ref.current = null;
-		}
-	}, []);
-	const applyStoredElement = useCallback((ref) => {
-		if (typeof ref == "function") ref(getRef());
-		else ref.current = getRef();
-	}, [getRef]);
-	const setRef = useCallback((el) => {
-		elementRef.current = el;
-		for (const entry of entries) if (entry == null) continue;
-		else if (entry.type === "RefObject") entry.ref.current = el;
-		else entry.ref(el);
-	}, [entries]);
-	for (let i = 0; i < refs.length; i++) {
-		const ref = refs[i];
-		const entry = entries[i];
-		if (ref == null) {
-			clearEntry(entry);
-			entries[i] = null;
-		} else {
-			if (entry && entry.ref === ref) continue;
-			if (typeof ref == "function") {
-				if (entry != null) clearEntry(entry);
-				entries[i] = {
-					type: "RefCallback",
-					ref
-				};
-			} else {
-				if (entry != null) clearEntry(entry);
-				entries[i] = {
-					type: "RefObject",
-					ref
-				};
-			}
-			applyStoredElement(ref);
-		}
-	}
-	for (let i = refs.length; i < entries.length; i++) {
-		clearEntry(entries[i]);
-		entries[i] = null;
-	}
-	return [setRef, getRef];
-}
-//#endregion
 //#region src/components/segmented-control/segmented-control.tsx
 const segmentedControl = tv({
 	slots: {
@@ -4391,10 +4327,13 @@ function SegmentedControl({ disabled = false, iconsOnlyBelow, variant = "default
 		})
 	});
 }
-function SegmentedControlItem({ className, ...props }) {
+function SegmentedControlItem({ className, ref, ...props }) {
 	const { item } = segmentedControl();
 	const iconsOnly = use(SegmentedControlIconsOnlyContext);
+	const tapRef = useTapActivation();
+	const [setRef] = useMergedRef(tapRef, ref);
 	const radio = /* @__PURE__ */ jsx(Radio.Root, {
+		ref: setRef,
 		render: /* @__PURE__ */ jsx("button", { type: "button" }),
 		nativeButton: true,
 		"data-slot": "segmented-control-item",
@@ -4473,9 +4412,12 @@ function ToggleGroup({ className, ...props }) {
 		...props
 	});
 }
-function ToggleGroupItem({ className, nativeButton, render, ...props }) {
+function ToggleGroupItem({ className, nativeButton, render, ref, ...props }) {
 	const { item } = toggleGroup();
+	const tapRef = useTapActivation();
+	const [setRef] = useMergedRef(tapRef, ref);
 	return /* @__PURE__ */ jsx(Toggle, {
+		ref: setRef,
 		render,
 		nativeButton: nativeButton ?? defaultNativeButton(render),
 		type: "button",
@@ -5964,14 +5906,14 @@ const messageImageGallery = tv({
 	slots: {
 		root: ["@container/gallery w-full max-w-[min(360px,100%)] stack-y-1"],
 		row: ["grid", "gap-1"],
-		item: [
-			"group/img relative overflow-hidden text-left",
-			"rounded-control border border-line-hairline bg-fill-muted",
-			"has-data-[slot=message-image-gallery-overlay]:opacity-70"
-		],
+		item: ["group/img relative overflow-hidden text-left", "rounded-control border border-line-hairline bg-fill-muted"],
 		media: "block size-full ",
-		overlay: "absolute inset-0 flex items-center justify-center",
-		preview: ["absolute inset-0", "outline-none focus-visible:keyboard:inset-ring-2 focus-visible:keyboard:inset-ring-foreground"],
+		overlay: "absolute inset-0 flex items-center justify-center bg-layer-veil",
+		preview: [
+			"absolute inset-0",
+			"transition-colors duration-75 hover:bg-ink-8",
+			"outline-none focus-visible:keyboard:inset-ring-2 focus-visible:keyboard:inset-ring-foreground"
+		],
 		action: [
 			"absolute z-10 hidden items-center justify-center",
 			"focus:flex",
@@ -6317,12 +6259,7 @@ const messageForwardedBundle = tv({
 	},
 	variants: {
 		fullWidth: { true: { root: "w-full max-w-none" } },
-		collapsed: { true: { items: [
-			"max-h-40 overflow-clip",
-			"after:pointer-events-none after:absolute after:inset-x-0 after:bottom-0 after:h-10 after:bg-linear-to-t",
-			"data-[tight-fold]:after:h-5",
-			"after:from-layer-card after:via-layer-card/80 after:to-layer-card/0"
-		] } }
+		collapsed: { true: { items: ["max-h-40 overflow-clip", "mask-fade-b data-tight-fold:mask-fade-b-edge"] } }
 	}
 });
 const messageForwardedBundleItem = tv({
@@ -8267,7 +8204,7 @@ const composerAttachment = tv({
 		attachmentUploadingOverlay: [
 			"absolute inset-0 z-10 flex flex-col items-center justify-center px-1",
 			"text-center",
-			"rounded-control bg-layer-card/80",
+			"rounded-control bg-layer-veil",
 			"font-mono text-mono-meta font-bold text-foreground"
 		],
 		attachmentUploadProgressBar: [
@@ -8280,7 +8217,7 @@ const composerAttachment = tv({
 			"absolute inset-0 z-10 flex flex-col items-center justify-center px-1",
 			"[border-width:var(--ca-overlay-border,2px)]",
 			"text-center",
-			"rounded-control border-danger-strong bg-layer-card/90",
+			"rounded-control border-danger-strong bg-layer-veil",
 			"font-sans text-caption font-semibold text-danger-strong"
 		],
 		attachmentRemove: [
@@ -10431,9 +10368,7 @@ const tabs = tv({
 			"relative isolate flex w-max max-w-full",
 			"overscroll-contain whitespace-nowrap",
 			"scrollbar-none [&::-webkit-scrollbar]:hidden",
-			"data-[overflow=end]:mask-[linear-gradient(to_right,black_calc(100%-32px),transparent)]",
-			"data-[overflow=start]:mask-[linear-gradient(to_right,transparent,black_32px)]",
-			"data-[overflow=both]:mask-[linear-gradient(to_right,transparent,black_32px,black_calc(100%-32px),transparent)]"
+			"mask-fade-x"
 		],
 		background: ["", "hidden"],
 		tab: [
@@ -10880,15 +10815,17 @@ const PLACE_STYLE = {
 	borderColor: "transparent",
 	boxShadow: "none"
 };
-function TabsTabButton({ value, sortableRef, dropPlace = false, className, children, ...props }) {
+function TabsTabButton({ value, sortableRef, dropPlace = false, className, children, ref, ...props }) {
 	const variant = use(TabsListVariantContext);
 	const placement = use(TabsPlacementContext);
 	const { content, tab } = tabs({
 		variant,
 		placement
 	});
+	const tapRef = useTapActivation();
+	const [setRef] = useMergedRef(sortableRef, tapRef, ref);
 	return /* @__PURE__ */ jsxs(Tabs$1.Tab, {
-		ref: sortableRef,
+		ref: setRef,
 		value,
 		"data-slot": "tabs-tab",
 		className: tab({ className }),
@@ -12116,7 +12053,7 @@ const taskStatusStrong = tv({ variants: { status: {
 const taskCardStatus = tv({ base: [
 	"inline-flex min-w-0 shrink-0 touch-manipulation items-center",
 	"transition-[filter,opacity] duration-100 outline-none",
-	"data-[busy=true]:pointer-events-none data-[busy=true]:cursor-wait data-[busy=true]:opacity-60 data-[busy=true]:disabled:opacity-100",
+	"data-[busy=true]:pointer-events-none data-[busy=true]:cursor-wait data-[busy=true]:opacity-dimmed data-[busy=true]:disabled:opacity-100",
 	"h-[22px] gap-1.5 rounded-chip border-0 px-[7px] py-0",
 	"font-sans text-[12px] leading-4 font-semibold text-foreground",
 	"[&:not(:has([data-slot=task-card-status-label]))]:hidden",
@@ -12808,13 +12745,8 @@ const VIRTUAL_VISIBLE_ITEMS_STYLE = {
 	position: "relative",
 	display: "flow-root"
 };
-/**
-* With virtualization off, the visible-items element still carries the CSS variables, so sticky
-* children that use `calc(var(--virtual-list-transform-y))` keep working.
-*/
+/** With virtualization off, the visible-items element sits at translateY(0px). */
 const NON_VIRTUAL_VISIBLE_ITEMS_STYLE = {
-	"--virtual-list-transform-y": "0px",
-	"--virtual-list-ios-compensation-y": "0px",
 	transform: "translateY(0px)",
 	position: "relative",
 	display: "flow-root"
@@ -13938,8 +13870,9 @@ function VirtualList(props) {
 	/**
 	* Writes the layout without a render: the spacer height (the total size plus the first row's top
 	* margin; a min-height with itemResizable, so the real content may exceed it) and the visible items'
-	* translateY, with the CSS variables sticky children read (`--virtual-list-transform-y`,
-	* `--virtual-list-ios-compensation-y`).
+	* translateY. It writes no CSS variable on the visible items: custom properties inherit, so one
+	* written there on every scroll restyles every row. Content that must follow the rows' offset uses
+	* `onTransformChange`.
 	*
 	* Unlike the reference implementation (DeepSeek web): the translateY puts the border box of the first
 	* mounted row at its offset (`firstIndex`, or the first row in the DOM), not the element's top. The visible-items element is a
@@ -13977,9 +13910,6 @@ function VirtualList(props) {
 		if (visibleItemsEl instanceof HTMLElement) {
 			const offset = px(leadingMargin + fenwickTree.sum(index) - firstRowStart);
 			visibleItemsEl.style.transform = `translateY(${offset})`;
-			visibleItemsEl.style.setProperty("--virtual-list-transform-y", offset);
-			const compensation = px(compensationYRef.current);
-			visibleItemsEl.style.setProperty("--virtual-list-ios-compensation-y", compensation);
 			const signature = `${index}|${offset}`;
 			if (lastTransformSignatureRef.current !== signature) {
 				lastTransformSignatureRef.current = signature;
@@ -15298,7 +15228,7 @@ function TaskChip({ status, loading = false, variant = "default", size = "defaul
 		"data-slot": "task-chip",
 		"data-inline-reference": "",
 		"data-loading": loading ? "true" : void 0,
-		className: cn(root({ className }), loading && "pointer-events-none opacity-60"),
+		className: cn(root({ className }), loading && "pointer-events-none opacity-dimmed"),
 		children
 	};
 	return useRender({

package/dist/styles.css

@@ -191,6 +191,7 @@
   --color-layer-popover: var(--layer-popover);
   --color-layer-backdrop: var(--layer-backdrop);
   --color-layer-backdrop-nested: var(--layer-backdrop-nested);
+  --color-layer-veil: var(--layer-veil);
   --color-layer-card: var(--layer-card);
   --color-layer-hud: var(--layer-hud);
   --color-foreground-on-hud: var(--foreground-on-hud);
@@ -663,6 +664,56 @@ textarea:-webkit-autofill:disabled {
   }
 }
 
+/* Dimmed: something present but not active, deleted, offline or still
+   pending, at 60% (design/foundations/states.md#dimmed). Lighter than the 40%
+   of a drag origin, which says "it was here", not "it is here, inactive". */
+@utility opacity-dimmed {
+  opacity: var(--opacity-dimmed);
+}
+
+/* Content fades (design/foundations/spacing.md#edges-fade): a mask, never a
+   colour gradient, so whatever is behind the content (a row's hover or
+   located fill, a card, a tint) shows through the fade unchanged.
+   mask-fade-t / mask-fade-b fade the top or bottom edge over fade-content
+   (48px), where content is cut: a fold, a glimpse. mask-fade-x fades the
+   sides of a strip that scrolls sideways over fade-edge (24px), on the side
+   its data-overflow names (start, end or both) and nowhere without it.
+   mask-fade-t-edge / mask-fade-b-edge take the edge length instead, for a
+   fold too short to give 48px to the fade. */
+@utility mask-fade-t {
+  mask-image: linear-gradient(to bottom, transparent, oklch(0 0 0) var(--fade-content));
+}
+
+@utility mask-fade-t-edge {
+  mask-image: linear-gradient(to bottom, transparent, oklch(0 0 0) var(--fade-edge));
+}
+
+@utility mask-fade-b {
+  mask-image: linear-gradient(to top, transparent, oklch(0 0 0) var(--fade-content));
+}
+
+@utility mask-fade-b-edge {
+  mask-image: linear-gradient(to top, transparent, oklch(0 0 0) var(--fade-edge));
+}
+
+@utility mask-fade-x {
+  &[data-overflow="start"] {
+    mask-image: linear-gradient(to right, transparent, oklch(0 0 0) var(--fade-edge));
+  }
+  &[data-overflow="end"] {
+    mask-image: linear-gradient(to left, transparent, oklch(0 0 0) var(--fade-edge));
+  }
+  &[data-overflow="both"] {
+    mask-image: linear-gradient(
+      to right,
+      transparent,
+      oklch(0 0 0) var(--fade-edge),
+      oklch(0 0 0) calc(100% - var(--fade-edge)),
+      transparent
+    );
+  }
+}
+
 /* Drag and drop (design/patterns/drag-and-drop.md). While something is
    lifted, DragLift sets data-dragging on the root, and DragRefusalHint sets
    data-drag-refused while the place under the hand refuses it: the cursor

package/dist/tokens.json

@@ -1377,6 +1377,25 @@
         }
       }
     },
+    "veil": {
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [1, 0, 0],
+        "alpha": 0.8
+      },
+      "$description": "The cover over something busy or loading in place: an image uploading or that failed, a preview being prepared. The page at 80%, so what is under it shows through, dimmed, and a default-colour Spinner on it reads in both modes. Translucent by contract, like the two backdrops.",
+      "$extensions": {
+        "build.botiverse.raft": {
+          "modes": {
+            "dark": {
+              "colorSpace": "oklch",
+              "components": [0.2213, 0.0038, 106.71],
+              "alpha": 0.8
+            }
+          }
+        }
+      }
+    },
     "card": {
       "$value": {
         "colorSpace": "oklch",
@@ -2530,6 +2549,27 @@
       }
     }
   },
+  "fade": {
+    "$type": "dimension",
+    "edge": {
+      "$value": { "value": 24, "unit": "px" },
+      "$description": "The fade at the edge of a strip that scrolls sideways (mask-fade-x): long enough to say more is there, short enough to leave the item under it readable.",
+      "$extensions": { "build.botiverse.raft": { "scope": "root" } }
+    },
+    "content": {
+      "$value": { "value": 48, "unit": "px" },
+      "$description": "The fade where content is cut (mask-fade-t, mask-fade-b): a long message folded, a glimpse of hidden history. About two lines, so the cut reads as a fold, not a clipped line.",
+      "$extensions": { "build.botiverse.raft": { "scope": "root" } }
+    }
+  },
+  "opacity": {
+    "$type": "number",
+    "dimmed": {
+      "$value": 0.6,
+      "$description": "Something present but not active: deleted, offline or still pending (opacity-dimmed). The place a dragged item came from keeps its own 0.4 (data-drag-origin).",
+      "$extensions": { "build.botiverse.raft": { "scope": "root" } }
+    }
+  },
   "motion": {
     "drag-settle-duration": {
       "$type": "duration",

package/dist/wip.d.mts

@@ -1,4 +1,4 @@
-import { $ as MessageListJumpPillProps, Aa as PopoverBody, As as DialogCommit, B as DragMessages, Bs as DialogContentProps, C as InboxItemProps, Co as DropdownMenuLinkItemProps, Di as PreviewCardEyebrowProps, Ei as PreviewCardEyebrow, G as dragMessages, Gs as DialogFooterNoteProps, H as DragPlace, J as MessageListJumpPill, K as MessageListJumpControls, Ls as DialogClose, Mi as PreviewCardMeta, Ms as DialogSheetContent, Ni as PreviewCardMetaProps, Ns as DialogSheetContentProps, Oi as PreviewCardFooter, Os as TextLinkProps, Ps as Dialog, Q as MessageListJumpPillGroupProps, R as DEFAULT_DRAG_MESSAGES, Sa as MobileNavServerPopoverRowProps, So as DropdownMenuLinkItem, Ta as PopoverActionsProps, U as createDragAnnouncements, V as DragNamed, W as dragInstructions, Ws as DialogFooterNote, X as MessageListJumpPillDismissProps, Y as MessageListJumpPillDismiss, Z as MessageListJumpPillGroup, _a as MobileNavServerPopoverRowBodyProps, _c as VariantProps, _i as PreviewCardActionsProps, _s as ListRowProps, _t as MessageQuotedPreviewAuthorDelegatedByProps, aa as MobileNavServerPopoverContentProps, ba as MobileNavServerPopoverRowLabel, bi as PreviewCardBody, ca as MobileNavServerPopoverDestinations, cc as DialogTrigger, da as MobileNavServerPopoverGroupProps, dn as MessageReferenceReadMarkProps, dr as MessageItemDelegatedBy, fa as MobileNavServerPopoverList, fr as MessageItemDelegatedByButton, ga as MobileNavServerPopoverRowBody, gi as PreviewCardActions, gr as MessageItemDelegatedByProps, gt as MessageQuotedPreviewAuthorDelegatedBy, ha as MobileNavServerPopoverRow, hr as MessageItemDelegatedByNameProps, ia as MobileNavServerPopoverContent, ja as PopoverBodyProps, js as DialogCommitProps, ki as PreviewCardFooterProps, la as MobileNavServerPopoverDestinationsProps, lr as MessageItemDelegatedAvatar, ma as MobileNavServerPopoverProps, mr as MessageItemDelegatedByName, na as MobileNavServerItemProps, nc as DialogSheetBack, nn as MessageReferenceIcon, oa as MobileNavServerPopoverDestination, pa as MobileNavServerPopoverListProps, pc as ButtonProps, pr as MessageItemDelegatedByButtonProps, q as MessageListJumpControlsProps, ra as MobileNavServerPopover, rc as DialogSheetBackProps, rn as MessageReferenceIconProps, sa as MobileNavServerPopoverDestinationProps, sc as DialogTitleProps, ta as MobileNavServerItem, u as InboxItemDensity, ua as MobileNavServerPopoverGroup, un as MessageReferenceReadMark, ur as MessageItemDelegatedAvatarProps, va as MobileNavServerPopoverRowDescription, vc as DataAttributes, wa as PopoverActions, xa as MobileNavServerPopoverRowLabelProps, xi as PreviewCardBodyProps, ya as MobileNavServerPopoverRowDescriptionProps, yc as StyledProps, z as DragAnnouncementSource } from "./inbox-item-B8eXIikq.mjs";
+import { $ as MessageListJumpPillProps, Aa as PopoverBody, As as DialogCommit, B as DragMessages, Bs as DialogContentProps, C as InboxItemProps, Co as DropdownMenuLinkItemProps, Di as PreviewCardEyebrowProps, Ei as PreviewCardEyebrow, G as dragMessages, Gs as DialogFooterNoteProps, H as DragPlace, J as MessageListJumpPill, K as MessageListJumpControls, Ls as DialogClose, Mi as PreviewCardMeta, Ms as DialogSheetContent, Ni as PreviewCardMetaProps, Ns as DialogSheetContentProps, Oi as PreviewCardFooter, Os as TextLinkProps, Ps as Dialog, Q as MessageListJumpPillGroupProps, R as DEFAULT_DRAG_MESSAGES, Sa as MobileNavServerPopoverRowProps, So as DropdownMenuLinkItem, Ta as PopoverActionsProps, U as createDragAnnouncements, V as DragNamed, W as dragInstructions, Ws as DialogFooterNote, X as MessageListJumpPillDismissProps, Y as MessageListJumpPillDismiss, Z as MessageListJumpPillGroup, _a as MobileNavServerPopoverRowBodyProps, _c as VariantProps, _i as PreviewCardActionsProps, _s as ListRowProps, _t as MessageQuotedPreviewAuthorDelegatedByProps, aa as MobileNavServerPopoverContentProps, ba as MobileNavServerPopoverRowLabel, bi as PreviewCardBody, ca as MobileNavServerPopoverDestinations, cc as DialogTrigger, da as MobileNavServerPopoverGroupProps, dn as MessageReferenceReadMarkProps, dr as MessageItemDelegatedBy, fa as MobileNavServerPopoverList, fr as MessageItemDelegatedByButton, ga as MobileNavServerPopoverRowBody, gi as PreviewCardActions, gr as MessageItemDelegatedByProps, gt as MessageQuotedPreviewAuthorDelegatedBy, ha as MobileNavServerPopoverRow, hr as MessageItemDelegatedByNameProps, ia as MobileNavServerPopoverContent, ja as PopoverBodyProps, js as DialogCommitProps, ki as PreviewCardFooterProps, la as MobileNavServerPopoverDestinationsProps, lr as MessageItemDelegatedAvatar, ma as MobileNavServerPopoverProps, mr as MessageItemDelegatedByName, na as MobileNavServerItemProps, nc as DialogSheetBack, nn as MessageReferenceIcon, oa as MobileNavServerPopoverDestination, pa as MobileNavServerPopoverListProps, pc as ButtonProps, pr as MessageItemDelegatedByButtonProps, q as MessageListJumpControlsProps, ra as MobileNavServerPopover, rc as DialogSheetBackProps, rn as MessageReferenceIconProps, sa as MobileNavServerPopoverDestinationProps, sc as DialogTitleProps, ta as MobileNavServerItem, u as InboxItemDensity, ua as MobileNavServerPopoverGroup, un as MessageReferenceReadMark, ur as MessageItemDelegatedAvatarProps, va as MobileNavServerPopoverRowDescription, vc as DataAttributes, wa as PopoverActions, xa as MobileNavServerPopoverRowLabelProps, xi as PreviewCardBodyProps, ya as MobileNavServerPopoverRowDescriptionProps, yc as StyledProps, z as DragAnnouncementSource } from "./inbox-item-BYB2RRZK.mjs";
 import { CSSProperties, ComponentProps, ComponentPropsWithRef, ReactNode, RefObject } from "react";
 import { Button } from "@base-ui/react/button";
 import { useRender } from "@base-ui/react/use-render";
@@ -922,6 +922,27 @@ export declare function MeterTrack({ className, ...props }: MeterTrackProps): im
 type MeterIndicatorProps = StyledProps<Meter$1.Indicator.Props>;
 export declare function MeterIndicator({ className, ...props }: MeterIndicatorProps): import("react").JSX.Element;
 //#endregion
+//#region src/components/filter-chip/filter-chip.d.ts
+type FilterChipProps = ComponentPropsWithRef<"span"> & DataAttributes;
+/**
+ * The filter in effect, beside the filter button that chose it: an `info-soft`
+ * chip as high as the button, with an optional 14px icon, a `FilterChipLabel`
+ * and a `FilterChipRemove` × that resets the filter.
+ */
+export declare function FilterChip({ className, ...props }: FilterChipProps): import("react").JSX.Element;
+type FilterChipLabelProps = ComponentPropsWithRef<"span">;
+/** The name of the active filter. It truncates when the row has no room. */
+export declare function FilterChipLabel({ className, ...props }: FilterChipLabelProps): import("react").JSX.Element;
+type FilterChipRemoveProps = Omit<StyledProps<Button.Props>, "aria-label" | "type"> & DataAttributes & {
+  /**
+   * What the × does, said in words: the chip shows only a glyph. Name the
+   * result, such as "Clear Filter" or "Show All".
+   */
+  "aria-label": string;
+};
+/** The × that resets the filter to its default. Shows an X unless given children. */
+export declare function FilterChipRemove({ className, children, render, nativeButton, ...props }: FilterChipRemoveProps): import("react").JSX.Element;
+//#endregion
 //#region src/lib/overlay-depth.d.ts
 /**
  * A modal surface: a centred dialog (Dialog, AlertDialog, or an app's own
@@ -1167,4 +1188,4 @@ type ChoiceListMultipleProps = ChoiceListCommonProps & {
 type ChoiceListProps = ChoiceListSingleProps | ChoiceListMultipleProps;
 export declare function ChoiceList(props: ChoiceListProps): import("react").JSX.Element;
 //#endregion
-export { Dialog as AnnouncementDialog, DialogClose as AnnouncementDialogClose, DialogTrigger as AnnouncementDialogTrigger, type ChoiceListGroup, type ChoiceListItem, type ChoiceListMultipleProps, type ChoiceListProps, type ChoiceListSingleProps, type ComboboxSelectGroup, type ComboboxSelectMessages, type ComboboxSelectOption, type ComboboxSelectProps, type ComboboxSelectSelection, type ComboboxSelectValue, type CommentCardMetaProps, type CommentCardProps, type CommentCardQuoteProps, type CommentCardTriggerProps, type CommentEntryAuthorProps, type CommentEntryBodyProps, type CommentEntryHeaderProps, type CommentEntryProps, type CommentEntryTimeProps, type CommentMarginItemProps, type CommentMarginLayout, type CommentMarginLayoutItem, type CommentMarginLayoutOptions, type CommentMarginProps, type CommentMarkerProps, DEFAULT_DRAG_MESSAGES, DialogCommit, type DialogCommitProps, DialogFooterNote, type DialogFooterNoteProps, DialogSheetBack, type DialogSheetBackProps, DialogSheetContent, type DialogSheetContentProps, type DragAcrossLists, type DragAnnouncementSource, type DragLiftProps, type DragListsItems, type DragMessages, type DragNamed, type DragPlace, type DragRefusalHintProps, type DragRemeasureProps, type DragSensorsOptions, type DraggedSlotProps, type DropPlaceholderProps, DropdownMenuLinkItem, type DropdownMenuLinkItemProps, type EllipsisProps, type EllipsisState, type EllipsisToggleProps, type HoldThenMoveOptions, type InboxItemLeadingBadgeProps, type InboxItemSkeletonListProps, type InboxItemSkeletonProps, type ListRowSkeletonProps, MessageItemDelegatedAvatar, type MessageItemDelegatedAvatarProps, MessageItemDelegatedBy, MessageItemDelegatedByButton, type MessageItemDelegatedByButtonProps, MessageItemDelegatedByName, type MessageItemDelegatedByNameProps, type MessageItemDelegatedByProps, MessageListJumpControls, type MessageListJumpControlsProps, MessageListJumpPill, MessageListJumpPillDismiss, type MessageListJumpPillDismissProps, MessageListJumpPillGroup, type MessageListJumpPillGroupProps, type MessageListJumpPillProps, MessageQuotedPreviewAuthorDelegatedBy, type MessageQuotedPreviewAuthorDelegatedByProps, MessageReferenceIcon, type MessageReferenceIconProps, MessageReferenceReadMark, type MessageReferenceReadMarkProps, type MeterHeaderProps, type MeterIndicatorProps, type MeterLabelProps, type MeterProps, type MeterTrackProps, type MeterValueProps, MobileNavServerItem, type MobileNavServerItemProps, MobileNavServerPopover, MobileNavServerPopoverContent, type MobileNavServerPopoverContentProps, MobileNavServerPopoverDestination, type MobileNavServerPopoverDestinationProps, MobileNavServerPopoverDestinations, type MobileNavServerPopoverDestinationsProps, MobileNavServerPopoverGroup, type MobileNavServerPopoverGroupProps, MobileNavServerPopoverList, type MobileNavServerPopoverListProps, type MobileNavServerPopoverProps, MobileNavServerPopoverRow, MobileNavServerPopoverRowBody, type MobileNavServerPopoverRowBodyProps, MobileNavServerPopoverRowDescription, type MobileNavServerPopoverRowDescriptionProps, MobileNavServerPopoverRowLabel, type MobileNavServerPopoverRowLabelProps, type MobileNavServerPopoverRowProps, type OverlayLayerKind, type OverlayLayerProviderProps, PopoverActions, type PopoverActionsProps, PopoverBody, type PopoverBodyProps, PreviewCardActions, type PreviewCardActionsProps, PreviewCardBody, type PreviewCardBodyProps, PreviewCardEyebrow, type PreviewCardEyebrowProps, PreviewCardFooter, type PreviewCardFooterProps, PreviewCardMeta, type PreviewCardMetaProps, type PullToRefresh, type PullToRefreshIndicatorProps, type PullToRefreshPlatform, type PullToRefreshState, type UseCommentMarginFitsOptions, type UseDragListsOptions, type UsePullToRefreshOptions, createDragAnnouncements, dragInstructions, dragMessages };
+export { Dialog as AnnouncementDialog, DialogClose as AnnouncementDialogClose, DialogTrigger as AnnouncementDialogTrigger, type ChoiceListGroup, type ChoiceListItem, type ChoiceListMultipleProps, type ChoiceListProps, type ChoiceListSingleProps, type ComboboxSelectGroup, type ComboboxSelectMessages, type ComboboxSelectOption, type ComboboxSelectProps, type ComboboxSelectSelection, type ComboboxSelectValue, type CommentCardMetaProps, type CommentCardProps, type CommentCardQuoteProps, type CommentCardTriggerProps, type CommentEntryAuthorProps, type CommentEntryBodyProps, type CommentEntryHeaderProps, type CommentEntryProps, type CommentEntryTimeProps, type CommentMarginItemProps, type CommentMarginLayout, type CommentMarginLayoutItem, type CommentMarginLayoutOptions, type CommentMarginProps, type CommentMarkerProps, DEFAULT_DRAG_MESSAGES, DialogCommit, type DialogCommitProps, DialogFooterNote, type DialogFooterNoteProps, DialogSheetBack, type DialogSheetBackProps, DialogSheetContent, type DialogSheetContentProps, type DragAcrossLists, type DragAnnouncementSource, type DragLiftProps, type DragListsItems, type DragMessages, type DragNamed, type DragPlace, type DragRefusalHintProps, type DragRemeasureProps, type DragSensorsOptions, type DraggedSlotProps, type DropPlaceholderProps, DropdownMenuLinkItem, type DropdownMenuLinkItemProps, type EllipsisProps, type EllipsisState, type EllipsisToggleProps, type FilterChipLabelProps, type FilterChipProps, type FilterChipRemoveProps, type HoldThenMoveOptions, type InboxItemLeadingBadgeProps, type InboxItemSkeletonListProps, type InboxItemSkeletonProps, type ListRowSkeletonProps, MessageItemDelegatedAvatar, type MessageItemDelegatedAvatarProps, MessageItemDelegatedBy, MessageItemDelegatedByButton, type MessageItemDelegatedByButtonProps, MessageItemDelegatedByName, type MessageItemDelegatedByNameProps, type MessageItemDelegatedByProps, MessageListJumpControls, type MessageListJumpControlsProps, MessageListJumpPill, MessageListJumpPillDismiss, type MessageListJumpPillDismissProps, MessageListJumpPillGroup, type MessageListJumpPillGroupProps, type MessageListJumpPillProps, MessageQuotedPreviewAuthorDelegatedBy, type MessageQuotedPreviewAuthorDelegatedByProps, MessageReferenceIcon, type MessageReferenceIconProps, MessageReferenceReadMark, type MessageReferenceReadMarkProps, type MeterHeaderProps, type MeterIndicatorProps, type MeterLabelProps, type MeterProps, type MeterTrackProps, type MeterValueProps, MobileNavServerItem, type MobileNavServerItemProps, MobileNavServerPopover, MobileNavServerPopoverContent, type MobileNavServerPopoverContentProps, MobileNavServerPopoverDestination, type MobileNavServerPopoverDestinationProps, MobileNavServerPopoverDestinations, type MobileNavServerPopoverDestinationsProps, MobileNavServerPopoverGroup, type MobileNavServerPopoverGroupProps, MobileNavServerPopoverList, type MobileNavServerPopoverListProps, type MobileNavServerPopoverProps, MobileNavServerPopoverRow, MobileNavServerPopoverRowBody, type MobileNavServerPopoverRowBodyProps, MobileNavServerPopoverRowDescription, type MobileNavServerPopoverRowDescriptionProps, MobileNavServerPopoverRowLabel, type MobileNavServerPopoverRowLabelProps, type MobileNavServerPopoverRowProps, type OverlayLayerKind, type OverlayLayerProviderProps, PopoverActions, type PopoverActionsProps, PopoverBody, type PopoverBodyProps, PreviewCardActions, type PreviewCardActionsProps, PreviewCardBody, type PreviewCardBodyProps, PreviewCardEyebrow, type PreviewCardEyebrowProps, PreviewCardFooter, type PreviewCardFooterProps, PreviewCardMeta, type PreviewCardMetaProps, type PullToRefresh, type PullToRefreshIndicatorProps, type PullToRefreshPlatform, type PullToRefreshState, type UseCommentMarginFitsOptions, type UseDragListsOptions, type UsePullToRefreshOptions, createDragAnnouncements, dragInstructions, dragMessages };

package/dist/wip.mjs

@@ -1,5 +1,5 @@
 import { cn } from "./cn.mjs";
-import { $i as DialogContent, A as DRAG_AUTO_SCROLL_ZONE_PX, Ai as ListRow, B as useDragSiblingTransition, Bn as RadioGroupItem, Br as TOUCH_DRAG_TOLERANCE_PX, C as DropPlaceholder, D as listKeyboardCoordinates, Da as tv, Di as Checkbox, E as MOUSE_DRAG_DISTANCE_PX, F as DROP_GLIDE, G as SILENT_DRAG_ANNOUNCEMENTS, Gi as TooltipTrigger, Gn as measureContent, H as LIFT_CLASS, Hi as TooltipContent, Hn as InputGroupAddon, Hr as useMouseOnlyPointerSensor, I as DragLift, Ir as HoldThenMoveTouchSensor, It as MessageReferenceReadMark, J as dragMessages, Ji as DialogSheetContent, Jn as readNow, K as createDragAnnouncements, Kn as measureElement, L as ORIGIN_OPACITY, Li as ListRowMeta, Lr as MouseOnlyPointerSensor, M as DRAG_LIFT_Z_INDEX, Mi as ListRowBottom, Mt as MessageReferenceIcon, N as DRAG_SETTLE, O as useDragAcrossLists, P as DRAG_SIBLING_TRANSITION, Pi as ListRowDescription, Q as MessageListJumpPillGroup, Qi as DialogClose, Qn as PreviewCardBody, R as cancelDrag, Ri as ListRowTitle, Rn as RadioGroup, Rr as TOUCH_DRAG_DISTANCE_PX, S as DragRefusalHint, Sa as useParentOverlayKind, Sr as PopoverActions, T as DragRemeasure, Ta as useTheme, Tr as PopoverBody, Un as InputGroupInput, Vi as Tooltip, Vn as InputGroup, Vr as useHoldThenMoveTouchSensor, W as DEFAULT_DRAG_MESSAGES, Wn as useOverflowTitle, X as MessageListJumpPill, Xi as Dialog, Xn as PreviewCardActions, Y as MessageListJumpControls, Z as MessageListJumpPillDismiss, _ as InboxItemTrailing, _a as Button$1, _r as MobileNavServerPopoverRow, a as InboxItemContext, b as useLatestRef, ba as defaultNativeButton, br as MobileNavServerPopoverRowLabel, c as InboxItemLeading, cn as MessageItemDelegatedAvatar, ct as MessageQuotedPreviewAuthorDelegatedBy, dn as MessageItemDelegatedByName, dr as MobileNavServerPopover, fr as MobileNavServerPopoverContent, g as InboxItemTitle, gr as MobileNavServerPopoverList, h as InboxItemTimestamp, hr as MobileNavServerPopoverGroup, i as InboxItemContent, ir as PreviewCardMeta, j as DRAG_KEYBOARD_OFFSET_PX, ji as ListRowBody, k as useDragSensors, la as DialogTitle, ln as MessageItemDelegatedBy, mr as MobileNavServerPopoverDestinations, na as DialogFooterNote, nr as PreviewCardFooter, o as InboxItemHeading, pa as TextLink, pr as MobileNavServerPopoverDestination, q as dragInstructions, qi as DialogCommit, qn as observeTruncation, r as InboxItemBody, sa as DialogSheetBack, t as InboxItem, ti as DropdownMenuLinkItem, tr as PreviewCardEyebrow, ua as DialogTrigger, un as MessageItemDelegatedByButton, ur as MobileNavServerItem, vr as MobileNavServerPopoverRowBody, w as DRAG_KEYBOARD_CODES, wa as useThemeScopeProps, x as Skeleton, xa as OverlayLayerProvider, y as inboxItem, ya as Spinner, yr as MobileNavServerPopoverRowDescription, z as keepGrabInside, zi as ListRowTop, zr as TOUCH_DRAG_HOLD_MS } from "./inbox-item-BB6vO4PO.mjs";
+import { $i as DialogClose, $n as PreviewCardBody, A as DRAG_AUTO_SCROLL_ZONE_PX, Aa as tv, B as useDragSiblingTransition, Bi as ListRowTop, Bn as RadioGroupItem, Br as TOUCH_DRAG_HOLD_MS, C as DropPlaceholder, Ca as defaultNativeButton, Cr as PopoverActions, D as listKeyboardCoordinates, Da as useThemeScopeProps, E as MOUSE_DRAG_DISTANCE_PX, Er as PopoverBody, F as DROP_GLIDE, Fi as ListRowDescription, G as SILENT_DRAG_ANNOUNCEMENTS, Gn as useOverflowTitle, H as LIFT_CLASS, Hi as Tooltip, Hn as InputGroup, Hr as useHoldThenMoveTouchSensor, I as DragLift, It as MessageReferenceReadMark, J as dragMessages, Ji as DialogCommit, Jn as observeTruncation, K as createDragAnnouncements, Ki as TooltipTrigger, Kn as measureContent, L as ORIGIN_OPACITY, Lr as HoldThenMoveTouchSensor, M as DRAG_LIFT_Z_INDEX, Mi as ListRowBody, Mt as MessageReferenceIcon, N as DRAG_SETTLE, Ni as ListRowBottom, O as useDragAcrossLists, Oa as useTheme, Oi as Checkbox, P as DRAG_SIBLING_TRANSITION, Q as MessageListJumpPillGroup, R as cancelDrag, Ri as ListRowMeta, Rn as RadioGroup, Rr as MouseOnlyPointerSensor, S as DragRefusalHint, Sa as Spinner, T as DragRemeasure, Ta as useParentOverlayKind, Ui as TooltipContent, Un as InputGroupAddon, Ur as useMouseOnlyPointerSensor, Vn as chipRemoveBase, Vr as TOUCH_DRAG_TOLERANCE_PX, W as DEFAULT_DRAG_MESSAGES, Wn as InputGroupInput, X as MessageListJumpPill, Y as MessageListJumpControls, Yi as DialogSheetContent, Yn as readNow, Z as MessageListJumpPillDismiss, Zi as Dialog, Zn as PreviewCardActions, _ as InboxItemTrailing, _r as MobileNavServerPopoverList, a as InboxItemContext, ar as PreviewCardMeta, b as useLatestRef, ba as Button$1, br as MobileNavServerPopoverRowDescription, c as InboxItemLeading, ca as DialogSheetBack, cn as MessageItemDelegatedAvatar, ct as MessageQuotedPreviewAuthorDelegatedBy, da as DialogTrigger, dn as MessageItemDelegatedByName, dr as MobileNavServerItem, ea as DialogContent, fr as MobileNavServerPopover, g as InboxItemTitle, ga as TextLink, gr as MobileNavServerPopoverGroup, h as InboxItemTimestamp, hr as MobileNavServerPopoverDestinations, i as InboxItemContent, j as DRAG_KEYBOARD_OFFSET_PX, ji as ListRow, k as useDragSensors, ln as MessageItemDelegatedBy, mr as MobileNavServerPopoverDestination, ni as DropdownMenuLinkItem, nr as PreviewCardEyebrow, o as InboxItemHeading, pr as MobileNavServerPopoverContent, q as dragInstructions, qn as measureElement, r as InboxItemBody, ra as DialogFooterNote, rr as PreviewCardFooter, t as InboxItem, ua as DialogTitle, un as MessageItemDelegatedByButton, vr as MobileNavServerPopoverRow, w as DRAG_KEYBOARD_CODES, wa as OverlayLayerProvider, x as Skeleton, xr as MobileNavServerPopoverRowLabel, y as inboxItem, yr as MobileNavServerPopoverRowBody, z as keepGrabInside, zi as ListRowTitle, zr as TOUCH_DRAG_DISTANCE_PX } from "./inbox-item-Bk5SfPrz.mjs";
 import { Check, ChevronDown, LoaderCircle, Plus, Search, X } from "lucide-react";
 import { createContext, use, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -2002,6 +2002,54 @@ function MeterIndicator({ className, ...props }) {
 	});
 }
 //#endregion
+//#region src/components/filter-chip/filter-chip.tsx
+const filterChip = tv({ slots: {
+	root: [
+		"inline-flex h-8 min-w-0 shrink items-center",
+		"gap-1.5 rounded-control bg-info-soft pr-1 pl-2.5",
+		"font-sans text-control font-semibold text-foreground",
+		"[&>svg]:pointer-events-none [&>svg]:shrink-0",
+		"[&>svg:not([class*='size-'])]:size-3.5 [&>svg:not([class*='stroke-'])]:stroke-2"
+	],
+	label: ["min-w-0 truncate"],
+	remove: [...chipRemoveBase, "size-6"]
+} });
+/**
+* The filter in effect, beside the filter button that chose it: an `info-soft`
+* chip as high as the button, with an optional 14px icon, a `FilterChipLabel`
+* and a `FilterChipRemove` × that resets the filter.
+*/
+function FilterChip({ className, ...props }) {
+	const { root } = filterChip();
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "filter-chip",
+		className: root({ className }),
+		...props
+	});
+}
+/** The name of the active filter. It truncates when the row has no room. */
+function FilterChipLabel({ className, ...props }) {
+	const { label } = filterChip();
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "filter-chip-label",
+		className: label({ className }),
+		...props
+	});
+}
+/** The × that resets the filter to its default. Shows an X unless given children. */
+function FilterChipRemove({ className, children, render, nativeButton, ...props }) {
+	const { remove } = filterChip();
+	return /* @__PURE__ */ jsx(Button, {
+		...props,
+		render,
+		nativeButton: nativeButton ?? defaultNativeButton(render),
+		type: "button",
+		"data-slot": "filter-chip-remove",
+		className: remove({ className }),
+		children: children ?? /* @__PURE__ */ jsx(X, { "aria-hidden": true })
+	});
+}
+//#endregion
 //#region src/components/pull-to-refresh/pull-to-refresh-gesture.ts
 /**
 * The pull-to-refresh gesture as a pure state machine (pull-to-refresh.md,
@@ -2911,4 +2959,4 @@ function ChoiceList(props) {
 	});
 }
 //#endregion
-export { Dialog as AnnouncementDialog, AnnouncementDialogAction, AnnouncementDialogBody, DialogClose as AnnouncementDialogClose, AnnouncementDialogContent, AnnouncementDialogFooter, AnnouncementDialogHeader, AnnouncementDialogLabel, AnnouncementDialogPicture, AnnouncementDialogSecondaryAction, AnnouncementDialogText, AnnouncementDialogTitle, DialogTrigger as AnnouncementDialogTrigger, COMMENT_HIGHLIGHT, COMMENT_HIGHLIGHT_ACTIVE, ChoiceList, ComboboxSelect, CommentCard, CommentCardMeta, CommentCardQuote, CommentCardTrigger, CommentEntry, CommentEntryAuthor, CommentEntryBody, CommentEntryHeader, CommentEntryTime, CommentMargin, CommentMarginItem, CommentMarker, DEFAULT_DRAG_MESSAGES, DRAG_AUTO_SCROLL_ZONE_PX, DRAG_KEYBOARD_CODES, DRAG_KEYBOARD_OFFSET_PX, DRAG_LIFT_Z_INDEX, DRAG_SETTLE, DRAG_SIBLING_TRANSITION, DROP_GLIDE, DialogCommit, DialogFooterNote, DialogSheetBack, DialogSheetContent, DragLift, DragLiveRegion, DragRefusalHint, DragRemeasure, DraggedSlot, DropPlaceholder, DropdownMenuLinkItem, Ellipsis, EllipsisToggle, HoldThenMoveTouchSensor, InboxItemLeadingBadge, InboxItemSkeleton, InboxItemSkeletonList, LIFT_CLASS, ListRowSkeleton, MOUSE_DRAG_DISTANCE_PX, MessageItemDelegatedAvatar, MessageItemDelegatedBy, MessageItemDelegatedByButton, MessageItemDelegatedByName, MessageListJumpControls, MessageListJumpPill, MessageListJumpPillDismiss, MessageListJumpPillGroup, MessageQuotedPreviewAuthorDelegatedBy, MessageReferenceIcon, MessageReferenceReadMark, Meter, MeterHeader, MeterIndicator, MeterLabel, MeterTrack, MeterValue, MobileNavServerItem, MobileNavServerPopover, MobileNavServerPopoverContent, MobileNavServerPopoverDestination, MobileNavServerPopoverDestinations, MobileNavServerPopoverGroup, MobileNavServerPopoverList, MobileNavServerPopoverRow, MobileNavServerPopoverRowBody, MobileNavServerPopoverRowDescription, MobileNavServerPopoverRowLabel, MouseOnlyPointerSensor, ORIGIN_OPACITY, OverlayLayerProvider, PULL_TO_REFRESH_DAMPING, PULL_TO_REFRESH_HOLD_DISTANCE, PULL_TO_REFRESH_MAX_DISTANCE, PULL_TO_REFRESH_POINTER_QUERY, PULL_TO_REFRESH_SNAP_BACK_MS, PULL_TO_REFRESH_THRESHOLD, PopoverActions, PopoverBody, PreviewCardActions, PreviewCardBody, PreviewCardEyebrow, PreviewCardFooter, PreviewCardMeta, PullToRefreshIndicator, TOUCH_DRAG_DISTANCE_PX, TOUCH_DRAG_HOLD_MS, TOUCH_DRAG_TOLERANCE_PX, cancelDrag, createDragAnnouncements, dragInstructions, dragListStrategy, dragMessages, keepGrabInside, listKeyboardCoordinates, resolveCommentMarginLayout, setCommentHighlights, useCommentMarginFits, useDragAcrossLists, useDragAnnouncer, useDragLists, useDragSensors, useDragSiblingTransition, useHoldThenMoveTouchSensor, useMouseOnlyPointerSensor, useParentOverlayKind, usePullToRefresh, useTruncated };
+export { Dialog as AnnouncementDialog, AnnouncementDialogAction, AnnouncementDialogBody, DialogClose as AnnouncementDialogClose, AnnouncementDialogContent, AnnouncementDialogFooter, AnnouncementDialogHeader, AnnouncementDialogLabel, AnnouncementDialogPicture, AnnouncementDialogSecondaryAction, AnnouncementDialogText, AnnouncementDialogTitle, DialogTrigger as AnnouncementDialogTrigger, COMMENT_HIGHLIGHT, COMMENT_HIGHLIGHT_ACTIVE, ChoiceList, ComboboxSelect, CommentCard, CommentCardMeta, CommentCardQuote, CommentCardTrigger, CommentEntry, CommentEntryAuthor, CommentEntryBody, CommentEntryHeader, CommentEntryTime, CommentMargin, CommentMarginItem, CommentMarker, DEFAULT_DRAG_MESSAGES, DRAG_AUTO_SCROLL_ZONE_PX, DRAG_KEYBOARD_CODES, DRAG_KEYBOARD_OFFSET_PX, DRAG_LIFT_Z_INDEX, DRAG_SETTLE, DRAG_SIBLING_TRANSITION, DROP_GLIDE, DialogCommit, DialogFooterNote, DialogSheetBack, DialogSheetContent, DragLift, DragLiveRegion, DragRefusalHint, DragRemeasure, DraggedSlot, DropPlaceholder, DropdownMenuLinkItem, Ellipsis, EllipsisToggle, FilterChip, FilterChipLabel, FilterChipRemove, HoldThenMoveTouchSensor, InboxItemLeadingBadge, InboxItemSkeleton, InboxItemSkeletonList, LIFT_CLASS, ListRowSkeleton, MOUSE_DRAG_DISTANCE_PX, MessageItemDelegatedAvatar, MessageItemDelegatedBy, MessageItemDelegatedByButton, MessageItemDelegatedByName, MessageListJumpControls, MessageListJumpPill, MessageListJumpPillDismiss, MessageListJumpPillGroup, MessageQuotedPreviewAuthorDelegatedBy, MessageReferenceIcon, MessageReferenceReadMark, Meter, MeterHeader, MeterIndicator, MeterLabel, MeterTrack, MeterValue, MobileNavServerItem, MobileNavServerPopover, MobileNavServerPopoverContent, MobileNavServerPopoverDestination, MobileNavServerPopoverDestinations, MobileNavServerPopoverGroup, MobileNavServerPopoverList, MobileNavServerPopoverRow, MobileNavServerPopoverRowBody, MobileNavServerPopoverRowDescription, MobileNavServerPopoverRowLabel, MouseOnlyPointerSensor, ORIGIN_OPACITY, OverlayLayerProvider, PULL_TO_REFRESH_DAMPING, PULL_TO_REFRESH_HOLD_DISTANCE, PULL_TO_REFRESH_MAX_DISTANCE, PULL_TO_REFRESH_POINTER_QUERY, PULL_TO_REFRESH_SNAP_BACK_MS, PULL_TO_REFRESH_THRESHOLD, PopoverActions, PopoverBody, PreviewCardActions, PreviewCardBody, PreviewCardEyebrow, PreviewCardFooter, PreviewCardMeta, PullToRefreshIndicator, TOUCH_DRAG_DISTANCE_PX, TOUCH_DRAG_HOLD_MS, TOUCH_DRAG_TOLERANCE_PX, cancelDrag, createDragAnnouncements, dragInstructions, dragListStrategy, dragMessages, keepGrabInside, listKeyboardCoordinates, resolveCommentMarginLayout, setCommentHighlights, useCommentMarginFits, useDragAcrossLists, useDragAnnouncer, useDragLists, useDragSensors, useDragSiblingTransition, useHoldThenMoveTouchSensor, useMouseOnlyPointerSensor, useParentOverlayKind, usePullToRefresh, useTruncated };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botiverse/raft-ui",
-  "version": "0.36.1",
+  "version": "0.38.0",
   "description": "React components and CSS foundations for the Raft Design System.",
   "keywords": [
     "agent-skills",