@botiverse/raft-ui 0.37.0 → 0.39.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,49 @@
1
+ ## [0.39.0](https://github.com/botiverse/raft-design/compare/v0.38.0...v0.39.0) (2026-10-27)
2
+
3
+ ### Design System
4
+
5
+ - **Themes:** status lights, the Working chip and task status keep their colour in every theme, Boring Gray included. A theme is chosen per member per server (the docs said it followed the account). ([#832](https://github.com/botiverse/raft-design/pull/832))
6
+ - Docs: https://raft-design.botiverse.build/foundations/themes/
7
+ - **MessageActionCard:** a Done card that leaves the viewer a next step stays open, with that step in its actions row. ([#831](https://github.com/botiverse/raft-design/pull/831))
8
+
9
+ ### Added
10
+
11
+ - Token `presence-busy-soft` (same values as `brand-soft`) and **Badge** `variant="busy"`: the Working chip's tint and a `presence-busy` sticker that no theme recolours. ([#832](https://github.com/botiverse/raft-design/pull/832))
12
+
13
+ ### Changed
14
+
15
+ - **Status** `variant="primary"` and the **MessageActionCardStatus** primary pixel use `presence-busy` (were `brand-400` / `brand`). Same colour in Raft Yellow; stays yellow in Boring Gray. ([#832](https://github.com/botiverse/raft-design/pull/832))
16
+ - Affects: a "Working" chip built as `Badge variant="primary" appearance="soft"` still follows the theme; use `variant="busy"`.
17
+
18
+ ### Fixed
19
+
20
+ - **Tap activation** (TabsTab, SegmentedControlItem, ToggleGroupItem, MobileNavItem, PanelAction `activateOnTouchEnd`): when the click moves focus (a tab that focuses a search field), the control no longer takes focus back. ([#833](https://github.com/botiverse/raft-design/pull/833))
21
+
22
+ ## [0.38.0](https://github.com/botiverse/raft-design/compare/v0.37.0...v0.38.0) (2026-10-27)
23
+
24
+ ### Design System
25
+
26
+ - **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))
27
+ - Docs: https://raft-design.botiverse.build/patterns/navigation/
28
+ - **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))
29
+ - **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))
30
+ - **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))
31
+ - **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))
32
+ - **Public page:** the sign-up prompt. ([#823](https://github.com/botiverse/raft-design/pull/823))
33
+ - **Dialog:** the showcase frame also holds Pro's Add seats dialog. ([#818](https://github.com/botiverse/raft-design/pull/818))
34
+
35
+ ### Added
36
+
37
+ - **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))
38
+ - **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))
39
+
40
+ ### Changed
41
+
42
+ - **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))
43
+ - 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.
44
+ - **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))
45
+ - Affects: content that read those variables uses `onTransformChange` instead.
46
+
1
47
  ## [0.37.0](https://github.com/botiverse/raft-design/compare/v0.36.1...v0.37.0) (2026-10-26)
2
48
 
3
49
  ### Design System
@@ -12,12 +12,10 @@
12
12
  * In the `components` layer, so a utility in the consumer's `className` (`h-*`, `max-h-*`, `overflow-*`)
13
13
  * overrides these rules.
14
14
  *
15
- * CSS variables the list writes as inline styles, for sticky children to read:
16
- * --virtual-list-transform-y on the rows' element: its translateY (the offset of the first
17
- * mounted row, less its top margin), "0px" with virtualization off
18
- * --virtual-list-ios-compensation-y on the rows' element: the iOS momentum-scroll compensation
19
- * applied to the spacer as translateY(-value)
20
- * --virtual-list-width on `.r-virtual-list`: the list's offsetWidth
15
+ * CSS variable the list writes as an inline style, for sticky children to read:
16
+ * --virtual-list-width on `.r-virtual-list`: the list's offsetWidth
17
+ * The rows' element carries no CSS variable: custom properties inherit, so one written there on every
18
+ * scroll would restyle every row. Content that must follow the rows' offset uses `onTransformChange`.
21
19
  */
22
20
  @layer components {
23
21
  .r-virtual-list {
@@ -359,7 +359,13 @@
359
359
  both modes. */
360
360
  --sticker-medium: oklch(0.1813 0.005 17.62 / 0.1);
361
361
  --presence-online: oklch(0.8272 0.1354 130.07);
362
+ /* Yellow for an agent at work, and for Status variant="primary". The value of
363
+ brand in Raft Yellow, but its own, so a theme that grays the brand (Boring
364
+ Gray) keeps a working agent yellow. */
362
365
  --presence-busy: oklch(0.8829 0.1623 91.9);
366
+ /* The tint of the Working chip (Badge variant="busy"). The value of brand-soft
367
+ in Raft Yellow, but its own, so Boring Gray keeps it yellow. */
368
+ --presence-busy-soft: oklch(0.9547 0.0674 93.62);
363
369
  --presence-error: oklch(0.7855 0.1227 50.11);
364
370
  --presence-offline: oklch(0.7892 0.0137 71.29);
365
371
  --presence-external: oklch(0.7833 0.1353 219.21);
@@ -452,6 +458,7 @@
452
458
  --focus-ring: 0 0 0 2px oklch(0.2213 0.0038 106.71), 0 0 0 4px oklch(0.9211 0.004 106.48);
453
459
  --selection: color-mix(in oklch, var(--brand-400) 22%, transparent);
454
460
  --sticker-edge: oklch(0.9843 0.004 106.47 / 0.349);
461
+ --presence-busy-soft: oklch(0.5501 0.0999 91.5 / 0.2);
455
462
  --read-mark: var(--presence-online);
456
463
  }
457
464
 
@@ -537,6 +544,7 @@
537
544
  --focus-ring: 0 0 0 2px oklch(0.2213 0.0038 106.71), 0 0 0 4px oklch(0.9211 0.004 106.48);
538
545
  --selection: color-mix(in oklch, var(--brand-400) 22%, transparent);
539
546
  --sticker-edge: oklch(0.9843 0.004 106.47 / 0.349);
547
+ --presence-busy-soft: oklch(0.5501 0.0999 91.5 / 0.2);
540
548
  --read-mark: var(--presence-online);
541
549
  }
542
550
  }
@@ -664,6 +664,173 @@ function TextLinkExternalIcon({ label, className }) {
664
664
  }) : null]
665
665
  });
666
666
  }
667
+ /** How long after a tap a click on the same control is the browser's echo of it. */
668
+ const ECHO_CLICK_MS = 800;
669
+ const DISABLED = ":disabled, [aria-disabled=\"true\"], [data-disabled]";
670
+ function findTouch(list, id) {
671
+ if (!list) return void 0;
672
+ for (let i = 0; i < list.length; i++) {
673
+ const touch = list[i];
674
+ if (touch && touch.identifier === id) return touch;
675
+ }
676
+ }
677
+ function isStylus(touch) {
678
+ return touch.touchType === "stylus";
679
+ }
680
+ /**
681
+ * Make `element` activate on a tap's `touchend`. Returns a function that
682
+ * removes the listeners. Does nothing outside a browser.
683
+ */
684
+ function attachTapActivation(element) {
685
+ const view = element.ownerDocument?.defaultView;
686
+ if (!view) return () => void 0;
687
+ const now = () => view.performance?.now() ?? Date.now();
688
+ let gesture = null;
689
+ let clicking = false;
690
+ let swallowClickUntil = -Infinity;
691
+ const onTouchStart = (event) => {
692
+ swallowClickUntil = -Infinity;
693
+ const touch = event.touches.length === 1 ? event.changedTouches[0] : void 0;
694
+ gesture = touch && !isStylus(touch) ? {
695
+ id: touch.identifier,
696
+ x: touch.clientX,
697
+ y: touch.clientY,
698
+ at: now(),
699
+ moved: false
700
+ } : null;
701
+ };
702
+ const onTouchMove = (event) => {
703
+ if (!gesture || gesture.moved) return;
704
+ const touch = findTouch(event.touches, gesture.id);
705
+ if (!touch) return;
706
+ if (Math.hypot(touch.clientX - gesture.x, touch.clientY - gesture.y) > 10) gesture.moved = true;
707
+ };
708
+ const onTouchCancel = () => {
709
+ gesture = null;
710
+ };
711
+ const onTouchEnd = (event) => {
712
+ const started = gesture;
713
+ gesture = null;
714
+ if (!started || started.moved || event.touches.length > 0) return;
715
+ const touch = findTouch(event.changedTouches, started.id);
716
+ if (!touch) return;
717
+ if (Math.hypot(touch.clientX - started.x, touch.clientY - started.y) > 10) return;
718
+ if (now() - started.at >= 500) return;
719
+ if (!event.cancelable) return;
720
+ if (element.matches(DISABLED)) return;
721
+ const box = element.getBoundingClientRect();
722
+ if (!(touch.clientX >= box.left && touch.clientX <= box.right && touch.clientY >= box.top && touch.clientY <= box.bottom)) return;
723
+ event.preventDefault();
724
+ swallowClickUntil = now() + ECHO_CLICK_MS;
725
+ const focusedBefore = element.ownerDocument.activeElement;
726
+ clicking = true;
727
+ try {
728
+ element.click();
729
+ } finally {
730
+ clicking = false;
731
+ }
732
+ if (element.ownerDocument.activeElement === focusedBefore) element.focus({ preventScroll: true });
733
+ };
734
+ const endEchoWindow = () => {
735
+ swallowClickUntil = -Infinity;
736
+ };
737
+ const onPointerDown = (event) => {
738
+ if (event.pointerType !== "touch") endEchoWindow();
739
+ };
740
+ const onClick = (event) => {
741
+ if (clicking || now() > swallowClickUntil) return;
742
+ swallowClickUntil = -Infinity;
743
+ event.preventDefault();
744
+ event.stopImmediatePropagation();
745
+ };
746
+ const passive = { passive: true };
747
+ element.addEventListener("touchstart", onTouchStart, passive);
748
+ element.addEventListener("touchmove", onTouchMove, passive);
749
+ element.addEventListener("touchcancel", onTouchCancel, passive);
750
+ element.addEventListener("pointerdown", onPointerDown, passive);
751
+ element.addEventListener("keydown", endEchoWindow, passive);
752
+ element.addEventListener("touchend", onTouchEnd, { passive: false });
753
+ element.addEventListener("click", onClick, { capture: true });
754
+ return () => {
755
+ element.removeEventListener("touchstart", onTouchStart);
756
+ element.removeEventListener("touchmove", onTouchMove);
757
+ element.removeEventListener("touchcancel", onTouchCancel);
758
+ element.removeEventListener("pointerdown", onPointerDown);
759
+ element.removeEventListener("keydown", endEchoWindow);
760
+ element.removeEventListener("touchend", onTouchEnd);
761
+ element.removeEventListener("click", onClick, { capture: true });
762
+ };
763
+ }
764
+ /**
765
+ * A ref callback that gives the element it is set to tap activation
766
+ * (`attachTapActivation`), and removes it when the element goes or
767
+ * `enabled` turns false. Merge it with the control's other refs.
768
+ */
769
+ function useTapActivation(enabled = true) {
770
+ const detachRef = useRef(null);
771
+ return useCallback((node) => {
772
+ detachRef.current?.();
773
+ detachRef.current = enabled && node ? attachTapActivation(node) : null;
774
+ }, [enabled]);
775
+ }
776
+ //#endregion
777
+ //#region src/lib/use-merged-ref.ts
778
+ /**
779
+ * Merges refs into one setter. Returns `[setRef, getRef]`: `setRef(el)` stores `el` and passes it to
780
+ * every ref; `getRef()` reads the stored element. When a ref changes between renders (checked while
781
+ * rendering), the old one is cleared and the new one gets the stored element at once. The setter
782
+ * calls ref callbacks itself, so what they return is ignored.
783
+ */
784
+ function useMergedRef(...refs) {
785
+ const entries = useMemo(() => [], []);
786
+ const elementRef = useRef(null);
787
+ const getRef = useCallback(() => elementRef.current, []);
788
+ const clearEntry = useCallback((entry) => {
789
+ if (entry != null) {
790
+ if (entry.type === "RefCallback") entry.ref(null);
791
+ else entry.ref.current = null;
792
+ }
793
+ }, []);
794
+ const applyStoredElement = useCallback((ref) => {
795
+ if (typeof ref == "function") ref(getRef());
796
+ else ref.current = getRef();
797
+ }, [getRef]);
798
+ const setRef = useCallback((el) => {
799
+ elementRef.current = el;
800
+ for (const entry of entries) if (entry == null) continue;
801
+ else if (entry.type === "RefObject") entry.ref.current = el;
802
+ else entry.ref(el);
803
+ }, [entries]);
804
+ for (let i = 0; i < refs.length; i++) {
805
+ const ref = refs[i];
806
+ const entry = entries[i];
807
+ if (ref == null) {
808
+ clearEntry(entry);
809
+ entries[i] = null;
810
+ } else {
811
+ if (entry && entry.ref === ref) continue;
812
+ if (typeof ref == "function") {
813
+ if (entry != null) clearEntry(entry);
814
+ entries[i] = {
815
+ type: "RefCallback",
816
+ ref
817
+ };
818
+ } else {
819
+ if (entry != null) clearEntry(entry);
820
+ entries[i] = {
821
+ type: "RefObject",
822
+ ref
823
+ };
824
+ }
825
+ applyStoredElement(ref);
826
+ }
827
+ }
828
+ for (let i = refs.length; i < entries.length; i++) {
829
+ clearEntry(entries[i]);
830
+ entries[i] = null;
831
+ }
832
+ return [setRef, getRef];
833
+ }
667
834
  //#endregion
668
835
  //#region src/components/panel/panel-action.recipe.ts
669
836
  const panelActionBase = tv$1({ base: [
@@ -703,9 +870,11 @@ const panelToggleAction = tv$1({
703
870
  });
704
871
  //#endregion
705
872
  //#region src/components/panel/panel-action.tsx
706
- function PanelAction({ className, render, nativeButton, ...props }) {
873
+ function PanelAction({ className, render, nativeButton, activateOnTouchEnd = false, ref, ...props }) {
874
+ const [setRef] = useMergedRef(useTapActivation(activateOnTouchEnd), ref);
707
875
  return /* @__PURE__ */ jsx(Button, {
708
876
  ...props,
877
+ ref: setRef,
709
878
  render,
710
879
  nativeButton: nativeButton ?? defaultNativeButton(render),
711
880
  type: "button",
@@ -886,6 +1055,7 @@ function DialogClose({ className, variant, size, children, render, "aria-label":
886
1055
  function DialogSheetBack({ className, children, "aria-label": ariaLabel, ...props }) {
887
1056
  if (!useInDialogSheetHead()) return null;
888
1057
  return /* @__PURE__ */ jsx(PanelAction, {
1058
+ activateOnTouchEnd: true,
889
1059
  "data-slot": "dialog-sheet-back",
890
1060
  "aria-label": ariaLabel ?? "Back",
891
1061
  className,
@@ -1296,6 +1466,7 @@ const badge = tv$1({
1296
1466
  default: "",
1297
1467
  primary: "",
1298
1468
  you: "",
1469
+ busy: "",
1299
1470
  information: "",
1300
1471
  muted: "",
1301
1472
  accent: "",
@@ -1329,6 +1500,11 @@ const badge = tv$1({
1329
1500
  variant: "you",
1330
1501
  class: { root: "bg-you" }
1331
1502
  },
1503
+ {
1504
+ appearance: "solid",
1505
+ variant: "busy",
1506
+ class: { root: "bg-presence-busy" }
1507
+ },
1332
1508
  {
1333
1509
  appearance: "solid",
1334
1510
  variant: "information",
@@ -1369,6 +1545,11 @@ const badge = tv$1({
1369
1545
  variant: "primary",
1370
1546
  class: { root: "bg-brand-soft" }
1371
1547
  },
1548
+ {
1549
+ appearance: "soft",
1550
+ variant: "busy",
1551
+ class: { root: "bg-presence-busy-soft" }
1552
+ },
1372
1553
  {
1373
1554
  appearance: "soft",
1374
1555
  variant: "information",
@@ -2514,8 +2695,9 @@ function MobileNavRoot({ className, render, ...props }) {
2514
2695
  props: mergeProps(defaultProps, props)
2515
2696
  });
2516
2697
  }
2517
- function MobileNavItem({ nativeButton = true, selected, className, render, ...props }) {
2698
+ function MobileNavItem({ nativeButton = true, selected, className, render, ref, ...props }) {
2518
2699
  const { item } = mobileNav();
2700
+ const tapRef = useTapActivation();
2519
2701
  const defaultProps = {
2520
2702
  type: nativeButton ? "button" : void 0,
2521
2703
  "aria-pressed": nativeButton ? selected : void 0,
@@ -2525,6 +2707,7 @@ function MobileNavItem({ nativeButton = true, selected, className, render, ...pr
2525
2707
  };
2526
2708
  return useRender({
2527
2709
  render: render ?? /* @__PURE__ */ jsx(Button, {}),
2710
+ ref: ref ? [ref, tapRef] : tapRef,
2528
2711
  props: mergeProps(defaultProps, props)
2529
2712
  });
2530
2713
  }
@@ -3721,6 +3904,22 @@ function InputGroupInput({ className, suppressPasswordManager, "data-invalid": d
3721
3904
  });
3722
3905
  }
3723
3906
  //#endregion
3907
+ //#region src/lib/chip-remove.ts
3908
+ /**
3909
+ * The × that removes a chip: a tag in a Combobox field (`ComboboxChipRemove`)
3910
+ * and an applied filter (`FilterChipRemove`). A `foreground-hint` glyph on a
3911
+ * `rounded-sticker` square that takes the medium fill on hover and press, and
3912
+ * an inset ink ring when the keyboard reaches it (the chip around it is too
3913
+ * tight for an outer ring). Each chip gives it its own size.
3914
+ */
3915
+ const chipRemoveBase = [
3916
+ "inline-flex shrink-0 items-center justify-center outline-none transition-colors",
3917
+ "rounded-sticker text-foreground-hint",
3918
+ "hover:bg-fill-medium active:bg-fill-medium",
3919
+ "focus-visible:keyboard:inset-ring-2 focus-visible:keyboard:inset-ring-foreground",
3920
+ "[&>svg]:size-3.5"
3921
+ ];
3922
+ //#endregion
3724
3923
  //#region src/components/radio-group/radio-group.tsx
3725
3924
  const radioGroup = tv$1({ slots: {
3726
3925
  root: [
@@ -6984,4 +7183,4 @@ function InboxItemActions({ className, render, reveal, ...props }) {
6984
7183
  });
6985
7184
  }
6986
7185
  //#endregion
6987
- 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 };
7186
+ 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 };
@@ -282,8 +282,16 @@ type ButtonProps = StyledProps<Button.Props> & Omit<ButtonVariantProps, "size">
282
282
  declare function Button$1({ variant, size, loading, loadingLabel, disabled, className, children, render, nativeButton, ...props }: ButtonProps): import("react").JSX.Element;
283
283
  //#endregion
284
284
  //#region src/components/panel/panel-action.d.ts
285
- type PanelActionProps = Omit<StyledProps<Button.Props>, "type"> & DataAttributes;
286
- declare function PanelAction({ className, render, nativeButton, ...props }: PanelActionProps): import("react").JSX.Element;
285
+ type PanelActionProps = Omit<StyledProps<Button.Props>, "type"> & DataAttributes & {
286
+ /**
287
+ * Activate when the finger lifts instead of on the click after it, so a
288
+ * tap that stops a scrolling page still acts. Give it to Back, the
289
+ * header's navigation; not to actions that change things
290
+ * (design/patterns/navigation.md#switching-on-finger-lift).
291
+ */
292
+ activateOnTouchEnd?: boolean;
293
+ };
294
+ declare function PanelAction({ className, render, nativeButton, activateOnTouchEnd, ref, ...props }: PanelActionProps): import("react").JSX.Element;
287
295
  //#endregion
288
296
  //#region src/components/dialog/dialog.d.ts
289
297
  type DialogProps = Dialog.Root.Props;
@@ -725,6 +733,7 @@ declare const badge: import("tailwind-variants/lite").TVReturnType<{
725
733
  default: "";
726
734
  primary: "";
727
735
  you: "";
736
+ busy: "";
728
737
  information: "";
729
738
  muted: "";
730
739
  accent: "";
@@ -750,6 +759,7 @@ declare const badge: import("tailwind-variants/lite").TVReturnType<{
750
759
  default: "";
751
760
  primary: "";
752
761
  you: "";
762
+ busy: "";
753
763
  information: "";
754
764
  muted: "";
755
765
  accent: "";
@@ -775,6 +785,7 @@ declare const badge: import("tailwind-variants/lite").TVReturnType<{
775
785
  default: "";
776
786
  primary: "";
777
787
  you: "";
788
+ busy: "";
778
789
  information: "";
779
790
  muted: "";
780
791
  accent: "";
@@ -860,7 +871,7 @@ type MobileNavItemProps = useRender.ComponentProps<"button"> & {
860
871
  nativeButton?: boolean;
861
872
  selected?: boolean;
862
873
  };
863
- declare function MobileNavItem({ nativeButton, selected, className, render, ...props }: MobileNavItemProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
874
+ declare function MobileNavItem({ nativeButton, selected, className, render, ref, ...props }: MobileNavItemProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
864
875
  type MobileNavLabelProps = useRender.ComponentProps<"span">;
865
876
  declare function MobileNavLabel({ className, render, ...props }: MobileNavLabelProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
866
877
  //#endregion
package/dist/index.d.mts CHANGED
@@ -1,4 +1,4 @@
1
- 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";
1
+ 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-lx_g_8Lw.mjs";
2
2
  import { cn } from "./cn.mjs";
3
3
  import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
4
4
  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
1174
1174
  };
1175
1175
  export declare function SegmentedControl<T extends string = string>({ disabled, iconsOnlyBelow, variant, className, ref, ...props }: SegmentedControlProps<T>): import("react").JSX.Element;
1176
1176
  type SegmentedControlItemProps<T extends string = string> = StyledProps<Radio.Root.Props<T>>;
1177
- export declare function SegmentedControlItem<T extends string = string>({ className, ...props }: SegmentedControlItemProps<T>): import("react").JSX.Element;
1177
+ export declare function SegmentedControlItem<T extends string = string>({ className, ref, ...props }: SegmentedControlItemProps<T>): import("react").JSX.Element;
1178
1178
  type SegmentedControlLabelProps = ComponentPropsWithRef<"span">;
1179
1179
  export declare function SegmentedControlLabel({ className, ...props }: SegmentedControlLabelProps): import("react").JSX.Element;
1180
1180
  type SegmentedControlCountProps = ComponentPropsWithRef<"span">;
@@ -1186,7 +1186,7 @@ export declare function ToggleGroup<T extends string = string>({ className, ...p
1186
1186
  type ToggleGroupItemProps<T extends string = string> = StyledProps<Omit<Toggle.Props<T>, "defaultPressed" | "pressed">> & {
1187
1187
  value: T;
1188
1188
  };
1189
- export declare function ToggleGroupItem<T extends string = string>({ className, nativeButton, render, ...props }: ToggleGroupItemProps<T>): import("react").JSX.Element;
1189
+ export declare function ToggleGroupItem<T extends string = string>({ className, nativeButton, render, ref, ...props }: ToggleGroupItemProps<T>): import("react").JSX.Element;
1190
1190
  type ToggleGroupLabelProps = ComponentPropsWithRef<"span">;
1191
1191
  export declare function ToggleGroupLabel({ className, ...props }: ToggleGroupLabelProps): import("react").JSX.Element;
1192
1192
  //#endregion
@@ -4351,8 +4351,8 @@ interface VirtualListProps<T> extends VirtualListNativeProps {
4351
4351
  */
4352
4352
  onContentResize?: (() => void) | undefined;
4353
4353
  /**
4354
- * Called when the rows' offset (`--virtual-list-transform-y`) changes, for content positioned
4355
- * against it.
4354
+ * Called when the rows' offset (the translateY of the rows' element) changes, for content that
4355
+ * must follow it.
4356
4356
  */
4357
4357
  onTransformChange?: (() => void) | undefined;
4358
4358
  /** The imperative API: `scrollTo`, `getOffsetTopOfKey`, the scroller's and spacer's elements. */
package/dist/index.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import { cn } from "./cn.mjs";
2
- 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-D7xLTDjD.mjs";
2
+ 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-Bz3tkoes.mjs";
3
3
  import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
4
4
  import { AlertTriangle, Bell, Check, CheckCircle2, ChevronDown, ChevronLeft, ChevronRight, CircleCheck, Copy, FileText, Image, Info, TriangleAlert, Upload, X, Zap } from "lucide-react";
5
5
  import { Children, cloneElement, createContext, createElement, isValidElement, use, useCallback, useContext, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
@@ -993,7 +993,7 @@ const status = tv({
993
993
  variants: {
994
994
  variant: {
995
995
  default: { root: "[--status-color:var(--presence-offline)]" },
996
- primary: { root: "[--status-color:var(--brand-400)]" },
996
+ primary: { root: "[--status-color:var(--presence-busy)]" },
997
997
  information: { root: "[--status-color:var(--info)]" },
998
998
  muted: { root: "[--status-color:var(--secondary-400)]" },
999
999
  accent: { root: "[--status-color:var(--attention-400)]" },
@@ -3322,13 +3322,7 @@ const combobox = tv({
3322
3322
  "h-control-embedded gap-1.5 rounded-chip bg-fill-muted pr-0.5 pl-2",
3323
3323
  "text-footnote font-semibold text-foreground"
3324
3324
  ],
3325
- chipRemove: [
3326
- "inline-flex shrink-0 items-center justify-center outline-none transition-colors",
3327
- "size-[calc(var(--control-embedded-size)-4px)] rounded-sticker text-foreground-hint",
3328
- "hover:bg-fill-medium active:bg-fill-medium",
3329
- "focus-visible:keyboard:inset-ring-2 focus-visible:keyboard:inset-ring-foreground",
3330
- "[&>svg]:size-3.5"
3331
- ]
3325
+ chipRemove: [...chipRemoveBase, "size-[calc(var(--control-embedded-size)-4px)]"]
3332
3326
  },
3333
3327
  variants: { inputOwner: {
3334
3328
  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 }) {
4088
4082
  });
4089
4083
  }
4090
4084
  //#endregion
4091
- //#region src/lib/use-merged-ref.ts
4092
- /**
4093
- * Merges refs into one setter. Returns `[setRef, getRef]`: `setRef(el)` stores `el` and passes it to
4094
- * every ref; `getRef()` reads the stored element. When a ref changes between renders (checked while
4095
- * rendering), the old one is cleared and the new one gets the stored element at once. The setter
4096
- * calls ref callbacks itself, so what they return is ignored.
4097
- */
4098
- function useMergedRef(...refs) {
4099
- const entries = useMemo(() => [], []);
4100
- const elementRef = useRef(null);
4101
- const getRef = useCallback(() => elementRef.current, []);
4102
- const clearEntry = useCallback((entry) => {
4103
- if (entry != null) {
4104
- if (entry.type === "RefCallback") entry.ref(null);
4105
- else entry.ref.current = null;
4106
- }
4107
- }, []);
4108
- const applyStoredElement = useCallback((ref) => {
4109
- if (typeof ref == "function") ref(getRef());
4110
- else ref.current = getRef();
4111
- }, [getRef]);
4112
- const setRef = useCallback((el) => {
4113
- elementRef.current = el;
4114
- for (const entry of entries) if (entry == null) continue;
4115
- else if (entry.type === "RefObject") entry.ref.current = el;
4116
- else entry.ref(el);
4117
- }, [entries]);
4118
- for (let i = 0; i < refs.length; i++) {
4119
- const ref = refs[i];
4120
- const entry = entries[i];
4121
- if (ref == null) {
4122
- clearEntry(entry);
4123
- entries[i] = null;
4124
- } else {
4125
- if (entry && entry.ref === ref) continue;
4126
- if (typeof ref == "function") {
4127
- if (entry != null) clearEntry(entry);
4128
- entries[i] = {
4129
- type: "RefCallback",
4130
- ref
4131
- };
4132
- } else {
4133
- if (entry != null) clearEntry(entry);
4134
- entries[i] = {
4135
- type: "RefObject",
4136
- ref
4137
- };
4138
- }
4139
- applyStoredElement(ref);
4140
- }
4141
- }
4142
- for (let i = refs.length; i < entries.length; i++) {
4143
- clearEntry(entries[i]);
4144
- entries[i] = null;
4145
- }
4146
- return [setRef, getRef];
4147
- }
4148
- //#endregion
4149
4085
  //#region src/components/segmented-control/segmented-control.tsx
4150
4086
  const segmentedControl = tv({
4151
4087
  slots: {
@@ -4391,10 +4327,13 @@ function SegmentedControl({ disabled = false, iconsOnlyBelow, variant = "default
4391
4327
  })
4392
4328
  });
4393
4329
  }
4394
- function SegmentedControlItem({ className, ...props }) {
4330
+ function SegmentedControlItem({ className, ref, ...props }) {
4395
4331
  const { item } = segmentedControl();
4396
4332
  const iconsOnly = use(SegmentedControlIconsOnlyContext);
4333
+ const tapRef = useTapActivation();
4334
+ const [setRef] = useMergedRef(tapRef, ref);
4397
4335
  const radio = /* @__PURE__ */ jsx(Radio.Root, {
4336
+ ref: setRef,
4398
4337
  render: /* @__PURE__ */ jsx("button", { type: "button" }),
4399
4338
  nativeButton: true,
4400
4339
  "data-slot": "segmented-control-item",
@@ -4473,9 +4412,12 @@ function ToggleGroup({ className, ...props }) {
4473
4412
  ...props
4474
4413
  });
4475
4414
  }
4476
- function ToggleGroupItem({ className, nativeButton, render, ...props }) {
4415
+ function ToggleGroupItem({ className, nativeButton, render, ref, ...props }) {
4477
4416
  const { item } = toggleGroup();
4417
+ const tapRef = useTapActivation();
4418
+ const [setRef] = useMergedRef(tapRef, ref);
4478
4419
  return /* @__PURE__ */ jsx(Toggle, {
4420
+ ref: setRef,
4479
4421
  render,
4480
4422
  nativeButton: nativeButton ?? defaultNativeButton(render),
4481
4423
  type: "button",
@@ -5457,7 +5399,7 @@ const messageActionCard = tv({
5457
5399
  },
5458
5400
  variants: { tone: {
5459
5401
  neutral: { status: ["before:bg-inactive"] },
5460
- primary: { status: ["before:bg-brand"] },
5402
+ primary: { status: ["before:bg-presence-busy"] },
5461
5403
  information: { status: ["before:bg-info"] },
5462
5404
  accent: { status: ["before:bg-attention"] },
5463
5405
  success: { status: ["before:bg-success"] },
@@ -5588,6 +5530,7 @@ const STATUS_TONES = {
5588
5530
  muted: "neutral",
5589
5531
  primary: "primary",
5590
5532
  you: "primary",
5533
+ busy: "primary",
5591
5534
  information: "information",
5592
5535
  accent: "accent",
5593
5536
  success: "success",
@@ -10873,15 +10816,17 @@ const PLACE_STYLE = {
10873
10816
  borderColor: "transparent",
10874
10817
  boxShadow: "none"
10875
10818
  };
10876
- function TabsTabButton({ value, sortableRef, dropPlace = false, className, children, ...props }) {
10819
+ function TabsTabButton({ value, sortableRef, dropPlace = false, className, children, ref, ...props }) {
10877
10820
  const variant = use(TabsListVariantContext);
10878
10821
  const placement = use(TabsPlacementContext);
10879
10822
  const { content, tab } = tabs({
10880
10823
  variant,
10881
10824
  placement
10882
10825
  });
10826
+ const tapRef = useTapActivation();
10827
+ const [setRef] = useMergedRef(sortableRef, tapRef, ref);
10883
10828
  return /* @__PURE__ */ jsxs(Tabs$1.Tab, {
10884
- ref: sortableRef,
10829
+ ref: setRef,
10885
10830
  value,
10886
10831
  "data-slot": "tabs-tab",
10887
10832
  className: tab({ className }),
@@ -12801,13 +12746,8 @@ const VIRTUAL_VISIBLE_ITEMS_STYLE = {
12801
12746
  position: "relative",
12802
12747
  display: "flow-root"
12803
12748
  };
12804
- /**
12805
- * With virtualization off, the visible-items element still carries the CSS variables, so sticky
12806
- * children that use `calc(var(--virtual-list-transform-y))` keep working.
12807
- */
12749
+ /** With virtualization off, the visible-items element sits at translateY(0px). */
12808
12750
  const NON_VIRTUAL_VISIBLE_ITEMS_STYLE = {
12809
- "--virtual-list-transform-y": "0px",
12810
- "--virtual-list-ios-compensation-y": "0px",
12811
12751
  transform: "translateY(0px)",
12812
12752
  position: "relative",
12813
12753
  display: "flow-root"
@@ -13931,8 +13871,9 @@ function VirtualList(props) {
13931
13871
  /**
13932
13872
  * Writes the layout without a render: the spacer height (the total size plus the first row's top
13933
13873
  * margin; a min-height with itemResizable, so the real content may exceed it) and the visible items'
13934
- * translateY, with the CSS variables sticky children read (`--virtual-list-transform-y`,
13935
- * `--virtual-list-ios-compensation-y`).
13874
+ * translateY. It writes no CSS variable on the visible items: custom properties inherit, so one
13875
+ * written there on every scroll restyles every row. Content that must follow the rows' offset uses
13876
+ * `onTransformChange`.
13936
13877
  *
13937
13878
  * Unlike the reference implementation (DeepSeek web): the translateY puts the border box of the first
13938
13879
  * mounted row at its offset (`firstIndex`, or the first row in the DOM), not the element's top. The visible-items element is a
@@ -13970,9 +13911,6 @@ function VirtualList(props) {
13970
13911
  if (visibleItemsEl instanceof HTMLElement) {
13971
13912
  const offset = px(leadingMargin + fenwickTree.sum(index) - firstRowStart);
13972
13913
  visibleItemsEl.style.transform = `translateY(${offset})`;
13973
- visibleItemsEl.style.setProperty("--virtual-list-transform-y", offset);
13974
- const compensation = px(compensationYRef.current);
13975
- visibleItemsEl.style.setProperty("--virtual-list-ios-compensation-y", compensation);
13976
13914
  const signature = `${index}|${offset}`;
13977
13915
  if (lastTransformSignatureRef.current !== signature) {
13978
13916
  lastTransformSignatureRef.current = signature;
package/dist/styles.css CHANGED
@@ -306,6 +306,7 @@
306
306
  --color-sticker-medium: var(--sticker-medium);
307
307
  --color-presence-online: var(--presence-online);
308
308
  --color-presence-busy: var(--presence-busy);
309
+ --color-presence-busy-soft: var(--presence-busy-soft);
309
310
  --color-presence-error: var(--presence-error);
310
311
  --color-presence-offline: var(--presence-offline);
311
312
  --color-presence-external: var(--presence-external);
package/dist/tokens.json CHANGED
@@ -2846,6 +2846,25 @@
2846
2846
  "$value": {
2847
2847
  "colorSpace": "oklch",
2848
2848
  "components": [0.8829, 0.1623, 91.9]
2849
+ },
2850
+ "$description": "Yellow for an agent at work, and for Status variant=\"primary\". The value of brand in Raft Yellow, but its own, so a theme that grays the brand (Boring Gray) keeps a working agent yellow."
2851
+ },
2852
+ "busy-soft": {
2853
+ "$value": {
2854
+ "colorSpace": "oklch",
2855
+ "components": [0.9547, 0.0674, 93.62]
2856
+ },
2857
+ "$description": "The tint of the Working chip (Badge variant=\"busy\"). The value of brand-soft in Raft Yellow, but its own, so Boring Gray keeps it yellow.",
2858
+ "$extensions": {
2859
+ "build.botiverse.raft": {
2860
+ "modes": {
2861
+ "dark": {
2862
+ "colorSpace": "oklch",
2863
+ "components": [0.5501, 0.0999, 91.5],
2864
+ "alpha": 0.2
2865
+ }
2866
+ }
2867
+ }
2849
2868
  }
2850
2869
  },
2851
2870
  "error": {
package/dist/wip.d.mts CHANGED
@@ -1,4 +1,4 @@
1
- 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";
1
+ 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-lx_g_8Lw.mjs";
2
2
  import { CSSProperties, ComponentProps, ComponentPropsWithRef, ReactNode, RefObject } from "react";
3
3
  import { Button } from "@base-ui/react/button";
4
4
  import { useRender } from "@base-ui/react/use-render";
@@ -922,6 +922,27 @@ export declare function MeterTrack({ className, ...props }: MeterTrackProps): im
922
922
  type MeterIndicatorProps = StyledProps<Meter$1.Indicator.Props>;
923
923
  export declare function MeterIndicator({ className, ...props }: MeterIndicatorProps): import("react").JSX.Element;
924
924
  //#endregion
925
+ //#region src/components/filter-chip/filter-chip.d.ts
926
+ type FilterChipProps = ComponentPropsWithRef<"span"> & DataAttributes;
927
+ /**
928
+ * The filter in effect, beside the filter button that chose it: an `info-soft`
929
+ * chip as high as the button, with an optional 14px icon, a `FilterChipLabel`
930
+ * and a `FilterChipRemove` × that resets the filter.
931
+ */
932
+ export declare function FilterChip({ className, ...props }: FilterChipProps): import("react").JSX.Element;
933
+ type FilterChipLabelProps = ComponentPropsWithRef<"span">;
934
+ /** The name of the active filter. It truncates when the row has no room. */
935
+ export declare function FilterChipLabel({ className, ...props }: FilterChipLabelProps): import("react").JSX.Element;
936
+ type FilterChipRemoveProps = Omit<StyledProps<Button.Props>, "aria-label" | "type"> & DataAttributes & {
937
+ /**
938
+ * What the × does, said in words: the chip shows only a glyph. Name the
939
+ * result, such as "Clear Filter" or "Show All".
940
+ */
941
+ "aria-label": string;
942
+ };
943
+ /** The × that resets the filter to its default. Shows an X unless given children. */
944
+ export declare function FilterChipRemove({ className, children, render, nativeButton, ...props }: FilterChipRemoveProps): import("react").JSX.Element;
945
+ //#endregion
925
946
  //#region src/lib/overlay-depth.d.ts
926
947
  /**
927
948
  * A modal surface: a centred dialog (Dialog, AlertDialog, or an app's own
@@ -1167,4 +1188,4 @@ type ChoiceListMultipleProps = ChoiceListCommonProps & {
1167
1188
  type ChoiceListProps = ChoiceListSingleProps | ChoiceListMultipleProps;
1168
1189
  export declare function ChoiceList(props: ChoiceListProps): import("react").JSX.Element;
1169
1190
  //#endregion
1170
- 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 };
1191
+ 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 CHANGED
@@ -1,5 +1,5 @@
1
1
  import { cn } from "./cn.mjs";
2
- 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-D7xLTDjD.mjs";
2
+ 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-Bz3tkoes.mjs";
3
3
  import { Check, ChevronDown, LoaderCircle, Plus, Search, X } from "lucide-react";
4
4
  import { createContext, use, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
5
5
  import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -2002,6 +2002,54 @@ function MeterIndicator({ className, ...props }) {
2002
2002
  });
2003
2003
  }
2004
2004
  //#endregion
2005
+ //#region src/components/filter-chip/filter-chip.tsx
2006
+ const filterChip = tv({ slots: {
2007
+ root: [
2008
+ "inline-flex h-8 min-w-0 shrink items-center",
2009
+ "gap-1.5 rounded-control bg-info-soft pr-1 pl-2.5",
2010
+ "font-sans text-control font-semibold text-foreground",
2011
+ "[&>svg]:pointer-events-none [&>svg]:shrink-0",
2012
+ "[&>svg:not([class*='size-'])]:size-3.5 [&>svg:not([class*='stroke-'])]:stroke-2"
2013
+ ],
2014
+ label: ["min-w-0 truncate"],
2015
+ remove: [...chipRemoveBase, "size-6"]
2016
+ } });
2017
+ /**
2018
+ * The filter in effect, beside the filter button that chose it: an `info-soft`
2019
+ * chip as high as the button, with an optional 14px icon, a `FilterChipLabel`
2020
+ * and a `FilterChipRemove` × that resets the filter.
2021
+ */
2022
+ function FilterChip({ className, ...props }) {
2023
+ const { root } = filterChip();
2024
+ return /* @__PURE__ */ jsx("span", {
2025
+ "data-slot": "filter-chip",
2026
+ className: root({ className }),
2027
+ ...props
2028
+ });
2029
+ }
2030
+ /** The name of the active filter. It truncates when the row has no room. */
2031
+ function FilterChipLabel({ className, ...props }) {
2032
+ const { label } = filterChip();
2033
+ return /* @__PURE__ */ jsx("span", {
2034
+ "data-slot": "filter-chip-label",
2035
+ className: label({ className }),
2036
+ ...props
2037
+ });
2038
+ }
2039
+ /** The × that resets the filter to its default. Shows an X unless given children. */
2040
+ function FilterChipRemove({ className, children, render, nativeButton, ...props }) {
2041
+ const { remove } = filterChip();
2042
+ return /* @__PURE__ */ jsx(Button, {
2043
+ ...props,
2044
+ render,
2045
+ nativeButton: nativeButton ?? defaultNativeButton(render),
2046
+ type: "button",
2047
+ "data-slot": "filter-chip-remove",
2048
+ className: remove({ className }),
2049
+ children: children ?? /* @__PURE__ */ jsx(X, { "aria-hidden": true })
2050
+ });
2051
+ }
2052
+ //#endregion
2005
2053
  //#region src/components/pull-to-refresh/pull-to-refresh-gesture.ts
2006
2054
  /**
2007
2055
  * The pull-to-refresh gesture as a pure state machine (pull-to-refresh.md,
@@ -2911,4 +2959,4 @@ function ChoiceList(props) {
2911
2959
  });
2912
2960
  }
2913
2961
  //#endregion
2914
- 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 };
2962
+ 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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@botiverse/raft-ui",
3
- "version": "0.37.0",
3
+ "version": "0.39.0",
4
4
  "description": "React components and CSS foundations for the Raft Design System.",
5
5
  "keywords": [
6
6
  "agent-skills",