@botiverse/raft-ui 0.21.0 → 0.21.2
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 +61 -0
- package/dist/{touch-drag-B7uLTWXe.mjs → inbox-item.recipe-CuJPcy-3.mjs} +205 -6
- package/dist/{index-CP05_pvu.d.mts → index-C1FHbVfH.d.mts} +20 -1
- package/dist/index.d.mts +10 -3
- package/dist/index.mjs +51 -181
- package/dist/styles.css +11 -2
- package/dist/wip.d.mts +123 -2
- package/dist/wip.mjs +149 -2
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,64 @@
|
|
|
1
|
+
## [0.21.2](https://github.com/botiverse/raft-design/compare/v0.21.1...v0.21.2) (2026-10-22)
|
|
2
|
+
|
|
3
|
+
### Fixed
|
|
4
|
+
|
|
5
|
+
- **DescriptionList** inline: a default-size TaskChip or TaskStatusBadge that comes first in `DescriptionDetails` hangs by its 7px left padding, so its icon or text starts where the other values' text does. ([#710](https://github.com/botiverse/raft-design/pull/710))
|
|
6
|
+
- Why: 0.21.1 gave these chips 7px of left padding, but the list still pulled them 6px, so they started 1px to the right of the plain values beside them; the pull now matches the default chip's padding.
|
|
7
|
+
- Affects: left margin `-6px` → `-7px` and `max-width` `calc(100% + 6px)` → `calc(100% + 7px)` for a leading TaskChip or TaskStatusBadge of any size; the pull fits the default 7px padding, so a `size="sm"` (5px) or `variant="inline"` (4.5px) chip in that place is pulled 7px too. A Badge (6px) and a Button are unchanged.
|
|
8
|
+
- Docs: https://raft-design.botiverse.build/components/description-list/
|
|
9
|
+
|
|
10
|
+
## [0.21.1](https://github.com/botiverse/raft-design/compare/v0.21.0...v0.21.1) (2026-10-22)
|
|
11
|
+
|
|
12
|
+
### Design System
|
|
13
|
+
|
|
14
|
+
- **Chips**: the ink at a chip's two ends sits the same distance from its fill's edges. A chip keeps its total padding and its width, and splits the padding between its ends so each end makes up for the empty space its own content brings. A smaller note after a chip's label centers on the label's letters, and the label stays on the sentence's baseline. It applies to MessageReferenceChip, MessageReferencePending, MessageReferenceUnavailable, MessageReactionChip, MessageItemSavedIndicator, MessageForwardedBundleAttachment, TaskChip and TaskCardStatus, and to the new MessageReferenceSuffix. ([#700](https://github.com/botiverse/raft-design/pull/700))
|
|
15
|
+
- Why: the chips split their padding as if every end were the same, so an icon or a status pixel sat closer to its edge than the last letter did to the other (3.6px against 7px in a reference chip), and the end after the text looked empty; each chip's padding is now set from where its ink is drawn.
|
|
16
|
+
- Affects: the padding at each end, left / right, totals unchanged; see Fixed below.
|
|
17
|
+
- Docs: https://raft-design.botiverse.build/foundations/alignment/#chips
|
|
18
|
+
- **A control and its label**: a settings row is the exception to the first-line rule. The leading icon, avatar or tile and the trailing switch, checkbox, radio, value or chevron of a `ListRow variant="plain"` center on the whole row, with or without a description, as they did in 0.20. A checkbox or radio beside wrapping text in a `<label>` row still sits on that text's first line. It applies to ListRow. ([#703](https://github.com/botiverse/raft-design/pull/703))
|
|
19
|
+
- Why: a setting reads as one unit, and with its controls on the title's first line they belonged to the title instead of the row; settings rows center them on the row again.
|
|
20
|
+
- Docs: https://raft-design.botiverse.build/foundations/alignment/#a-control-and-its-label
|
|
21
|
+
- **Timeline rhythm: the edge that messages scroll under fades**: the bottom edge of a message list, over the composer, fades from the panel's color to transparent over the section step, at all times, instead of cutting the message under it. The line of who is about to post sits on the same fade and has none of its own. It applies to the new MessageListEndFade. ([#699](https://github.com/botiverse/raft-design/pull/699))
|
|
22
|
+
- Why: a message scrolled under the composer was cut off by a hard edge; the edge now fades, as a tab bar fades on the side that hides tabs.
|
|
23
|
+
- Affects: fade height `timeline-section` 24px, `layer-canvas` to transparent.
|
|
24
|
+
- Docs: https://raft-design.botiverse.build/foundations/spacing/#timeline-rhythm
|
|
25
|
+
|
|
26
|
+
### Added
|
|
27
|
+
|
|
28
|
+
- **MessageReferenceSuffix**: a short note after a reference chip's label, in muted Space Mono, such as `msg` on a link to a message. Put it inside `MessageReferenceChip`, after `MessageReferenceLabel`. ([#700](https://github.com/botiverse/raft-design/pull/700))
|
|
29
|
+
- Why: a note in a span of the caller's own sat on the label's baseline, 0.3px low beside a 12.25px label and 0.75px low beside a 14px one, and its descenders made it look lower still; the part keeps the label's baseline in the layout and draws the note a quarter of the size difference higher, so the middles of the two x-heights meet.
|
|
30
|
+
- Affects: `text-label` (11px) in `foreground-hint`, line height 1; drawn `(label size - 1em) / 4` higher.
|
|
31
|
+
- Docs: https://raft-design.botiverse.build/components/message-item/
|
|
32
|
+
- **MessageListEndFade**: the fade over a message list's bottom edge. Put it beside `MessageList`, in the same positioned parent (`ConversationPanelBody` is one), like the jump controls; it lies under them, is hidden from assistive technology and takes no pointer events. ([#699](https://github.com/botiverse/raft-design/pull/699))
|
|
33
|
+
- Why: see Timeline rhythm: the edge that messages scroll under fades, above.
|
|
34
|
+
- Affects: 24px tall (`h-timeline-section`), `layer-canvas` to transparent upward, `z-index` 5.
|
|
35
|
+
- Docs: https://raft-design.botiverse.build/components/message-list/
|
|
36
|
+
- **SegmentedControl** `variant="on-frame"`, for a control in the frame (a top bar). `variant="default"` is unchanged and stays the default. ([#693](https://github.com/botiverse/raft-design/pull/693))
|
|
37
|
+
- Why: a yellow sticker on the yellow frame did not read as selected, and a white segment beside it looked chosen instead; in the frame the selected segment takes the frame's active colors, as a selected rail item does.
|
|
38
|
+
- Affects: track `fill-frame-medium`; other segments `foreground-on-frame-muted`, with `foreground-on-frame` on hover and `overlay-frame-medium` on hover and press; the selected segment `layer-frame-active` with a `line-frame-active` edge and `foreground-on-frame-active` text (white on the yellow frame, yellow on the dark one).
|
|
39
|
+
- Docs: https://raft-design.botiverse.build/components/segmented-control/
|
|
40
|
+
|
|
41
|
+
### Changed
|
|
42
|
+
|
|
43
|
+
- **ListRow** `variant="plain"` with a description: the leading icon, avatar or tile and the trailing switch, checkbox, radio, value or chevron center on the whole row again, as in 0.20, instead of on the title's first line. With a title alone, nothing changes. This reverts the 0.21.0 change to ListRow. ([#703](https://github.com/botiverse/raft-design/pull/703))
|
|
44
|
+
- Why: see A control and its label above.
|
|
45
|
+
- Affects: the ends move without changing size, so row heights are unchanged (54px on a phone for a one-line row with a switch).
|
|
46
|
+
- Docs: https://raft-design.botiverse.build/components/list-row/
|
|
47
|
+
|
|
48
|
+
### Fixed
|
|
49
|
+
|
|
50
|
+
- **MessageReferenceChip**, **MessageReferencePending**, **MessageReferenceUnavailable**, **MessageReactionChip**, **MessageItemSavedIndicator**, **MessageForwardedBundleAttachment**, **TaskChip** and **TaskCardStatus**: the ink at both ends sits the same distance from the edges; each chip keeps its total padding and its width. ([#700](https://github.com/botiverse/raft-design/pull/700))
|
|
51
|
+
- Why: see Chips above.
|
|
52
|
+
- Affects: padding left / right: MessageReferenceChip, MessageReferencePending and MessageReferenceUnavailable with an icon 3px / 6px → 4.5px / 4.5px (without an icon unchanged, 6px / 6px); MessageReactionChip 6px / 8px → 7px / 7px; MessageItemSavedIndicator and MessageForwardedBundleAttachment 6px / 6px → 5.5px / 6.5px (their bookmark and file icons are drawn inside their boxes); TaskChip 6px / 8px → 7px / 7px, `size="sm"` 4px / 6px → 5px / 5px and `variant="inline"` 3px / 6px → 4.5px / 4.5px; TaskCardStatus 6px / 8px → 7px / 7px.
|
|
53
|
+
- Docs: https://raft-design.botiverse.build/foundations/alignment/#chips
|
|
54
|
+
- **MessageReferencePending**, and any reference chip, holding a `Spinner`: the spinner centers on the middle of the label's line, as an icon does. ([#700](https://github.com/botiverse/raft-design/pull/700))
|
|
55
|
+
- Why: the chip centered only `svg` icons on the label's line, and a spinner is not one, so it sat on the baseline, 5–6px below the middle of the label's line.
|
|
56
|
+
- Docs: https://raft-design.botiverse.build/components/message-item/
|
|
57
|
+
- **MessageQuotedPreviewChannel** and **MessageQuotedPreviewThread**: the icon sits on the first line of the name when a long name wraps, instead of in the middle of both lines. ([#700](https://github.com/botiverse/raft-design/pull/700))
|
|
58
|
+
- Why: the icon was centered on the whole name, so it slid between the lines of a wrapped name; it now follows A mark that leads text, like the other components.
|
|
59
|
+
- Affects: the icon (14px) is placed `(1lh - 14px) / 2` from the top of the name's first line.
|
|
60
|
+
- Docs: https://raft-design.botiverse.build/foundations/alignment/#a-mark-that-leads-text
|
|
61
|
+
|
|
1
62
|
## [0.21.0](https://github.com/botiverse/raft-design/compare/v0.20.1...v0.21.0) (2026-10-22)
|
|
2
63
|
|
|
3
64
|
0.20.1 was not published to npm. This release includes its changes, listed under [0.20.1](https://github.com/botiverse/raft-design/blob/v0.21.0/packages/ui/CHANGELOG.md#0201-2026-10-22) in the changelog.
|
|
@@ -1623,6 +1623,25 @@ function DropdownMenuCheckboxItemIndicator({ className, ...props }) {
|
|
|
1623
1623
|
...props
|
|
1624
1624
|
});
|
|
1625
1625
|
}
|
|
1626
|
+
/**
|
|
1627
|
+
* One choice that is another page, such as the same page in another
|
|
1628
|
+
* language: a link, so it opens in a new tab and can be copied. Its
|
|
1629
|
+
* `href` goes on the item; `current` marks the page being shown.
|
|
1630
|
+
*/
|
|
1631
|
+
function DropdownMenuLinkItem({ current = false, className, children, ...props }) {
|
|
1632
|
+
const { radioItem, radioLabel, indicator } = dropdownMenu();
|
|
1633
|
+
return /* @__PURE__ */ jsxs(Menu.LinkItem, {
|
|
1634
|
+
"data-slot": "dropdown-menu-link-item",
|
|
1635
|
+
"aria-current": current ? "page" : void 0,
|
|
1636
|
+
"data-checked": current ? "" : void 0,
|
|
1637
|
+
className: radioItem({ className }),
|
|
1638
|
+
...props,
|
|
1639
|
+
children: [renderRadioItemChildren(children, radioLabel()), current ? /* @__PURE__ */ jsx("span", {
|
|
1640
|
+
className: indicator(),
|
|
1641
|
+
children: /* @__PURE__ */ jsx(DropdownMenuCheckIcon, {})
|
|
1642
|
+
}) : null]
|
|
1643
|
+
});
|
|
1644
|
+
}
|
|
1626
1645
|
function contentBox(element) {
|
|
1627
1646
|
const rect = element.getBoundingClientRect();
|
|
1628
1647
|
if (rect.width === 0 && rect.height === 0) return void 0;
|
|
@@ -2524,7 +2543,7 @@ const messageFooter = tv$1({
|
|
|
2524
2543
|
savedIndicator: [
|
|
2525
2544
|
"inline-flex min-w-0 max-w-full items-center gap-1 overflow-hidden whitespace-nowrap select-none",
|
|
2526
2545
|
"[&_svg]:shrink-0",
|
|
2527
|
-
"h-[22px] rounded-chip
|
|
2546
|
+
"h-[22px] rounded-chip pr-[6.5px] pl-[5.5px]",
|
|
2528
2547
|
"text-caption font-semibold text-foreground-muted",
|
|
2529
2548
|
"bg-fill-muted hover:overlay-medium active:overlay-medium",
|
|
2530
2549
|
"outline-none focus-visible:shadow-focus",
|
|
@@ -2636,7 +2655,7 @@ const messageReaction = tv$1({ slots: {
|
|
|
2636
2655
|
chip: [
|
|
2637
2656
|
"inline-flex min-w-0 max-w-full items-center overflow-hidden whitespace-nowrap",
|
|
2638
2657
|
"transition-colors",
|
|
2639
|
-
"h-6 gap-1 rounded-chip
|
|
2658
|
+
"h-6 gap-1 rounded-chip px-[7px] text-callout text-foreground",
|
|
2640
2659
|
"bg-fill-muted hover:overlay-medium active:overlay-medium",
|
|
2641
2660
|
"data-pressed:bg-attention-soft",
|
|
2642
2661
|
"has-data-[slot=message-reaction-error-indicator]:bg-warning-soft",
|
|
@@ -2865,12 +2884,17 @@ function MessageReactionTooltipMeta({ className, render, ...props }) {
|
|
|
2865
2884
|
//#endregion
|
|
2866
2885
|
//#region src/components/message-item/message-reference.recipe.ts
|
|
2867
2886
|
const chip = (fill) => [
|
|
2868
|
-
"items-baseline gap-0.5 rounded-sticker px-1.5 py-px has-[>svg]:
|
|
2887
|
+
"items-baseline gap-0.5 rounded-sticker px-1.5 py-px has-[>svg]:px-[4.5px]",
|
|
2869
2888
|
"[font-size:0.875em] leading-5 font-semibold",
|
|
2889
|
+
"[--message-reference-em:1em]",
|
|
2870
2890
|
"[&_svg]:size-3.5 [&_svg]:text-foreground-muted",
|
|
2871
2891
|
fill
|
|
2872
2892
|
];
|
|
2873
2893
|
const linkChip = (fill) => [...chip(fill), "text-foreground cursor-pointer hover:overlay-medium active:overlay-medium"];
|
|
2894
|
+
const SUFFIX_LIFT = {
|
|
2895
|
+
"x-height": "top-[calc((1em-var(--message-reference-em))/4)]",
|
|
2896
|
+
icon: "top-[calc(0.25em-var(--message-reference-em)*0.35)]"
|
|
2897
|
+
}["x-height"];
|
|
2874
2898
|
const messageReference = tv$1({
|
|
2875
2899
|
slots: {
|
|
2876
2900
|
root: [
|
|
@@ -2880,11 +2904,17 @@ const messageReference = tv$1({
|
|
|
2880
2904
|
"max-w-full truncate select-text no-underline",
|
|
2881
2905
|
"outline-none focus-visible:shadow-focus",
|
|
2882
2906
|
"[&_svg]:size-[0.857em] [&_svg]:shrink-0 [&_svg]:self-center",
|
|
2907
|
+
"*:data-[slot=spinner]:self-center",
|
|
2883
2908
|
"has-[>[data-slot=message-reference-indicator]]:relative has-[>[data-slot=message-reference-indicator]]:mr-2",
|
|
2884
2909
|
"has-[>[data-slot=message-reference-indicator]]:inline-block",
|
|
2885
2910
|
"has-[>[data-slot=message-reference-indicator]]:overflow-visible"
|
|
2886
2911
|
],
|
|
2887
2912
|
chipLabel: "min-w-0 truncate",
|
|
2913
|
+
suffix: [
|
|
2914
|
+
"relative shrink-0",
|
|
2915
|
+
SUFFIX_LIFT,
|
|
2916
|
+
"font-mono text-label leading-none font-normal text-foreground-hint"
|
|
2917
|
+
],
|
|
2888
2918
|
indicator: ["pointer-events-none absolute -right-1.5 top-0 inline-flex size-2 shrink-0 items-center justify-center", "*:data-[slot=status]:size-full"]
|
|
2889
2919
|
},
|
|
2890
2920
|
variants: { variant: {
|
|
@@ -2942,6 +2972,18 @@ function MessageReferenceLabel({ className, render, ...props }) {
|
|
|
2942
2972
|
state: { slot: "message-reference-label" }
|
|
2943
2973
|
});
|
|
2944
2974
|
}
|
|
2975
|
+
/** A short note after a chip's label in muted machine type, such as `msg` on a
|
|
2976
|
+
* link to a message. It lines up with the label by the middle of its letters. */
|
|
2977
|
+
function MessageReferenceSuffix({ className, render, ...props }) {
|
|
2978
|
+
const { suffix } = messageReference();
|
|
2979
|
+
const defaultProps = { className: suffix({ className }) };
|
|
2980
|
+
return useRender({
|
|
2981
|
+
defaultTagName: "span",
|
|
2982
|
+
render,
|
|
2983
|
+
props: mergeProps(defaultProps, props),
|
|
2984
|
+
state: { slot: "message-reference-suffix" }
|
|
2985
|
+
});
|
|
2986
|
+
}
|
|
2945
2987
|
function MessageReferencePending({ className, render, ...props }) {
|
|
2946
2988
|
const { root } = messageReference({ variant: "pending" });
|
|
2947
2989
|
return useReferenceRender(root({ className }), render, props);
|
|
@@ -3122,8 +3164,8 @@ const messageQuotedPreview = tv$1({ slots: {
|
|
|
3122
3164
|
"has-data-[slot=message-quoted-preview-author-delegated-by]:flex-wrap",
|
|
3123
3165
|
"gap-1.5 p-0 pb-0.5"
|
|
3124
3166
|
],
|
|
3125
|
-
channel: ["inline-flex items-
|
|
3126
|
-
thread: ["inline-flex items-
|
|
3167
|
+
channel: ["inline-flex items-start", "gap-1 text-footnote font-semibold text-foreground-hint [&_svg]:size-3.5 [&_svg]:lead-icon"],
|
|
3168
|
+
thread: ["inline-flex items-start", "gap-1 text-footnote font-semibold text-foreground-hint [&_svg]:size-3.5 [&_svg]:lead-icon"],
|
|
3127
3169
|
author: ["inline-flex min-w-0 items-center", "gap-1.5"],
|
|
3128
3170
|
authorName: ["truncate", "text-footnote font-bold text-foreground-muted"],
|
|
3129
3171
|
authorMeta: ["truncate", "text-caption text-foreground-hint"],
|
|
@@ -3297,6 +3339,11 @@ const messageList = tv$1({
|
|
|
3297
3339
|
],
|
|
3298
3340
|
dateDividerRule: ["flex-1", "min-w-3 border-t border-line-hairline"],
|
|
3299
3341
|
dateDividerChip: ["inline-flex items-center", "font-mono text-mono-meta whitespace-nowrap text-foreground-hint"],
|
|
3342
|
+
endFade: [
|
|
3343
|
+
"pointer-events-none absolute inset-x-0 bottom-0 z-5",
|
|
3344
|
+
"h-timeline-section",
|
|
3345
|
+
"bg-linear-to-t from-layer-canvas to-transparent"
|
|
3346
|
+
],
|
|
3300
3347
|
notice: ["text-center", "pt-timeline-lead pb-timeline-row font-mono text-mono-meta"],
|
|
3301
3348
|
historyLimited: [
|
|
3302
3349
|
"inline-flex items-center",
|
|
@@ -3426,6 +3473,19 @@ function MessageListHistoryLimited({ className, render, ...props }) {
|
|
|
3426
3473
|
props: mergeProps(defaultProps, props)
|
|
3427
3474
|
});
|
|
3428
3475
|
}
|
|
3476
|
+
function MessageListEndFade({ className, render, ...props }) {
|
|
3477
|
+
const { endFade } = messageList();
|
|
3478
|
+
const defaultProps = {
|
|
3479
|
+
"data-slot": "message-list-end-fade",
|
|
3480
|
+
"aria-hidden": true,
|
|
3481
|
+
className: endFade({ className })
|
|
3482
|
+
};
|
|
3483
|
+
return useRender({
|
|
3484
|
+
defaultTagName: "div",
|
|
3485
|
+
render,
|
|
3486
|
+
props: mergeProps(defaultProps, props)
|
|
3487
|
+
});
|
|
3488
|
+
}
|
|
3429
3489
|
//#endregion
|
|
3430
3490
|
//#region src/components/message-list/message-list-jump.tsx
|
|
3431
3491
|
function MessageListJumpControls({ className, render, side = "bottom", ...props }) {
|
|
@@ -3586,4 +3646,143 @@ function useMouseOnlyPointerSensor(distance) {
|
|
|
3586
3646
|
return useSensor(MouseOnlyPointerSensor, options);
|
|
3587
3647
|
}
|
|
3588
3648
|
//#endregion
|
|
3589
|
-
|
|
3649
|
+
//#region src/components/inbox-item/inbox-item.recipe.ts
|
|
3650
|
+
const inboxItem = tv$1({
|
|
3651
|
+
slots: {
|
|
3652
|
+
item: [
|
|
3653
|
+
"relative grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-3 p-3 text-left",
|
|
3654
|
+
"has-data-[slot=inbox-item-selection]:grid-cols-[auto_minmax(0,1fr)_auto]",
|
|
3655
|
+
"has-data-[slot=inbox-item-leading]:grid-cols-[auto_minmax(0,1fr)_auto]",
|
|
3656
|
+
"has-data-[slot=inbox-item-selection]:has-data-[slot=inbox-item-leading]:grid-cols-[auto_auto_minmax(0,1fr)_auto]",
|
|
3657
|
+
"transition-colors",
|
|
3658
|
+
"gap-x-3 gap-y-0 rounded-none border-0 bg-transparent px-4 py-3 shadow-none",
|
|
3659
|
+
"before:pointer-events-none before:absolute before:top-0 before:right-0 before:left-4 before:hidden before:border-t before:border-line-hairline",
|
|
3660
|
+
"[[data-slot=inbox-item]+&]:before:block has-data-[slot=inbox-item-selection]:before:left-11",
|
|
3661
|
+
"has-data-[slot=inbox-item-leading]:before:left-16",
|
|
3662
|
+
"has-data-[slot=inbox-item-selection]:has-data-[slot=inbox-item-leading]:before:left-23",
|
|
3663
|
+
"hover:bg-fill-subtle not-data-[active=true]:active:bg-fill-medium",
|
|
3664
|
+
"not-data-[active=true]:data-popup-open:bg-fill-subtle not-data-[active=true]:has-data-popup-open:bg-fill-subtle",
|
|
3665
|
+
"data-[active=true]:bg-info-soft data-[active=true]:hover:bg-info-soft",
|
|
3666
|
+
"data-disabled:pointer-events-none data-disabled:hover:bg-transparent",
|
|
3667
|
+
"has-[[data-slot=inbox-item-open]:focus-visible]:keyboard:inset-ring-2 has-[[data-slot=inbox-item-open]:focus-visible]:keyboard:inset-ring-foreground",
|
|
3668
|
+
"not-data-[density=compact]:has-data-[slot=inbox-item-trailing]:[--inbox-item-content-display:grid] not-data-[density=compact]:has-data-[slot=inbox-item-trailing]:[--inbox-item-content-end:-1]"
|
|
3669
|
+
],
|
|
3670
|
+
itemTrigger: ["absolute inset-0 z-0 outline-none"],
|
|
3671
|
+
itemLeading: ["pointer-events-none relative z-10 flex size-9 shrink-0 items-center justify-center"],
|
|
3672
|
+
itemLeadingBadge: [
|
|
3673
|
+
"absolute -right-0.5 -bottom-0.5 z-10 inline-flex size-3.5 items-center justify-center",
|
|
3674
|
+
"rounded-[3px] border border-sticker-ink outline-2 outline-layer-canvas outline-solid",
|
|
3675
|
+
"bg-layer-canvas bg-[linear-gradient(var(--info-soft),var(--info-soft))] text-foreground",
|
|
3676
|
+
"[&_svg]:size-2.5 [&_svg]:shrink-0"
|
|
3677
|
+
],
|
|
3678
|
+
itemSelection: ["relative z-10 mt-0.5 flex size-4 shrink-0 items-center justify-center"],
|
|
3679
|
+
itemContent: [
|
|
3680
|
+
"pointer-events-none relative z-10 min-w-0 flex-1 text-left",
|
|
3681
|
+
"-col-start-3 col-end-(--inbox-item-content-end) row-start-1",
|
|
3682
|
+
"[display:var(--inbox-item-content-display,block)] grid-cols-subgrid"
|
|
3683
|
+
],
|
|
3684
|
+
itemContext: [
|
|
3685
|
+
"col-span-full nth-[-n+2]:col-[1/2]",
|
|
3686
|
+
"flex min-w-0 items-center",
|
|
3687
|
+
"mb-0.5 gap-1.5 py-0",
|
|
3688
|
+
"text-caption text-foreground-hint"
|
|
3689
|
+
],
|
|
3690
|
+
itemSubtitle: [
|
|
3691
|
+
"col-span-full nth-[-n+2]:col-[1/2]",
|
|
3692
|
+
"min-w-0",
|
|
3693
|
+
"mt-0.5 mb-0 py-0",
|
|
3694
|
+
"text-caption text-foreground-hint"
|
|
3695
|
+
],
|
|
3696
|
+
itemHeading: [
|
|
3697
|
+
"col-span-full nth-[-n+2]:col-[1/2]",
|
|
3698
|
+
"flex min-w-0 items-start gap-2",
|
|
3699
|
+
"mb-0"
|
|
3700
|
+
],
|
|
3701
|
+
itemTitle: [
|
|
3702
|
+
"relative line-clamp-2 min-w-0 flex-1 pl-[18px]",
|
|
3703
|
+
"[&>svg]:absolute [&>svg]:top-[calc((1lh-14px)/2)] [&>svg]:left-0 [&>svg]:size-3.5",
|
|
3704
|
+
"font-sans text-subhead font-semibold text-foreground-muted",
|
|
3705
|
+
"group-data-[unread=true]/inbox-item:font-bold group-data-[unread=true]/inbox-item:text-foreground",
|
|
3706
|
+
"[&>svg]:text-foreground-hint"
|
|
3707
|
+
],
|
|
3708
|
+
itemTrailing: [
|
|
3709
|
+
"pointer-events-none relative z-10 col-[-2/-1] row-start-1",
|
|
3710
|
+
"flex shrink-0",
|
|
3711
|
+
"mt-0 flex-col items-end gap-2 pt-px",
|
|
3712
|
+
"max-md:flex-col max-md:items-end max-md:gap-2",
|
|
3713
|
+
"after:hidden after:size-[9px] after:shrink-0 after:rounded-[2px] after:border-[1.5px] after:border-sticker-ink after:bg-attention-400",
|
|
3714
|
+
"group-data-[unread=true]/inbox-item:after:block",
|
|
3715
|
+
"*:not-data-[reveal=hover]:opacity-[calc(1-var(--inbox-item-reveal-aside,0)*var(--inbox-item-revealed,0))] after:opacity-[calc(1-var(--inbox-item-reveal-aside,0)*var(--inbox-item-revealed,0))]",
|
|
3716
|
+
"*:not-data-[reveal=hover]:mr-(--inbox-item-aside-room,0px) after:mr-(--inbox-item-aside-room,0px)",
|
|
3717
|
+
"*:not-data-[reveal=hover]:transition-opacity after:transition-opacity",
|
|
3718
|
+
"pointer-fine:has-[>[data-reveal=hover]]:[--inbox-item-reveal-aside:1]",
|
|
3719
|
+
"pointer-coarse:has-[>[data-reveal=hover]]:[--inbox-item-aside-room:--spacing(11)]",
|
|
3720
|
+
"group-hover/inbox-item:[--inbox-item-revealed:1] group-focus-within/inbox-item:[--inbox-item-revealed:1]",
|
|
3721
|
+
"group-data-[active=true]/inbox-item:[--inbox-item-revealed:1] group-data-popup-open/inbox-item:[--inbox-item-revealed:1]",
|
|
3722
|
+
"has-[>[data-reveal=hover]_[data-popup-open]]:[--inbox-item-revealed:1]"
|
|
3723
|
+
],
|
|
3724
|
+
itemMarks: ["flex h-5 shrink-0 items-center justify-end gap-1.5", "text-foreground-hint"],
|
|
3725
|
+
itemHoverTarget: ["pointer-events-auto"],
|
|
3726
|
+
itemTimestamp: ["shrink-0 whitespace-nowrap text-right tabular-nums", "font-mono text-mono-meta text-foreground-hint"],
|
|
3727
|
+
itemBody: [
|
|
3728
|
+
"col-span-full nth-[-n+2]:col-[1/2]",
|
|
3729
|
+
"line-clamp-2",
|
|
3730
|
+
"mt-0.5 text-callout text-foreground-muted"
|
|
3731
|
+
],
|
|
3732
|
+
itemMessage: [
|
|
3733
|
+
"col-span-full nth-[-n+2]:col-[1/2]",
|
|
3734
|
+
"min-w-0",
|
|
3735
|
+
"mt-0.5 line-clamp-2 text-callout text-foreground-muted"
|
|
3736
|
+
],
|
|
3737
|
+
itemSender: ["font-semibold text-foreground"],
|
|
3738
|
+
itemMetadata: [
|
|
3739
|
+
"col-span-full nth-[-n+2]:col-[1/2]",
|
|
3740
|
+
"flex min-h-5 flex-wrap items-center gap-1.5",
|
|
3741
|
+
"mt-2"
|
|
3742
|
+
],
|
|
3743
|
+
itemActions: [
|
|
3744
|
+
"pointer-events-auto flex shrink-0 items-center",
|
|
3745
|
+
"order-last gap-0.5",
|
|
3746
|
+
"*:data-[slot=panel-action]:h-8 *:data-[slot=panel-action]:min-w-8 [&>[data-slot=panel-action]>svg]:size-[18px]",
|
|
3747
|
+
"*:data-[slot=panel-toggle-action]:h-8 *:data-[slot=panel-toggle-action]:min-w-8 [&>[data-slot=panel-toggle-action]>svg]:size-[18px]",
|
|
3748
|
+
"[&>[data-slot=panel-toggle-action][data-pressed]]:border-transparent",
|
|
3749
|
+
"[&>[data-slot=panel-toggle-action][data-pressed]]:bg-transparent",
|
|
3750
|
+
"[&>[data-slot=panel-toggle-action][data-pressed]]:text-foreground",
|
|
3751
|
+
"[&>[data-slot=panel-toggle-action][data-pressed]]:hover:bg-fill-medium [&>[data-slot=panel-toggle-action][data-pressed]]:active:bg-fill-medium",
|
|
3752
|
+
"pointer-coarse:gap-3",
|
|
3753
|
+
"pointer-coarse:*:data-[slot=panel-action]:after:absolute pointer-coarse:*:data-[slot=panel-action]:after:-inset-1.5",
|
|
3754
|
+
"pointer-coarse:*:data-[slot=panel-toggle-action]:after:absolute pointer-coarse:*:data-[slot=panel-toggle-action]:after:-inset-1.5"
|
|
3755
|
+
]
|
|
3756
|
+
},
|
|
3757
|
+
variants: {
|
|
3758
|
+
density: { compact: {
|
|
3759
|
+
item: ["items-center"],
|
|
3760
|
+
itemTitle: ["line-clamp-1", "pl-0 has-[>svg]:pl-[18px]"],
|
|
3761
|
+
itemTrailing: [
|
|
3762
|
+
"gap-0 pt-0",
|
|
3763
|
+
"max-md:gap-0",
|
|
3764
|
+
"group-data-[unread=true]/inbox-item:after:hidden"
|
|
3765
|
+
],
|
|
3766
|
+
itemTimestamp: ["leading-5"],
|
|
3767
|
+
itemBody: ["line-clamp-1", "mt-0"],
|
|
3768
|
+
itemMessage: ["line-clamp-1", "mt-0"]
|
|
3769
|
+
} },
|
|
3770
|
+
reveal: { hover: { itemActions: [
|
|
3771
|
+
"absolute top-0 right-0 z-10",
|
|
3772
|
+
"pointer-events-none opacity-0 transition-opacity",
|
|
3773
|
+
"group-hover/inbox-item:pointer-events-auto group-hover/inbox-item:opacity-100",
|
|
3774
|
+
"group-focus-within/inbox-item:pointer-events-auto group-focus-within/inbox-item:opacity-100",
|
|
3775
|
+
"group-data-[active=true]/inbox-item:pointer-events-auto group-data-[active=true]/inbox-item:opacity-100",
|
|
3776
|
+
"group-data-popup-open/inbox-item:pointer-events-auto group-data-popup-open/inbox-item:opacity-100",
|
|
3777
|
+
"has-data-popup-open:pointer-events-auto has-data-popup-open:opacity-100",
|
|
3778
|
+
"pointer-coarse:pointer-events-auto pointer-coarse:opacity-100 pointer-coarse:only:static"
|
|
3779
|
+
] } }
|
|
3780
|
+
},
|
|
3781
|
+
compoundVariants: [{
|
|
3782
|
+
density: "compact",
|
|
3783
|
+
reveal: "hover",
|
|
3784
|
+
class: { itemActions: ["top-1/2 -translate-y-1/2", "pointer-coarse:only:translate-y-0"] }
|
|
3785
|
+
}]
|
|
3786
|
+
});
|
|
3787
|
+
//#endregion
|
|
3788
|
+
export { MessageReactionPickerStatic as $, DialogTitle as $n, DropdownMenuFooter as $t, MessageEmbedFooter as A, useMobileViewport as An, MessageItemEmbedded as At, MessageReferenceChip as B, textLinkVariants as Bn, AvatarFallback as Bt, MessageQuotedPreviewLoading as C, PanelSection as Cn, MessageItemSenderButton as Ct, MessageQuotedPreviewUnavailable as D, ScrollAreaScrollbar as Dn, MessageItemBody as Dt, MessageQuotedPreviewTimestamp as E, ScrollAreaCorner as En, MessageItemAttachments as Et, MessageTextSelectionToolbarSeparator as F, TooltipContent as Fn, MessageItemGutter as Ft, MessageReferenceText as G, DialogContent as Gn, measureContent as Gt, MessageReferenceLabel as H, Dialog$1 as Hn, AvatarGroupCount as Ht, MessageMultiSelect as I, TooltipPortal as In, MessageItem as It, MessageReactionChip as J, DialogHeader as Jn, readNow as Jt, MessageReferenceUnavailable as K, DialogDescription as Kn, measureElement as Kt, MessageMultiSelectCheckbox as L, TooltipProvider as Ln, searchHit as Lt, messageEmbed as M, CheckboxIndicator as Mn, MessageItemSearchMatch as Mt, MessageTextSelectionToolbar as N, PRESENCE_COLOR as Nn, MessageItemAvatarSlot as Nt, MessageEmbed as O, ScrollAreaThumb as On, MessageItemContent as Ot, MessageTextSelectionToolbarButton as P, Tooltip$1 as Pn, MessageItemContinuationTime as Pt, MessageReactionPickerContent as Q, DialogSurface as Qn, DropdownMenuContent as Qt, MessageMultiSelectToolbar as R, TooltipTrigger as Rn, Avatar$1 as Rt, MessageQuotedPreviewHeader as S, PanelScrollViewport as Sn, MessageItemSenderBadges as St, MessageQuotedPreviewThread as T, ScrollAreaContent as Tn, MessageItemTime as Tt, MessageReferencePending as U, DialogBody as Un, AvatarImage as Ut, MessageReferenceIndicator as V, Badge as Vn, AvatarGroup as Vt, MessageReferenceSuffix as W, DialogClose as Wn, useOverflowTitle as Wt, MessageReactionErrorIndicator as X, DialogOverlay as Xn, DropdownMenuCheckboxItem as Xt, MessageReactionCount as Y, DialogNav as Yn, DropdownMenu as Yt, MessageReactionGlyph as Z, DialogPortal as Zn, DropdownMenuCheckboxItemIndicator as Zt, MessageQuotedPreviewAuthorDelegatedBy as _, Panel as _n, MessageItemDelegatedByName as _t, MessageListJumpPill as a, DropdownMenuPopup as an, useParentOverlayKind as ar, MessageReactionTooltipNameText as at, MessageQuotedPreviewChannel as b, PanelHeaderRoot as bn, MessageItemMeta as bt, MessageListDateDivider as c, DropdownMenuRadioItem as cn, useThemeScopeProps as cr, MessageItemBadge as ct, MessageListNotice as d, DropdownMenuShortcut as dn, tv$1 as dr, MessageItemSavedIndicator as dt, DropdownMenuItem as en, DialogTrigger as er, MessageReactionQuickButton as et, MessageList as f, DropdownMenuSubmenu as fn, controlIconInset as fr, MessageItemToolbar as ft, MessageQuotedPreviewAuthor as g, KbdGroup as gn, MessageItemDelegatedByButton as gt, MessageQuotedPreviewAttachments as h, Kbd as hn, decisionWidth as hr, MessageItemDelegatedBy as ht, MessageListJumpControls as i, DropdownMenuLinkItem as in, defaultNativeButton as ir, MessageReactionTooltipName as it, MessageEmbedHeader as j, Checkbox$1 as jn, MessageItemFooter as jt, MessageEmbedContent as k, ScrollAreaViewport as kn, MessageItemEdited as kt, MessageListEndFade as l, DropdownMenuRadioItemIndicator as ln, useTheme as lr, MessageItemBadgeSeparator as lt, MessageQuotedPreviewAttachment as m, DropdownMenuTrigger as mn, headEdges as mr, MessageItemDelegatedAvatar as mt, useHoldThenMoveTouchSensor as n, DropdownMenuItemLabel as nn, buttonVariants as nr, MessageReactionTooltipContent as nt, MessageListJumpPillDismiss as o, DropdownMenuPortal as on, withOverlayLayer as or, MessageReactionTooltipNames as ot, MessageQuotedPreview as p, DropdownMenuSubmenuTrigger as pn, headEdgePull as pr, MessageItemToolbarButton as pt, MessageReactionAddButton as q, DialogFooter as qn, observeTruncation as qt, useMouseOnlyPointerSensor as r, DropdownMenuLabel as rn, Spinner as rr, MessageReactionTooltipMeta as rt, MessageListJumpPillGroup as s, DropdownMenuRadioGroup as sn, resolveThemeScopeProps as sr, MessageReactionTooltipSeparator as st, inboxItem as t, DropdownMenuItemCount as tn, Button$1 as tr, MessageReactionQuickRow as tt, MessageListHistoryLimited as u, DropdownMenuSeparator as un, ThemeStateContext as ur, MessageItemReadReceipt as ut, MessageQuotedPreviewAuthorMeta as v, PanelBody as vn, MessageItemHeader as vt, MessageQuotedPreviewText as w, ScrollArea$1 as wn, MessageItemSenderGroup as wt, MessageQuotedPreviewContent as x, PanelScrollContent as xn, MessageItemSender as xt, MessageQuotedPreviewAuthorName as y, PanelFooter as yn, MessageItemInlineStatus as yt, MessageMultiSelectToolbarActions as z, TextLink as zn, AvatarBadge as zt };
|
|
@@ -593,6 +593,19 @@ type DropdownMenuCheckboxItemProps = StyledProps<Menu.CheckboxItem.Props>;
|
|
|
593
593
|
declare function DropdownMenuCheckboxItem({ className, children, ...props }: DropdownMenuCheckboxItemProps): import("react").JSX.Element;
|
|
594
594
|
type DropdownMenuCheckboxItemIndicatorProps = StyledProps<Menu.CheckboxItemIndicator.Props>;
|
|
595
595
|
declare function DropdownMenuCheckboxItemIndicator({ className, ...props }: DropdownMenuCheckboxItemIndicatorProps): import("react").JSX.Element;
|
|
596
|
+
type DropdownMenuLinkItemProps = StyledProps<Menu.LinkItem.Props> & {
|
|
597
|
+
/**
|
|
598
|
+
* The page being shown: `aria-current="page"`, drawn as the chosen value
|
|
599
|
+
* of a radio group (a check mark and bold text).
|
|
600
|
+
*/
|
|
601
|
+
current?: boolean;
|
|
602
|
+
};
|
|
603
|
+
/**
|
|
604
|
+
* One choice that is another page, such as the same page in another
|
|
605
|
+
* language: a link, so it opens in a new tab and can be copied. Its
|
|
606
|
+
* `href` goes on the item; `current` marks the page being shown.
|
|
607
|
+
*/
|
|
608
|
+
declare function DropdownMenuLinkItem({ current, className, children, ...props }: DropdownMenuLinkItemProps): import("react").JSX.Element;
|
|
596
609
|
//#endregion
|
|
597
610
|
//#region src/components/tooltip/tooltip.d.ts
|
|
598
611
|
type TooltipProviderProps = Tooltip.Provider.Props;
|
|
@@ -1040,6 +1053,10 @@ type MessageReferenceChipProps = SpanProps$1 & {
|
|
|
1040
1053
|
declare function MessageReferenceChip({ className, render, variant, ...props }: MessageReferenceChipProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
1041
1054
|
type MessageReferenceLabelProps = useRender.ComponentProps<"span">;
|
|
1042
1055
|
declare function MessageReferenceLabel({ className, render, ...props }: MessageReferenceLabelProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
1056
|
+
type MessageReferenceSuffixProps = useRender.ComponentProps<"span">;
|
|
1057
|
+
/** A short note after a chip's label in muted machine type, such as `msg` on a
|
|
1058
|
+
* link to a message. It lines up with the label by the middle of its letters. */
|
|
1059
|
+
declare function MessageReferenceSuffix({ className, render, ...props }: MessageReferenceSuffixProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
1043
1060
|
type MessageReferencePendingProps = SpanProps$1;
|
|
1044
1061
|
declare function MessageReferencePending({ className, render, ...props }: MessageReferencePendingProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
1045
1062
|
type MessageReferenceUnavailableProps = SpanProps$1;
|
|
@@ -1119,6 +1136,8 @@ type MessageListNoticeProps = useRender.ComponentProps<"div"> & {
|
|
|
1119
1136
|
declare function MessageListNotice({ className, render, tone, ...props }: MessageListNoticeProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
1120
1137
|
type MessageListHistoryLimitedProps = useRender.ComponentProps<"span">;
|
|
1121
1138
|
declare function MessageListHistoryLimited({ className, render, ...props }: MessageListHistoryLimitedProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
1139
|
+
type MessageListEndFadeProps = useRender.ComponentProps<"div">;
|
|
1140
|
+
declare function MessageListEndFade({ className, render, ...props }: MessageListEndFadeProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
1122
1141
|
//#endregion
|
|
1123
1142
|
//#region src/components/message-list/message-list-jump.d.ts
|
|
1124
1143
|
type MessageListJumpControlsProps = useRender.ComponentProps<"div"> & {
|
|
@@ -1137,4 +1156,4 @@ type MessageListJumpPillDismissProps = StyledProps<Button.Props> & DataAttribute
|
|
|
1137
1156
|
};
|
|
1138
1157
|
declare function MessageListJumpPillDismiss({ className, children, render, nativeButton, ...props }: MessageListJumpPillDismissProps): import("react").JSX.Element;
|
|
1139
1158
|
//#endregion
|
|
1140
|
-
export {
|
|
1159
|
+
export { MessageTextSelectionToolbarSeparator as $, DialogTitleProps as $i, MessageItemAvatarSlotProps as $n, DropdownMenuProps as $r, MessageReactionTooltipSeparator as $t, MessageQuotedPreviewAuthorNameProps as A, Dialog$1 as Ai, MessageItemSenderBadgesProps as An, DropdownMenu as Ar, MessageReactionCountProps as At, MessageQuotedPreviewProps as B, DialogFooterProps as Bi, MessageItemBody as Bn, DropdownMenuItemCount as Br, MessageReactionQuickButtonProps as Bt, MessageQuotedPreviewAttachmentsProps as C, CheckboxIndicatorProps as Ci, MessageItemHeaderProps as Cn, TooltipPortal as Cr, MessageReferenceChipVariant as Ct, MessageQuotedPreviewAuthorMeta as D, TextLink as Di, MessageItemMetaProps as Dn, TooltipProviderProps as Dr, MessageReactionChip as Dt, MessageQuotedPreviewAuthorDelegatedByProps as E, Presence as Ei, MessageItemMeta as En, TooltipProvider as Er, MessageReactionAddButtonProps as Et, MessageQuotedPreviewContentProps as F, DialogContent as Fi, MessageItemSenderProps as Fn, DropdownMenuContent as Fr, MessageReactionPickerContent as Ft, MessageQuotedPreviewTimestamp as G, DialogOverlay as Gi, MessageItemEditedProps as Gn, DropdownMenuLabel as Gr, MessageReactionTooltipMeta as Gt, MessageQuotedPreviewTextProps as H, DialogHeaderProps as Hi, MessageItemContent as Hn, DropdownMenuItemLabel as Hr, MessageReactionQuickRowProps as Ht, MessageQuotedPreviewHeader as I, DialogContentProps as Ii, MessageItemTime as In, DropdownMenuContentProps as Ir, MessageReactionPickerContentProps as It, MessageQuotedPreviewUnavailableProps as J, DialogPortalProps as Ji, MessageItemFooter as Jn, DropdownMenuLinkItemProps as Jr, MessageReactionTooltipNameProps as Jt, MessageQuotedPreviewTimestampProps as K, DialogOverlayProps as Ki, MessageItemEmbedded as Kn, DropdownMenuLabelProps as Kr, MessageReactionTooltipMetaProps as Kt, MessageQuotedPreviewHeaderProps as L, DialogDescription as Li, MessageItemTimeProps as Ln, DropdownMenuFooter as Lr, MessageReactionPickerStatic as Lt, MessageQuotedPreviewChannel as M, DialogBodyProps as Mi, MessageItemSenderButtonProps as Mn, DropdownMenuCheckboxItemIndicator as Mr, MessageReactionErrorIndicatorProps as Mt, MessageQuotedPreviewChannelProps as N, DialogClose as Ni, MessageItemSenderGroup as Nn, DropdownMenuCheckboxItemIndicatorProps as Nr, MessageReactionGlyph as Nt, MessageQuotedPreviewAuthorMetaProps as O, TextLinkProps as Oi, MessageItemSender as On, TooltipTrigger as Or, MessageReactionChipProps as Ot, MessageQuotedPreviewContent as P, DialogCloseProps as Pi, MessageItemSenderGroupProps as Pn, DropdownMenuCheckboxItemProps as Pr, MessageReactionGlyphProps as Pt, MessageTextSelectionToolbarProps as Q, DialogTitle as Qi, MessageItemAvatarSlot as Qn, DropdownMenuPortalProps as Qr, MessageReactionTooltipNamesProps as Qt, MessageQuotedPreviewLoading as R, DialogDescriptionProps as Ri, MessageItemAttachments as Rn, DropdownMenuFooterProps as Rr, MessageReactionPickerStaticProps as Rt, MessageQuotedPreviewAttachments as S, CheckboxIndicator as Si, MessageItemHeader as Sn, TooltipContentProps as Sr, MessageReferenceUnavailableProps as St, MessageQuotedPreviewAuthorDelegatedBy as T, CheckboxProps as Ti, MessageItemInlineStatusProps as Tn, TooltipProps as Tr, MessageReactionAddButton as Tt, MessageQuotedPreviewThread as U, DialogNav as Ui, MessageItemContentProps as Un, DropdownMenuItemLabelProps as Ur, MessageReactionTooltipContent as Ut, MessageQuotedPreviewText as V, DialogHeader as Vi, MessageItemBodyProps as Vn, DropdownMenuItemCountProps as Vr, MessageReactionQuickRow as Vt, MessageQuotedPreviewThreadProps as W, DialogNavProps as Wi, MessageItemEdited as Wn, DropdownMenuItemProps as Wr, MessageReactionTooltipContentProps as Wt, MessageTextSelectionToolbarButton as X, DialogSurface as Xi, MessageItemSearchMatch as Xn, DropdownMenuPopupProps as Xr, MessageReactionTooltipNameTextProps as Xt, MessageTextSelectionToolbar as Y, DialogProps as Yi, MessageItemFooterProps as Yn, DropdownMenuPopup as Yr, MessageReactionTooltipNameText as Yt, MessageTextSelectionToolbarButtonProps as Z, DialogSurfaceProps as Zi, MessageItemSearchMatchProps as Zn, DropdownMenuPortal as Zr, MessageReactionTooltipNames as Zt, MessageList as _, KbdGroup as _i, MessageItemDelegatedByButton as _n, AvatarImageProps as _r, MessageReferenceSuffix as _t, MessageListJumpPillDismissProps as a, DeprecatedButtonSize as aa, DropdownMenuRadioItemProps as ai, MessageItemBadgeStatus as an, MessageItemProps as ar, MessageMultiSelectToolbar as at, MessageQuotedPreviewAttachment as b, Badge as bi, MessageItemDelegatedByNameProps as bn, Tooltip$1 as br, MessageReferenceTextProps as bt, MessageListJumpPillProps as c, DataAttributes as ca, DropdownMenuShortcut as ci, MessageItemSavedIndicator as cn, AvatarBadgeOffset as cr, MessageMultiSelectToolbarProps as ct, MessageListEndFade as d, DropdownMenuSubmenuProps as di, MessageItemToolbarButton as dn, AvatarFallbackProps as dr, MessageReferenceIndicator as dt, DialogTrigger as ea, DropdownMenuRadioGroup as ei, MessageReactionTooltipSeparatorProps as en, MessageItemContinuationTime as er, MessageTextSelectionToolbarSeparatorProps as et, MessageListEndFadeProps as f, DropdownMenuSubmenuTrigger as fi, MessageItemToolbarButtonProps as fn, AvatarGroup as fr, MessageReferenceIndicatorProps as ft, MessageListNoticeProps as g, Kbd as gi, MessageItemDelegatedBy as gn, AvatarImage as gr, MessageReferencePendingProps as gt, MessageListNotice as h, DropdownMenuTriggerProps as hi, MessageItemDelegatedAvatarProps as hn, AvatarGroupProps as hr, MessageReferencePending as ht, MessageListJumpPillDismiss as i, ButtonSize as ia, DropdownMenuRadioItemIndicatorProps as ii, MessageItemBadgeSeparatorProps as in, MessageItem as ir, MessageMultiSelectProps as it, MessageQuotedPreviewAuthorProps as j, DialogBody as ji, MessageItemSenderButton as jn, DropdownMenuCheckboxItem as jr, MessageReactionErrorIndicator as jt, MessageQuotedPreviewAuthorName as k, textLinkVariants as ki, MessageItemSenderBadges as kn, TooltipTriggerProps as kr, MessageReactionCount as kt, MessageListDateDivider as l, StyledProps as la, DropdownMenuShortcutProps as li, MessageItemSavedIndicatorProps as ln, AvatarBadgeProps as lr, MessageReferenceChip as lt, MessageListHistoryLimitedProps as m, DropdownMenuTrigger as mi, MessageItemDelegatedAvatar as mn, AvatarGroupCountProps as mr, MessageReferenceLabelProps as mt, MessageListJumpControlsProps as n, Button$1 as na, DropdownMenuRadioItem as ni, MessageItemBadgeProps as nn, MessageItemGutter as nr, MessageMultiSelectCheckbox as nt, MessageListJumpPillGroup as o, buttonVariants as oa, DropdownMenuSeparator as oi, MessageItemReadReceipt as on, Avatar$1 as or, MessageMultiSelectToolbarActions as ot, MessageListHistoryLimited as p, DropdownMenuSubmenuTriggerProps as pi, MessageItemToolbarProps as pn, AvatarGroupCount as pr, MessageReferenceLabel as pt, MessageQuotedPreviewUnavailable as q, DialogPortal as qi, MessageItemEmbeddedProps as qn, DropdownMenuLinkItem as qr, MessageReactionTooltipName as qt, MessageListJumpPill as r, ButtonProps as ra, DropdownMenuRadioItemIndicator as ri, MessageItemBadgeSeparator as rn, MessageItemGutterProps as rr, MessageMultiSelectCheckboxProps as rt, MessageListJumpPillGroupProps as s, VariantProps as sa, DropdownMenuSeparatorProps as si, MessageItemReadReceiptProps as sn, AvatarBadge as sr, MessageMultiSelectToolbarActionsProps as st, MessageListJumpControls as t, DialogTriggerProps as ta, DropdownMenuRadioGroupProps as ti, MessageItemBadge as tn, MessageItemContinuationTimeProps as tr, MessageMultiSelect as tt, MessageListDateDividerProps as u, DropdownMenuSubmenu as ui, MessageItemToolbar as un, AvatarFallback as ur, MessageReferenceChipProps as ut, MessageListProps as v, KbdGroupProps as vi, MessageItemDelegatedByButtonProps as vn, AvatarProps as vr, MessageReferenceSuffixProps as vt, MessageQuotedPreviewAuthor as w, Checkbox$1 as wi, MessageItemInlineStatus as wn, TooltipPortalProps as wr, MessageReferenceTextVariant as wt, MessageQuotedPreviewAttachmentProps as x, BadgeProps as xi, MessageItemDelegatedByProps as xn, TooltipContent as xr, MessageReferenceUnavailable as xt, MessageQuotedPreview as y, KbdProps as yi, MessageItemDelegatedByName as yn, AvatarSize as yr, MessageReferenceText as yt, MessageQuotedPreviewLoadingProps as z, DialogFooter as zi, MessageItemAttachmentsProps as zn, DropdownMenuItem as zr, MessageReactionQuickButton as zt };
|