@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 +46 -0
- package/dist/components/virtual-list/styles/virtual-list.css +4 -6
- package/dist/foundation.css +8 -0
- package/dist/{inbox-item-D7xLTDjD.mjs → inbox-item-Bz3tkoes.mjs} +202 -3
- package/dist/{inbox-item-B8eXIikq.d.mts → inbox-item-lx_g_8Lw.d.mts} +14 -3
- package/dist/index.d.mts +5 -5
- package/dist/index.mjs +21 -83
- package/dist/styles.css +1 -0
- package/dist/tokens.json +19 -0
- package/dist/wip.d.mts +23 -2
- package/dist/wip.mjs +50 -2
- package/package.json +1 -1
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
|
|
16
|
-
* --virtual-list-
|
|
17
|
-
*
|
|
18
|
-
*
|
|
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 {
|
package/dist/foundation.css
CHANGED
|
@@ -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 $,
|
|
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
|
-
|
|
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 (
|
|
4355
|
-
*
|
|
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
|
|
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(--
|
|
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-
|
|
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:
|
|
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
|
|
13935
|
-
*
|
|
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-
|
|
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
|
|
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 };
|