@botiverse/raft-ui 0.32.1 → 0.33.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 +31 -0
- package/dist/components/steps/steps.css +1 -1
- package/dist/foundation.css +11 -0
- package/dist/{inbox-item-CXvn7hxs.d.mts → inbox-item-BAeuj5Cl.d.mts} +3 -0
- package/dist/{inbox-item-69Tx19JG.mjs → inbox-item-CSKfHQmn.mjs} +36 -6
- package/dist/index.d.mts +1 -1
- package/dist/index.mjs +11 -10
- package/dist/style.css +1 -1
- package/dist/styles.css +6 -2
- package/dist/tokens.json +16 -0
- package/dist/wip.d.mts +23 -1
- package/dist/wip.mjs +2 -2
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,34 @@
|
|
|
1
|
+
## [0.33.0](https://github.com/botiverse/raft-design/compare/v0.32.2...v0.33.0) (2026-10-24)
|
|
2
|
+
|
|
3
|
+
### Added
|
|
4
|
+
|
|
5
|
+
- Tokens `you` and `selected` (`bg-you`, `bg-selected`, `border-selected`): the yellow of a signal addressed to you and of a selected or "on" state. They equal `brand-400` in Raft Yellow, and no theme overrides them. ([#791](https://github.com/botiverse/raft-design/pull/791))
|
|
6
|
+
- Badge `variant="you"`: the @ marker for something addressed to you outside the sidebar. It stays yellow in every theme, while `primary` follows the theme. ([#791](https://github.com/botiverse/raft-design/pull/791))
|
|
7
|
+
|
|
8
|
+
### Changed
|
|
9
|
+
|
|
10
|
+
- Selected and "on" states (segmented control, sidebar row, tabs, toggle group, mobile nav, pressed panel action, switch, current step) paint `selected`, and signals addressed to you (mention-of-you chip, sidebar @ marker, search hit, active comment) paint `you`. Raft Yellow looks the same; Boring Gray now keeps them yellow. ([#791](https://github.com/botiverse/raft-design/pull/791))
|
|
11
|
+
- The selected sidebar row's edge is `sticker-ink`, so it keeps its ink edge in Boring Gray. ([#791](https://github.com/botiverse/raft-design/pull/791))
|
|
12
|
+
- `Text variant="primary"` uses `brand-strong` and follows the theme (deeper in light, yellow in dark; 8.9:1 and 12.5:1). ([#791](https://github.com/botiverse/raft-design/pull/791))
|
|
13
|
+
|
|
14
|
+
### Design System
|
|
15
|
+
|
|
16
|
+
- **Themes:** a theme quiets the environment, never information. Signals addressed to you and selected states keep their color in every theme; the rail and anything on the frame follow the theme's frame. ([#791](https://github.com/botiverse/raft-design/pull/791))
|
|
17
|
+
- Docs: https://raft-design.botiverse.build/foundations/themes/
|
|
18
|
+
- **ChoiceList:** a description line is cut at its end, so it leads with what people compare. ([#789](https://github.com/botiverse/raft-design/pull/789))
|
|
19
|
+
- **Touch screens:** the swipe buttons' type, and what a tap does while a row is open. ([#790](https://github.com/botiverse/raft-design/pull/790))
|
|
20
|
+
|
|
21
|
+
## [0.32.2](https://github.com/botiverse/raft-design/compare/v0.32.1...v0.32.2) (2026-10-23)
|
|
22
|
+
|
|
23
|
+
### Added
|
|
24
|
+
|
|
25
|
+
- `TOUCH_DRAG_HOLD_MS` (wip), the 500ms hold before a touch drag, exported next to `useHoldThenMoveTouchSensor`, so a product that tells a hold from a tap uses the same number. ([#787](https://github.com/botiverse/raft-design/pull/787))
|
|
26
|
+
|
|
27
|
+
### Design System
|
|
28
|
+
|
|
29
|
+
- **Touch drags:** every touch drag, task cards included, waits for a 500ms hold and then a move; the Accessibility page no longer says 200ms. ([#787](https://github.com/botiverse/raft-design/pull/787))
|
|
30
|
+
- Docs: https://raft-design.botiverse.build/foundations/states/#dragging-on-a-touch-screen
|
|
31
|
+
|
|
1
32
|
## [0.32.1](https://github.com/botiverse/raft-design/compare/v0.32.0...v0.32.1) (2026-10-23)
|
|
2
33
|
|
|
3
34
|
### Fixed
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
--r-steps-easing: ease-out;
|
|
44
44
|
|
|
45
45
|
--r-steps-indicator-color-wait: var(--layer-card);
|
|
46
|
-
--r-steps-indicator-color-process: var(--
|
|
46
|
+
--r-steps-indicator-color-process: var(--selected);
|
|
47
47
|
--r-steps-indicator-color-finish: var(--foreground);
|
|
48
48
|
--r-steps-indicator-color-error: var(--warning);
|
|
49
49
|
--r-steps-indicator-border-color-wait: var(--line-seam);
|
package/dist/foundation.css
CHANGED
|
@@ -23,6 +23,8 @@
|
|
|
23
23
|
| -foreground (text on the solid)
|
|
24
24
|
| -hover / -active (derived interaction pair, opt-in per family;
|
|
25
25
|
an opted-in family always gets both)
|
|
26
|
+
Signals: you | selected — the yellow of "addressed to you" and of the
|
|
27
|
+
selected sticker, with their own value so no theme grays them.
|
|
26
28
|
Washes: ink-{alpha%} (2..40) — neutral overlays, hairlines, hover fills.
|
|
27
29
|
Opacity rule: layer tokens are opaque in every theme, except the two
|
|
28
30
|
backdrops (overlays by contract); among fills only the hover tiers
|
|
@@ -218,6 +220,15 @@
|
|
|
218
220
|
colour. */
|
|
219
221
|
--brand-hover: color-mix(in srgb, var(--brand-400) 90%, var(--sticker-ink));
|
|
220
222
|
--brand-active: var(--brand-hover);
|
|
223
|
+
/* Raft yellow for what is addressed to you: a mention of you, the sidebar's @
|
|
224
|
+
marker, a search hit, the passage of the comment you opened. Its own value,
|
|
225
|
+
not brand, so a theme that grays the brand (Boring Gray) keeps it yellow. */
|
|
226
|
+
--you: oklch(0.8829 0.1623 91.9);
|
|
227
|
+
/* Raft yellow for the selected sticker: where you are (the active sidebar row,
|
|
228
|
+
a segment, a tab, the tab bar's item, the current step) and what is on (a
|
|
229
|
+
switch, a toggle, a pressed panel action). Its own value, not brand, so a
|
|
230
|
+
theme that grays the brand (Boring Gray) keeps it yellow. */
|
|
231
|
+
--selected: oklch(0.8829 0.1623 91.9);
|
|
221
232
|
--attention-50: var(--palette-pink-50);
|
|
222
233
|
--attention-100: var(--palette-pink-100);
|
|
223
234
|
--attention-200: var(--palette-pink-200);
|
|
@@ -723,6 +723,7 @@ declare const badge: import("tailwind-variants/lite").TVReturnType<{
|
|
|
723
723
|
variant: {
|
|
724
724
|
default: "";
|
|
725
725
|
primary: "";
|
|
726
|
+
you: "";
|
|
726
727
|
information: "";
|
|
727
728
|
muted: "";
|
|
728
729
|
accent: "";
|
|
@@ -747,6 +748,7 @@ declare const badge: import("tailwind-variants/lite").TVReturnType<{
|
|
|
747
748
|
variant: {
|
|
748
749
|
default: "";
|
|
749
750
|
primary: "";
|
|
751
|
+
you: "";
|
|
750
752
|
information: "";
|
|
751
753
|
muted: "";
|
|
752
754
|
accent: "";
|
|
@@ -771,6 +773,7 @@ declare const badge: import("tailwind-variants/lite").TVReturnType<{
|
|
|
771
773
|
variant: {
|
|
772
774
|
default: "";
|
|
773
775
|
primary: "";
|
|
776
|
+
you: "";
|
|
774
777
|
information: "";
|
|
775
778
|
muted: "";
|
|
776
779
|
accent: "";
|
|
@@ -686,7 +686,7 @@ const panelAction = tv$1({
|
|
|
686
686
|
"disabled:pointer-events-none disabled:transform-none",
|
|
687
687
|
"gap-1.5 text-control font-bold",
|
|
688
688
|
"disabled:bg-transparent disabled:text-foreground-disabled disabled:opacity-100",
|
|
689
|
-
"aria-pressed:border-sticker-ink aria-pressed:bg-
|
|
689
|
+
"aria-pressed:border-sticker-ink aria-pressed:bg-selected aria-pressed:text-sticker-ink aria-pressed:ring-[1.5px] aria-pressed:ring-sticker-edge",
|
|
690
690
|
"aria-pressed:active:overlay-sticker-medium"
|
|
691
691
|
]
|
|
692
692
|
});
|
|
@@ -696,7 +696,7 @@ const panelToggleAction = tv$1({
|
|
|
696
696
|
"data-disabled:pointer-events-none data-disabled:transform-none",
|
|
697
697
|
"gap-1.5 text-control font-bold",
|
|
698
698
|
"data-disabled:bg-transparent data-disabled:text-foreground-disabled data-disabled:opacity-100",
|
|
699
|
-
"data-pressed:border-sticker-ink data-pressed:bg-
|
|
699
|
+
"data-pressed:border-sticker-ink data-pressed:bg-selected data-pressed:text-sticker-ink data-pressed:ring-[1.5px] data-pressed:ring-sticker-edge",
|
|
700
700
|
"data-pressed:active:overlay-sticker-medium"
|
|
701
701
|
]
|
|
702
702
|
});
|
|
@@ -1294,6 +1294,7 @@ const badge = tv$1({
|
|
|
1294
1294
|
variant: {
|
|
1295
1295
|
default: "",
|
|
1296
1296
|
primary: "",
|
|
1297
|
+
you: "",
|
|
1297
1298
|
information: "",
|
|
1298
1299
|
muted: "",
|
|
1299
1300
|
accent: "",
|
|
@@ -1322,6 +1323,11 @@ const badge = tv$1({
|
|
|
1322
1323
|
variant: "primary",
|
|
1323
1324
|
class: { root: "bg-brand" }
|
|
1324
1325
|
},
|
|
1326
|
+
{
|
|
1327
|
+
appearance: "solid",
|
|
1328
|
+
variant: "you",
|
|
1329
|
+
class: { root: "bg-you" }
|
|
1330
|
+
},
|
|
1325
1331
|
{
|
|
1326
1332
|
appearance: "solid",
|
|
1327
1333
|
variant: "information",
|
|
@@ -2539,7 +2545,7 @@ const mobileNav = tv$1({ slots: {
|
|
|
2539
2545
|
"active:before:bg-fill-medium",
|
|
2540
2546
|
"data-[selected=true]:font-bold data-[selected=true]:text-foreground",
|
|
2541
2547
|
"data-[selected=true]:[&_svg]:text-sticker-ink",
|
|
2542
|
-
"data-[selected=true]:before:border-sticker-ink data-[selected=true]:before:bg-
|
|
2548
|
+
"data-[selected=true]:before:border-sticker-ink data-[selected=true]:before:bg-selected data-[selected=true]:before:ring-[1.5px] data-[selected=true]:before:ring-sticker-edge",
|
|
2543
2549
|
"data-[selected=true]:active:before:overlay-sticker-medium",
|
|
2544
2550
|
"rounded-control focus-visible:shadow-focus"
|
|
2545
2551
|
],
|
|
@@ -2583,6 +2589,30 @@ function MobileNavLabel({ className, render, ...props }) {
|
|
|
2583
2589
|
props: mergeProps(defaultProps, props)
|
|
2584
2590
|
});
|
|
2585
2591
|
}
|
|
2592
|
+
//#endregion
|
|
2593
|
+
//#region src/lib/touch-drag.ts
|
|
2594
|
+
/**
|
|
2595
|
+
* How a finger picks up something that can be dragged
|
|
2596
|
+
* (design/foundations/states.md#dragging-on-a-touch-screen):
|
|
2597
|
+
*
|
|
2598
|
+
* - hold still for `TOUCH_DRAG_HOLD_MS`: the item is armed, the same moment a
|
|
2599
|
+
* long press opens a menu (raft-ui's ContextMenuTrigger, iOS: 500ms);
|
|
2600
|
+
* - then move by `TOUCH_DRAG_DISTANCE_PX`: the drag starts, and whoever owns a
|
|
2601
|
+
* menu that opened closes it in `onDragStart`;
|
|
2602
|
+
* - move by more than `TOUCH_DRAG_TOLERANCE_PX` before the hold is up, or put a
|
|
2603
|
+
* second finger down: it was a scroll or a pinch, and the item lets go.
|
|
2604
|
+
*
|
|
2605
|
+
* dnd-kit's delay constraint starts the drag the moment the hold is up, at the
|
|
2606
|
+
* same time as the long press opens the menu, so the two fight. Starting on the
|
|
2607
|
+
* first move after the hold lets holding still mean "menu" and holding then
|
|
2608
|
+
* moving mean "drag", as on iOS.
|
|
2609
|
+
*
|
|
2610
|
+
* Pair it with `MouseOnlyPointerSensor`, not dnd-kit's PointerSensor: a phone
|
|
2611
|
+
* sends `pointerdown` (pointerType "touch") before `touchstart`, and the sensor
|
|
2612
|
+
* that takes the press first keeps it, so a PointerSensor would pick up every
|
|
2613
|
+
* touch on its distance and this sensor would never run.
|
|
2614
|
+
*/
|
|
2615
|
+
const TOUCH_DRAG_HOLD_MS = 500;
|
|
2586
2616
|
const holds = /* @__PURE__ */ new WeakMap();
|
|
2587
2617
|
function touchPoint(event) {
|
|
2588
2618
|
const touch = event.touches?.[0] ?? event.changedTouches?.[0];
|
|
@@ -4005,7 +4035,7 @@ function AvatarGroupCount({ size, className, ...props }) {
|
|
|
4005
4035
|
*/
|
|
4006
4036
|
const searchHit = [
|
|
4007
4037
|
"[font:inherit] font-bold!",
|
|
4008
|
-
"rounded-sticker bg-
|
|
4038
|
+
"rounded-sticker bg-you px-[3px] box-decoration-clone",
|
|
4009
4039
|
"text-sticker-ink inset-ring-[1.5px] inset-ring-sticker-ink ring-[1.5px] ring-sticker-edge"
|
|
4010
4040
|
];
|
|
4011
4041
|
//#endregion
|
|
@@ -5094,7 +5124,7 @@ const messageReference = tv$1({
|
|
|
5094
5124
|
...inlineChip,
|
|
5095
5125
|
"[--message-reference-em:1em]",
|
|
5096
5126
|
"text-sticker-ink no-underline",
|
|
5097
|
-
"bg-
|
|
5127
|
+
"bg-you inset-ring-[1.5px] inset-ring-sticker-ink",
|
|
5098
5128
|
"hover:overlay-sticker-medium active:overlay-sticker-medium"
|
|
5099
5129
|
] },
|
|
5100
5130
|
secondary: { root: ["inline cursor-pointer font-bold text-foreground", "decoration-foreground decoration-[1.5px] underline-offset-[3px] hover:underline"] },
|
|
@@ -6225,4 +6255,4 @@ function InboxItemActions({ className, render, reveal, ...props }) {
|
|
|
6225
6255
|
});
|
|
6226
6256
|
}
|
|
6227
6257
|
//#endregion
|
|
6228
|
-
export { MessageTextSelectionToolbarSeparator as $,
|
|
6258
|
+
export { MessageTextSelectionToolbarSeparator as $, controlIconInset as $i, PopoverClose as $n, ListRow as $r, MessageItemSearchMatch as $t, MessageList as A, DialogSheetBack as Ai, PreviewCardHeader as An, DropdownMenuSeparator as Ar, MessageItemBadgeSeparator as At, MessageQuotedPreviewHeader as B, Button$1 as Bi, MobileNavServerPopoverDestination as Bn, PanelHeaderRoot as Br, MessageItemInlineStatus as Bt, MessageListJumpPill as C, DialogDescription as Ci, PreviewCardActions as Cn, DropdownMenuLabel as Cr, MessageReactionTooltipContent as Ct, MessageListEndFade as D, DialogNav as Di, PreviewCardDescription as Dn, DropdownMenuRadioGroup as Dr, MessageReactionTooltipNames as Dt, MessageListDateDivider as E, DialogHeader as Ei, PreviewCardContent as En, DropdownMenuPortal as Er, MessageReactionTooltipNameText as Et, MessageQuotedPreviewAuthorDelegatedBy as F, panelToggleAction as Fi, PreviewCardTitle as Fn, Kbd as Fr, MessageItemDelegatedAvatar as Ft, MessageQuotedPreviewUnavailable as G, useParentOverlayKind as Gi, MobileNavServerPopoverRowBody as Gn, ScrollAreaContent as Gr, MessageItemSenderGroup as Gt, MessageQuotedPreviewText as H, Spinner as Hi, MobileNavServerPopoverGroup as Hn, PanelScrollViewport as Hr, MessageItemSender as Ht, MessageQuotedPreviewAuthorMeta as I, TextLink as Ii, PreviewCardTrigger as In, KbdGroup as Ir, MessageItemDelegatedBy as It, MessageEmbedFooter as J, useTheme as Ji, Popover$1 as Jn, ScrollAreaThumb as Jr, MessageItemBody as Jt, MessageEmbed as K, withOverlayLayer as Ki, MobileNavServerPopoverRowDescription as Kn, ScrollAreaCorner as Kr, MessageItemTime as Kt, MessageQuotedPreviewAuthorName as L, TextLinkExternalIcon as Li, MobileNavServerItem as Ln, Panel as Lr, MessageItemDelegatedByButton as Lt, MessageQuotedPreviewAttachment as M, DialogTitle as Mi, PreviewCardPopup as Mn, DropdownMenuSubmenu as Mr, MessageItemSavedIndicator as Mt, MessageQuotedPreviewAttachments as N, DialogTrigger as Ni, PreviewCardPortal as Nn, DropdownMenuSubmenuTrigger as Nr, MessageItemToolbar as Nt, MessageListHistoryLimited as O, DialogOverlay as Oi, PreviewCardEyebrow as On, DropdownMenuRadioItem as Or, MessageReactionTooltipSeparator as Ot, MessageQuotedPreviewAuthor as P, PanelAction as Pi, PreviewCardSeparator as Pn, DropdownMenuTrigger as Pr, MessageItemToolbarButton as Pt, MessageTextSelectionToolbarButton as Q, useStackedActions as Qi, PopoverBody as Qn, Status as Qr, MessageItemFooter as Qt, MessageQuotedPreviewChannel as R, textLinkVariants as Ri, MobileNavServerPopover as Rn, PanelBody as Rr, MessageItemDelegatedByName as Rt, MessageListJumpControls as S, DialogContent as Si, PreviewCard$1 as Sn, DropdownMenuItemLabel as Sr, MessageReactionQuickRow as St, MessageListJumpPillGroup as T, DialogFooterNote as Ti, PreviewCardBody as Tn, DropdownMenuPopup as Tr, MessageReactionTooltipName as Tt, MessageQuotedPreviewThread as U, defaultNativeButton as Ui, MobileNavServerPopoverList as Un, PanelSection as Ur, MessageItemSenderBadges as Ut, MessageQuotedPreviewLoading as V, buttonVariants as Vi, MobileNavServerPopoverDestinations as Vn, PanelScrollContent as Vr, MessageItemMeta as Vt, MessageQuotedPreviewTimestamp as W, OverlayLayerProvider as Wi, MobileNavServerPopoverRow as Wn, ScrollArea$1 as Wr, MessageItemSenderButton as Wt, messageEmbed as X, tv$1 as Xi, PopoverArrow as Xn, Checkbox$1 as Xr, MessageItemEdited as Xt, MessageEmbedHeader as Y, ThemeStateContext as Yi, PopoverActions as Yn, ScrollAreaViewport as Yr, MessageItemContent as Yt, MessageTextSelectionToolbar as Z, stackedActions as Zi, PopoverBackdrop as Zn, CheckboxIndicator as Zr, MessageItemEmbedded as Zt, InboxItemTrailing as _, DialogSheetContent as _i, useOverflowTitle as _n, DropdownMenuCheckboxItemIndicator as _r, MessageReactionErrorIndicator as _t, InboxItemContext as a, ListRowIcon as ai, Avatar$1 as an, PopoverSeparator as ar, MessageReferenceIcon as at, useLatestRef as b, DialogBody as bi, observeTruncation as bn, DropdownMenuItem as br, MessageReactionPickerStatic as bt, InboxItemLeading as c, ListRowTop as ci, AvatarGroup as cn, PopoverViewport as cr, MessageReferencePending as ct, InboxItemMetadata as d, TooltipContent as di, RadioGroup$1 as dn, useMouseOnlyPointerSensor as dr, MessageReferenceText as dt, headEdgePull as ea, ListRowBody as ei, MessageItemAvatarSlot as en, PopoverContent as er, MessageMultiSelect as et, InboxItemSelection as f, TooltipPortal as fi, RadioGroupIndicator as fn, MobileNavItem as fr, MessageReferenceUnavailable as ft, InboxItemTitle as g, DialogCommit as gi, InputGroupInput as gn, DropdownMenuCheckboxItem as gr, MessageReactionCount as gt, InboxItemTimestamp as h, Badge as hi, InputGroupAddon as hn, DropdownMenu as hr, MessageReactionChip as ht, InboxItemContent as i, ListRowGroup as ii, searchHit as in, PopoverPortal as ir, MessageReferenceChip as it, MessageQuotedPreview as j, DialogSurface as ji, PreviewCardMeta as jn, DropdownMenuShortcut as jr, MessageItemReadReceipt as jt, MessageListNotice as k, DialogPortal as ki, PreviewCardFooter as kn, DropdownMenuRadioItemIndicator as kr, MessageItemBadge as kt, InboxItemMarks as l, ListRowValue as li, AvatarGroupCount as ln, TOUCH_DRAG_HOLD_MS as lr, MessageReferenceReadMark as lt, InboxItemSubtitle as m, TooltipTrigger as mi, InputGroup as mn, MobileNavRoot as mr, MessageReactionAddButton as mt, InboxItemActions as n, decisionWidth as na, ListRowChevron as ni, MessageItemGutter as nn, PopoverHeader as nr, MessageMultiSelectToolbar as nt, InboxItemHeading as o, ListRowMeta as oi, AvatarBadge as on, PopoverTitle as or, MessageReferenceIndicator as ot, InboxItemSender as p, TooltipProvider as pi, RadioGroupItem as pn, MobileNavLabel as pr, inlineChip as pt, MessageEmbedContent as q, useThemeScopeProps as qi, MobileNavServerPopoverRowLabel as qn, ScrollAreaScrollbar as qr, MessageItemAttachments as qt, InboxItemBody as r, ListRowDescription as ri, MessageItem as rn, PopoverPopup as rr, MessageMultiSelectToolbarActions as rt, InboxItemHoverTarget as s, ListRowTitle as si, AvatarFallback as sn, PopoverTrigger as sr, MessageReferenceLabel as st, InboxItem as t, headEdges as ta, ListRowBottom as ti, MessageItemContinuationTime as tn, PopoverDescription as tr, MessageMultiSelectCheckbox as tt, InboxItemMessage as u, Tooltip$1 as ui, AvatarImage as un, useHoldThenMoveTouchSensor as ur, MessageReferenceSuffix as ut, InboxItemTrigger as v, useMobileViewport as vi, measureContent as vn, DropdownMenuContent as vr, MessageReactionGlyph as vt, MessageListJumpPillDismiss as w, DialogFooter as wi, PreviewCardArrow as wn, DropdownMenuLinkItem as wr, MessageReactionTooltipMeta as wt, Skeleton as x, DialogClose as xi, readNow as xn, DropdownMenuItemCount as xr, MessageReactionQuickButton as xt, inboxItem as y, Dialog$1 as yi, measureElement as yn, DropdownMenuFooter as yr, MessageReactionPickerContent as yt, MessageQuotedPreviewContent as z, DialogSheetReset as zi, MobileNavServerPopoverContent as zn, PanelFooter as zr, MessageItemHeader as zt };
|
package/dist/index.d.mts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { $ as MessageListNoticeProps, $a as DropdownMenuCheckboxItemIndicator, $n as MessageItemToolbarButtonProps, $o as ListRowChevron, $r as AvatarGroup, $s as DialogTitleProps, $t as MessageReferenceLabelProps, A as InboxItemTimestamp, Aa as PopoverHeader, Ai as PreviewCardProps, An as MessageReactionTooltipContent, Ao as DropdownMenuShortcutProps, Ar as MessageItemContentProps, As as DialogCloseProps, At as MessageQuotedPreviewUnavailable, Ba as PopoverTitleProps, Bi as TooltipPortal, Bn as MessageReactionTooltipSeparator, Bo as KbdProps, Br as MessageItemAvatarSlotProps, Bs as DialogHeaderProps, Bt as MessageMultiSelectCheckboxProps, C as InboxItemProps, Ci as PreviewCardHeaderProps, Cn as MessageReactionPickerContentProps, Co as DropdownMenuRadioItem, Cr as MessageItemTime, Ct as MessageQuotedPreviewProps, D as InboxItemSenderProps, Da as PopoverContentProps, Di as PreviewCardPopupProps, Dn as MessageReactionQuickButtonProps, Do as DropdownMenuSeparator, Dr as MessageItemBody, Ds as DialogBody, Dt as MessageQuotedPreviewThreadProps, E as InboxItemSender, Ea as PopoverContent, Ei as PreviewCardPopup, En as MessageReactionQuickButton, Eo as DropdownMenuRadioItemProps, Er as MessageItemAttachmentsProps, Es as Dialog, Et as MessageQuotedPreviewThread, F as InboxItemTrailingProps, Fa as PopoverPortalProps, Fi as PreviewCardTrigger, Fn as MessageReactionTooltipNameProps, Fo as DropdownMenuTrigger, Fr as MessageItemFooter, Fs as DialogFooter, Ft as MessageTextSelectionToolbarProps, Ga as MobileNavItem, Gi as TooltipTrigger, Gn as MessageItemBadgeSeparatorProps, Go as Checkbox, Gr as MessageItem, Gs as DialogPortal, Gt as MessageMultiSelectToolbarProps, Ha as PopoverTriggerProps, Hi as TooltipProps, Hn as MessageItemBadge, Ho as BadgeProps, Hr as MessageItemContinuationTimeProps, Hs as DialogNavProps, Ht as MessageMultiSelectToolbar, I as InboxItemTrigger, Ia as PopoverProps, Ii as PreviewCardTriggerProps, In as MessageReactionTooltipNameText, Io as DropdownMenuTriggerProps, Ir as MessageItemFooterProps, It as MessageTextSelectionToolbarSeparator, J as MessageListEndFade, Ja as MobileNavLabelProps, Jn as MessageItemReadReceiptProps, Jo as ListRow, Jr as AvatarBadge, K as MessageListDateDivider, Ka as MobileNavItemProps, Ki as TooltipTriggerProps, Kn as MessageItemBadgeStatus, Ko as CheckboxProps, Kr as MessageItemProps, Ks as DialogPortalProps, Kt as MessageReferenceChip, L as InboxItemTriggerProps, La as PopoverSeparator, Li as Tooltip, Ln as MessageReactionTooltipNameTextProps, Lo as Kbd, Lr as MessageItemSearchMatch, Lt as MessageTextSelectionToolbarSeparatorProps, M as InboxItemTitle, Ma as PopoverPopup, Mi as PreviewCardSeparatorProps, Mn as MessageReactionTooltipMeta, Mo as DropdownMenuSubmenuProps, Mr as MessageItemEditedProps, Ms as DialogContentProps, Mt as MessageTextSelectionToolbar, N as InboxItemTitleProps, Na as PopoverPopupProps, Ni as PreviewCardTitle, Nn as MessageReactionTooltipMetaProps, No as DropdownMenuSubmenuTrigger, Nr as MessageItemEmbedded, Ns as DialogDescription, Nt as MessageTextSelectionToolbarButton, O as InboxItemSubtitle, Oa as PopoverDescription, Oi as PreviewCardPortal, On as MessageReactionQuickRow, Oo as DropdownMenuSeparatorProps, Or as MessageItemBodyProps, Os as DialogBodyProps, Ot as MessageQuotedPreviewTimestamp, P as InboxItemTrailing, Pa as PopoverPortal, Pi as PreviewCardTitleProps, Pn as MessageReactionTooltipName, Po as DropdownMenuSubmenuTriggerProps, Pr as MessageItemEmbeddedProps, Ps as DialogDescriptionProps, Pt as MessageTextSelectionToolbarButtonProps, Q as MessageListNotice, Qa as DropdownMenuCheckboxItem, Qn as MessageItemToolbarButton, Qo as ListRowBottomProps, Qr as AvatarFallbackProps, Qs as DialogTitle, Qt as MessageReferenceLabel, Ra as PopoverSeparatorProps, Ri as TooltipContent, Rn as MessageReactionTooltipNames, Ro as KbdGroup, Rr as MessageItemSearchMatchProps, Rs as DialogFooterProps, Rt as MessageMultiSelect, S as InboxItemMetadataProps, Si as PreviewCardHeader, Sn as MessageReactionPickerContent, So as DropdownMenuRadioGroupProps, Sr as MessageItemSenderProps, St as MessageQuotedPreviewLoadingProps, T as InboxItemSelectionProps, Ta as PopoverCloseProps, Tn as MessageReactionPickerStaticProps, To as DropdownMenuRadioItemIndicatorProps, Tr as MessageItemAttachments, Tt as MessageQuotedPreviewTextProps, Ua as PopoverViewport, Ui as TooltipProvider, Un as MessageItemBadgeProps, Uo as CheckboxIndicator, Ur as MessageItemGutter, Us as DialogOverlay, Ut as MessageMultiSelectToolbarActions, Va as PopoverTrigger, Vi as TooltipPortalProps, Vn as MessageReactionTooltipSeparatorProps, Vo as Badge, Vr as MessageItemContinuationTime, Vs as DialogNav, Vt as MessageMultiSelectProps, Wa as PopoverViewportProps, Wi as TooltipProviderProps, Wn as MessageItemBadgeSeparator, Wo as CheckboxIndicatorProps, Wr as MessageItemGutterProps, Ws as DialogOverlayProps, Wt as MessageMultiSelectToolbarActionsProps, X as MessageListHistoryLimited, Xa as MobileNavRootProps, Xn as MessageItemSavedIndicatorProps, Xo as ListRowBodyProps, Xr as AvatarBadgeProps, Xs as DialogSurface, Xt as MessageReferenceIndicator, Y as MessageListEndFadeProps, Ya as MobileNavRoot, Yn as MessageItemSavedIndicator, Yo as ListRowBody, Yr as AvatarBadgeOffset, Z as MessageListHistoryLimitedProps, Za as DropdownMenu, Zn as MessageItemToolbar, Zo as ListRowBottom, Zr as AvatarFallback, Zs as DialogSurfaceProps, Zt as MessageReferenceIndicatorProps, _ as InboxItemMarks, _i as PreviewCardDescriptionProps, _n as MessageReactionCountProps, _o as DropdownMenuPopupProps, _r as MessageItemSenderBadgesProps, _s as TextLink, _t as MessageQuotedPreviewContent, a as InboxItemBodyProps, ac as ButtonProps, ai as AvatarProps, an as MessageReferenceSuffixProps, ao as DropdownMenuFooterProps, as as ListRowIcon, at as MessageQuotedPreviewAttachments, b as InboxItemMessageProps, ba as PopoverBackdrop, bn as MessageReactionGlyph, bo as DropdownMenuProps, br as MessageItemSenderGroup, bs as TextLinkProps, bt as MessageQuotedPreviewHeaderProps, c as InboxItemContext, cc as buttonVariants, cn as MessageReferenceUnavailable, co as DropdownMenuItemCountProps, cs as ListRowMetaProps, d as InboxItemHeading, dc as StyledProps, di as PreviewCardArrowProps, dn as MessageReferenceTextVariant, do as DropdownMenuItemProps, dr as MessageItemInlineStatus, ds as ListRowTitleProps, dt as MessageQuotedPreviewAuthorMetaProps, ec as DialogTrigger, ei as AvatarGroupCount, en as MessageReferencePending, eo as DropdownMenuCheckboxItemIndicatorProps, er as MessageItemToolbarProps, es as ListRowChevronProps, et as MessageList, f as InboxItemHeadingProps, fn as MessageReactionAddButton, fo as DropdownMenuLabel, fr as MessageItemInlineStatusProps, fs as ListRowTop, ft as MessageQuotedPreviewAuthorName, g as InboxItemLeadingProps, gi as PreviewCardDescription, gn as MessageReactionCount, go as DropdownMenuPopup, gr as MessageItemSenderBadges, gs as RowTone, gt as MessageQuotedPreviewChannelProps, h as InboxItemLeading, ha as Popover, hi as PreviewCardContentProps, hn as MessageReactionChipProps, hr as MessageItemSender, hs as ListRowValueProps, ht as MessageQuotedPreviewChannel, i as InboxItemBody, ic as Button, ii as AvatarImageProps, in as MessageReferenceSuffix, io as DropdownMenuFooter, is as ListRowGroupProps, it as MessageQuotedPreviewAttachmentProps, j as InboxItemTimestampProps, ja as PopoverHeaderProps, ji as PreviewCardSeparator, jn as MessageReactionTooltipContentProps, jo as DropdownMenuSubmenu, jr as MessageItemEdited, js as DialogContent, jt as MessageQuotedPreviewUnavailableProps, k as InboxItemSubtitleProps, ka as PopoverDescriptionProps, ki as PreviewCardPortalProps, kn as MessageReactionQuickRowProps, ko as DropdownMenuShortcut, kr as MessageItemContent, ks as DialogClose, kt as MessageQuotedPreviewTimestampProps, l as InboxItemContextProps, lc as VariantProps, ln as MessageReferenceUnavailableProps, lo as DropdownMenuItemLabel, lr as MessageItemHeader, ls as ListRowProps, m as InboxItemHoverTargetProps, mi as PreviewCardContent, mn as MessageReactionChip, mr as MessageItemMetaProps, ms as ListRowValue, mt as MessageQuotedPreviewAuthorProps, n as InboxItemActions, nc as PanelAction, ni as AvatarGroupProps, nn as MessageReferenceReadMark, no as DropdownMenuContent, ns as ListRowDescriptionProps, nt as MessageQuotedPreview, o as InboxItemContent, oc as ButtonSize, oi as AvatarSize, on as MessageReferenceText, oo as DropdownMenuItem, os as ListRowIconProps, ot as MessageQuotedPreviewAttachmentsProps, p as InboxItemHoverTarget, pn as MessageReactionAddButtonProps, po as DropdownMenuLabelProps, pr as MessageItemMeta, ps as ListRowTopProps, pt as MessageQuotedPreviewAuthorNameProps, q as MessageListDateDividerProps, qa as MobileNavLabel, qn as MessageItemReadReceipt, qo as Presence, qr as Avatar, qs as DialogProps, qt as MessageReferenceChipProps, r as InboxItemActionsProps, rc as PanelActionProps, ri as AvatarImage, rn as MessageReferenceReadMarkProps, ro as DropdownMenuContentProps, rs as ListRowGroup, rt as MessageQuotedPreviewAttachment, s as InboxItemContentProps, sc as DeprecatedButtonSize, si as PreviewCard, sn as MessageReferenceTextProps, so as DropdownMenuItemCount, ss as ListRowMeta, st as MessageQuotedPreviewAuthor, t as InboxItem, tc as DialogTriggerProps, ti as AvatarGroupCountProps, tn as MessageReferencePendingProps, to as DropdownMenuCheckboxItemProps, ts as ListRowDescription, tt as MessageListProps, u as InboxItemDensity, uc as DataAttributes$1, ui as PreviewCardArrow, un as MessageReferenceChipVariant, uo as DropdownMenuItemLabelProps, ur as MessageItemHeaderProps, us as ListRowTitle, ut as MessageQuotedPreviewAuthorMeta, v as InboxItemMarksProps, va as PopoverArrow, vn as MessageReactionErrorIndicator, vo as DropdownMenuPortal, vr as MessageItemSenderButton, vs as TextLinkExternalIcon, vt as MessageQuotedPreviewContentProps, w as InboxItemSelection, wa as PopoverClose, wn as MessageReactionPickerStatic, wo as DropdownMenuRadioItemIndicator, wr as MessageItemTimeProps, wt as MessageQuotedPreviewText, x as InboxItemMetadata, xa as PopoverBackdropProps, xn as MessageReactionGlyphProps, xo as DropdownMenuRadioGroup, xr as MessageItemSenderGroupProps, xs as textLinkVariants, xt as MessageQuotedPreviewLoading, y as InboxItemMessage, ya as PopoverArrowProps, yn as MessageReactionErrorIndicatorProps, yo as DropdownMenuPortalProps, yr as MessageItemSenderButtonProps, ys as TextLinkExternalIconProps, yt as MessageQuotedPreviewHeader, za as PopoverTitle, zi as TooltipContentProps, zn as MessageReactionTooltipNamesProps, zo as KbdGroupProps, zr as MessageItemAvatarSlot, zs as DialogHeader, zt as MessageMultiSelectCheckbox } from "./inbox-item-CXvn7hxs.mjs";
|
|
1
|
+
import { $ as MessageListNoticeProps, $a as DropdownMenuCheckboxItemIndicator, $n as MessageItemToolbarButtonProps, $o as ListRowChevron, $r as AvatarGroup, $s as DialogTitleProps, $t as MessageReferenceLabelProps, A as InboxItemTimestamp, Aa as PopoverHeader, Ai as PreviewCardProps, An as MessageReactionTooltipContent, Ao as DropdownMenuShortcutProps, Ar as MessageItemContentProps, As as DialogCloseProps, At as MessageQuotedPreviewUnavailable, Ba as PopoverTitleProps, Bi as TooltipPortal, Bn as MessageReactionTooltipSeparator, Bo as KbdProps, Br as MessageItemAvatarSlotProps, Bs as DialogHeaderProps, Bt as MessageMultiSelectCheckboxProps, C as InboxItemProps, Ci as PreviewCardHeaderProps, Cn as MessageReactionPickerContentProps, Co as DropdownMenuRadioItem, Cr as MessageItemTime, Ct as MessageQuotedPreviewProps, D as InboxItemSenderProps, Da as PopoverContentProps, Di as PreviewCardPopupProps, Dn as MessageReactionQuickButtonProps, Do as DropdownMenuSeparator, Dr as MessageItemBody, Ds as DialogBody, Dt as MessageQuotedPreviewThreadProps, E as InboxItemSender, Ea as PopoverContent, Ei as PreviewCardPopup, En as MessageReactionQuickButton, Eo as DropdownMenuRadioItemProps, Er as MessageItemAttachmentsProps, Es as Dialog, Et as MessageQuotedPreviewThread, F as InboxItemTrailingProps, Fa as PopoverPortalProps, Fi as PreviewCardTrigger, Fn as MessageReactionTooltipNameProps, Fo as DropdownMenuTrigger, Fr as MessageItemFooter, Fs as DialogFooter, Ft as MessageTextSelectionToolbarProps, Ga as MobileNavItem, Gi as TooltipTrigger, Gn as MessageItemBadgeSeparatorProps, Go as Checkbox, Gr as MessageItem, Gs as DialogPortal, Gt as MessageMultiSelectToolbarProps, Ha as PopoverTriggerProps, Hi as TooltipProps, Hn as MessageItemBadge, Ho as BadgeProps, Hr as MessageItemContinuationTimeProps, Hs as DialogNavProps, Ht as MessageMultiSelectToolbar, I as InboxItemTrigger, Ia as PopoverProps, Ii as PreviewCardTriggerProps, In as MessageReactionTooltipNameText, Io as DropdownMenuTriggerProps, Ir as MessageItemFooterProps, It as MessageTextSelectionToolbarSeparator, J as MessageListEndFade, Ja as MobileNavLabelProps, Jn as MessageItemReadReceiptProps, Jo as ListRow, Jr as AvatarBadge, K as MessageListDateDivider, Ka as MobileNavItemProps, Ki as TooltipTriggerProps, Kn as MessageItemBadgeStatus, Ko as CheckboxProps, Kr as MessageItemProps, Ks as DialogPortalProps, Kt as MessageReferenceChip, L as InboxItemTriggerProps, La as PopoverSeparator, Li as Tooltip, Ln as MessageReactionTooltipNameTextProps, Lo as Kbd, Lr as MessageItemSearchMatch, Lt as MessageTextSelectionToolbarSeparatorProps, M as InboxItemTitle, Ma as PopoverPopup, Mi as PreviewCardSeparatorProps, Mn as MessageReactionTooltipMeta, Mo as DropdownMenuSubmenuProps, Mr as MessageItemEditedProps, Ms as DialogContentProps, Mt as MessageTextSelectionToolbar, N as InboxItemTitleProps, Na as PopoverPopupProps, Ni as PreviewCardTitle, Nn as MessageReactionTooltipMetaProps, No as DropdownMenuSubmenuTrigger, Nr as MessageItemEmbedded, Ns as DialogDescription, Nt as MessageTextSelectionToolbarButton, O as InboxItemSubtitle, Oa as PopoverDescription, Oi as PreviewCardPortal, On as MessageReactionQuickRow, Oo as DropdownMenuSeparatorProps, Or as MessageItemBodyProps, Os as DialogBodyProps, Ot as MessageQuotedPreviewTimestamp, P as InboxItemTrailing, Pa as PopoverPortal, Pi as PreviewCardTitleProps, Pn as MessageReactionTooltipName, Po as DropdownMenuSubmenuTriggerProps, Pr as MessageItemEmbeddedProps, Ps as DialogDescriptionProps, Pt as MessageTextSelectionToolbarButtonProps, Q as MessageListNotice, Qa as DropdownMenuCheckboxItem, Qn as MessageItemToolbarButton, Qo as ListRowBottomProps, Qr as AvatarFallbackProps, Qs as DialogTitle, Qt as MessageReferenceLabel, Ra as PopoverSeparatorProps, Ri as TooltipContent, Rn as MessageReactionTooltipNames, Ro as KbdGroup, Rr as MessageItemSearchMatchProps, Rs as DialogFooterProps, Rt as MessageMultiSelect, S as InboxItemMetadataProps, Si as PreviewCardHeader, Sn as MessageReactionPickerContent, So as DropdownMenuRadioGroupProps, Sr as MessageItemSenderProps, St as MessageQuotedPreviewLoadingProps, T as InboxItemSelectionProps, Ta as PopoverCloseProps, Tn as MessageReactionPickerStaticProps, To as DropdownMenuRadioItemIndicatorProps, Tr as MessageItemAttachments, Tt as MessageQuotedPreviewTextProps, Ua as PopoverViewport, Ui as TooltipProvider, Un as MessageItemBadgeProps, Uo as CheckboxIndicator, Ur as MessageItemGutter, Us as DialogOverlay, Ut as MessageMultiSelectToolbarActions, Va as PopoverTrigger, Vi as TooltipPortalProps, Vn as MessageReactionTooltipSeparatorProps, Vo as Badge, Vr as MessageItemContinuationTime, Vs as DialogNav, Vt as MessageMultiSelectProps, Wa as PopoverViewportProps, Wi as TooltipProviderProps, Wn as MessageItemBadgeSeparator, Wo as CheckboxIndicatorProps, Wr as MessageItemGutterProps, Ws as DialogOverlayProps, Wt as MessageMultiSelectToolbarActionsProps, X as MessageListHistoryLimited, Xa as MobileNavRootProps, Xn as MessageItemSavedIndicatorProps, Xo as ListRowBodyProps, Xr as AvatarBadgeProps, Xs as DialogSurface, Xt as MessageReferenceIndicator, Y as MessageListEndFadeProps, Ya as MobileNavRoot, Yn as MessageItemSavedIndicator, Yo as ListRowBody, Yr as AvatarBadgeOffset, Z as MessageListHistoryLimitedProps, Za as DropdownMenu, Zn as MessageItemToolbar, Zo as ListRowBottom, Zr as AvatarFallback, Zs as DialogSurfaceProps, Zt as MessageReferenceIndicatorProps, _ as InboxItemMarks, _i as PreviewCardDescriptionProps, _n as MessageReactionCountProps, _o as DropdownMenuPopupProps, _r as MessageItemSenderBadgesProps, _s as TextLink, _t as MessageQuotedPreviewContent, a as InboxItemBodyProps, ac as ButtonProps, ai as AvatarProps, an as MessageReferenceSuffixProps, ao as DropdownMenuFooterProps, as as ListRowIcon, at as MessageQuotedPreviewAttachments, b as InboxItemMessageProps, ba as PopoverBackdrop, bn as MessageReactionGlyph, bo as DropdownMenuProps, br as MessageItemSenderGroup, bs as TextLinkProps, bt as MessageQuotedPreviewHeaderProps, c as InboxItemContext, cc as buttonVariants, cn as MessageReferenceUnavailable, co as DropdownMenuItemCountProps, cs as ListRowMetaProps, d as InboxItemHeading, dc as StyledProps, di as PreviewCardArrowProps, dn as MessageReferenceTextVariant, do as DropdownMenuItemProps, dr as MessageItemInlineStatus, ds as ListRowTitleProps, dt as MessageQuotedPreviewAuthorMetaProps, ec as DialogTrigger, ei as AvatarGroupCount, en as MessageReferencePending, eo as DropdownMenuCheckboxItemIndicatorProps, er as MessageItemToolbarProps, es as ListRowChevronProps, et as MessageList, f as InboxItemHeadingProps, fn as MessageReactionAddButton, fo as DropdownMenuLabel, fr as MessageItemInlineStatusProps, fs as ListRowTop, ft as MessageQuotedPreviewAuthorName, g as InboxItemLeadingProps, gi as PreviewCardDescription, gn as MessageReactionCount, go as DropdownMenuPopup, gr as MessageItemSenderBadges, gs as RowTone, gt as MessageQuotedPreviewChannelProps, h as InboxItemLeading, ha as Popover, hi as PreviewCardContentProps, hn as MessageReactionChipProps, hr as MessageItemSender, hs as ListRowValueProps, ht as MessageQuotedPreviewChannel, i as InboxItemBody, ic as Button, ii as AvatarImageProps, in as MessageReferenceSuffix, io as DropdownMenuFooter, is as ListRowGroupProps, it as MessageQuotedPreviewAttachmentProps, j as InboxItemTimestampProps, ja as PopoverHeaderProps, ji as PreviewCardSeparator, jn as MessageReactionTooltipContentProps, jo as DropdownMenuSubmenu, jr as MessageItemEdited, js as DialogContent, jt as MessageQuotedPreviewUnavailableProps, k as InboxItemSubtitleProps, ka as PopoverDescriptionProps, ki as PreviewCardPortalProps, kn as MessageReactionQuickRowProps, ko as DropdownMenuShortcut, kr as MessageItemContent, ks as DialogClose, kt as MessageQuotedPreviewTimestampProps, l as InboxItemContextProps, lc as VariantProps, ln as MessageReferenceUnavailableProps, lo as DropdownMenuItemLabel, lr as MessageItemHeader, ls as ListRowProps, m as InboxItemHoverTargetProps, mi as PreviewCardContent, mn as MessageReactionChip, mr as MessageItemMetaProps, ms as ListRowValue, mt as MessageQuotedPreviewAuthorProps, n as InboxItemActions, nc as PanelAction, ni as AvatarGroupProps, nn as MessageReferenceReadMark, no as DropdownMenuContent, ns as ListRowDescriptionProps, nt as MessageQuotedPreview, o as InboxItemContent, oc as ButtonSize, oi as AvatarSize, on as MessageReferenceText, oo as DropdownMenuItem, os as ListRowIconProps, ot as MessageQuotedPreviewAttachmentsProps, p as InboxItemHoverTarget, pn as MessageReactionAddButtonProps, po as DropdownMenuLabelProps, pr as MessageItemMeta, ps as ListRowTopProps, pt as MessageQuotedPreviewAuthorNameProps, q as MessageListDateDividerProps, qa as MobileNavLabel, qn as MessageItemReadReceipt, qo as Presence, qr as Avatar, qs as DialogProps, qt as MessageReferenceChipProps, r as InboxItemActionsProps, rc as PanelActionProps, ri as AvatarImage, rn as MessageReferenceReadMarkProps, ro as DropdownMenuContentProps, rs as ListRowGroup, rt as MessageQuotedPreviewAttachment, s as InboxItemContentProps, sc as DeprecatedButtonSize, si as PreviewCard, sn as MessageReferenceTextProps, so as DropdownMenuItemCount, ss as ListRowMeta, st as MessageQuotedPreviewAuthor, t as InboxItem, tc as DialogTriggerProps, ti as AvatarGroupCountProps, tn as MessageReferencePendingProps, to as DropdownMenuCheckboxItemProps, ts as ListRowDescription, tt as MessageListProps, u as InboxItemDensity, uc as DataAttributes$1, ui as PreviewCardArrow, un as MessageReferenceChipVariant, uo as DropdownMenuItemLabelProps, ur as MessageItemHeaderProps, us as ListRowTitle, ut as MessageQuotedPreviewAuthorMeta, v as InboxItemMarksProps, va as PopoverArrow, vn as MessageReactionErrorIndicator, vo as DropdownMenuPortal, vr as MessageItemSenderButton, vs as TextLinkExternalIcon, vt as MessageQuotedPreviewContentProps, w as InboxItemSelection, wa as PopoverClose, wn as MessageReactionPickerStatic, wo as DropdownMenuRadioItemIndicator, wr as MessageItemTimeProps, wt as MessageQuotedPreviewText, x as InboxItemMetadata, xa as PopoverBackdropProps, xn as MessageReactionGlyphProps, xo as DropdownMenuRadioGroup, xr as MessageItemSenderGroupProps, xs as textLinkVariants, xt as MessageQuotedPreviewLoading, y as InboxItemMessage, ya as PopoverArrowProps, yn as MessageReactionErrorIndicatorProps, yo as DropdownMenuPortalProps, yr as MessageItemSenderButtonProps, ys as TextLinkExternalIconProps, yt as MessageQuotedPreviewHeader, za as PopoverTitle, zi as TooltipContentProps, zn as MessageReactionTooltipNamesProps, zo as KbdGroupProps, zr as MessageItemAvatarSlot, zs as DialogHeader, zt as MessageMultiSelectCheckbox } from "./inbox-item-BAeuj5Cl.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";
|
package/dist/index.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { cn } from "./cn.mjs";
|
|
2
|
-
import { $ as MessageTextSelectionToolbarSeparator, $i as
|
|
2
|
+
import { $ as MessageTextSelectionToolbarSeparator, $i as controlIconInset, $n as PopoverClose, $r as ListRow, $t as MessageItemSearchMatch, A as MessageList, An as PreviewCardHeader, Ar as DropdownMenuSeparator, At as MessageItemBadgeSeparator, B as MessageQuotedPreviewHeader, Bi as Button, Br as PanelHeaderRoot, Bt as MessageItemInlineStatus, Ci as DialogDescription, Cr as DropdownMenuLabel, Ct as MessageReactionTooltipContent, D as MessageListEndFade, Di as DialogNav, Dn as PreviewCardDescription, Dr as DropdownMenuRadioGroup, Dt as MessageReactionTooltipNames, E as MessageListDateDivider, Ei as DialogHeader, En as PreviewCardContent, Er as DropdownMenuPortal, Et as MessageReactionTooltipNameText, Fi as panelToggleAction, Fn as PreviewCardTitle, Fr as Kbd, G as MessageQuotedPreviewUnavailable, Gi as useParentOverlayKind, Gr as ScrollAreaContent, Gt as MessageItemSenderGroup, H as MessageQuotedPreviewText, Hi as Spinner, Hr as PanelScrollViewport, Ht as MessageItemSender, I as MessageQuotedPreviewAuthorMeta, Ii as TextLink, In as PreviewCardTrigger, Ir as KbdGroup, J as MessageEmbedFooter, Ji as useTheme, Jn as Popover, Jr as ScrollAreaThumb, Jt as MessageItemBody, K as MessageEmbed, Ki as withOverlayLayer, Kr as ScrollAreaCorner, Kt as MessageItemTime, L as MessageQuotedPreviewAuthorName, Li as TextLinkExternalIcon, Lr as Panel, M as MessageQuotedPreviewAttachment, Mi as DialogTitle, Mn as PreviewCardPopup, Mr as DropdownMenuSubmenu, Mt as MessageItemSavedIndicator, N as MessageQuotedPreviewAttachments, Ni as DialogTrigger, Nn as PreviewCardPortal, Nr as DropdownMenuSubmenuTrigger, Nt as MessageItemToolbar, O as MessageListHistoryLimited, Oi as DialogOverlay, Or as DropdownMenuRadioItem, Ot as MessageReactionTooltipSeparator, P as MessageQuotedPreviewAuthor, Pi as PanelAction, Pn as PreviewCardSeparator, Pr as DropdownMenuTrigger, Pt as MessageItemToolbarButton, Q as MessageTextSelectionToolbarButton, Qi as useStackedActions, Qr as Status, Qt as MessageItemFooter, R as MessageQuotedPreviewChannel, Ri as textLinkVariants, Rr as PanelBody, Si as DialogContent, Sn as PreviewCard, Sr as DropdownMenuItemLabel, St as MessageReactionQuickRow, Tr as DropdownMenuPopup, Tt as MessageReactionTooltipName, U as MessageQuotedPreviewThread, Ui as defaultNativeButton, Ur as PanelSection, Ut as MessageItemSenderBadges, V as MessageQuotedPreviewLoading, Vi as buttonVariants, Vr as PanelScrollContent, Vt as MessageItemMeta, W as MessageQuotedPreviewTimestamp, Wr as ScrollArea, Wt as MessageItemSenderButton, X as messageEmbed, Xi as tv, Xn as PopoverArrow, Xr as Checkbox, Xt as MessageItemEdited, Y as MessageEmbedHeader, Yi as ThemeStateContext, Yr as ScrollAreaViewport, Yt as MessageItemContent, Z as MessageTextSelectionToolbar, Zi as stackedActions, Zn as PopoverBackdrop, Zr as CheckboxIndicator, Zt as MessageItemEmbedded, _ as InboxItemTrailing, _n as useOverflowTitle, _r as DropdownMenuCheckboxItemIndicator, _t as MessageReactionErrorIndicator, a as InboxItemContext, ai as ListRowIcon, an as Avatar, ar as PopoverSeparator, b as useLatestRef, bi as DialogBody, br as DropdownMenuItem, bt as MessageReactionPickerStatic, c as InboxItemLeading, ci as ListRowTop, cn as AvatarGroup, cr as PopoverViewport, ct as MessageReferencePending, d as InboxItemMetadata, di as TooltipContent, dn as RadioGroup, dr as useMouseOnlyPointerSensor, dt as MessageReferenceText, ea as headEdgePull, ei as ListRowBody, en as MessageItemAvatarSlot, er as PopoverContent, et as MessageMultiSelect, f as InboxItemSelection, fi as TooltipPortal, fn as RadioGroupIndicator, fr as MobileNavItem, ft as MessageReferenceUnavailable, g as InboxItemTitle, gn as InputGroupInput, gr as DropdownMenuCheckboxItem, gt as MessageReactionCount, h as InboxItemTimestamp, hi as Badge, hn as InputGroupAddon, hr as DropdownMenu, ht as MessageReactionChip, i as InboxItemContent, ii as ListRowGroup, in as searchHit, ir as PopoverPortal, it as MessageReferenceChip, j as MessageQuotedPreview, ji as DialogSurface, jr as DropdownMenuShortcut, jt as MessageItemReadReceipt, k as MessageListNotice, ki as DialogPortal, kr as DropdownMenuRadioItemIndicator, kt as MessageItemBadge, l as InboxItemMarks, li as ListRowValue, ln as AvatarGroupCount, lt as MessageReferenceReadMark, m as InboxItemSubtitle, mi as TooltipTrigger, mn as InputGroup, mr as MobileNavRoot, mt as MessageReactionAddButton, n as InboxItemActions, na as decisionWidth, ni as ListRowChevron, nn as MessageItemGutter, nr as PopoverHeader, nt as MessageMultiSelectToolbar, o as InboxItemHeading, oi as ListRowMeta, on as AvatarBadge, or as PopoverTitle, ot as MessageReferenceIndicator, p as InboxItemSender, pi as TooltipProvider, pn as RadioGroupItem, pr as MobileNavLabel, pt as inlineChip, q as MessageEmbedContent, qi as useThemeScopeProps, qr as ScrollAreaScrollbar, qt as MessageItemAttachments, r as InboxItemBody, ri as ListRowDescription, rn as MessageItem, rr as PopoverPopup, rt as MessageMultiSelectToolbarActions, s as InboxItemHoverTarget, si as ListRowTitle, sn as AvatarFallback, sr as PopoverTrigger, st as MessageReferenceLabel, t as InboxItem, ta as headEdges, ti as ListRowBottom, tn as MessageItemContinuationTime, tr as PopoverDescription, tt as MessageMultiSelectCheckbox, u as InboxItemMessage, ui as Tooltip, un as AvatarImage, ur as useHoldThenMoveTouchSensor, ut as MessageReferenceSuffix, v as InboxItemTrigger, vi as useMobileViewport, vr as DropdownMenuContent, vt as MessageReactionGlyph, wi as DialogFooter, wn as PreviewCardArrow, wt as MessageReactionTooltipMeta, x as Skeleton, xi as DialogClose, xr as DropdownMenuItemCount, xt as MessageReactionQuickButton, yi as Dialog, yr as DropdownMenuFooter, yt as MessageReactionPickerContent, z as MessageQuotedPreviewContent, zi as DialogSheetReset, zr as PanelFooter, zt as MessageItemHeader } from "./inbox-item-CSKfHQmn.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";
|
|
@@ -1617,7 +1617,7 @@ const sidebarItemRecipe = tv({
|
|
|
1617
1617
|
"max-md:h-auto max-md:min-h-11 max-md:py-[8.5px]",
|
|
1618
1618
|
"font-sans text-subhead font-medium text-foreground",
|
|
1619
1619
|
"max-md:text-body max-md:font-semibold",
|
|
1620
|
-
"data-active:border-
|
|
1620
|
+
"data-active:border-sticker-ink data-active:bg-selected data-active:font-bold data-active:text-sticker-ink data-active:ring-[1.5px] data-active:ring-sticker-edge",
|
|
1621
1621
|
"not-data-active:data-[tone=muted]:text-foreground-muted not-data-active:data-[tone=away]:text-foreground-hint",
|
|
1622
1622
|
"outline-none"
|
|
1623
1623
|
],
|
|
@@ -1651,7 +1651,7 @@ const sidebarItemRecipe = tv({
|
|
|
1651
1651
|
"[&:has(svg)]:px-0",
|
|
1652
1652
|
"[&_svg]:shrink-0 [&_svg]:translate-y-0",
|
|
1653
1653
|
"size-5 min-w-5 rounded-sticker border-0 p-0",
|
|
1654
|
-
"bg-
|
|
1654
|
+
"bg-you text-sticker-ink inset-ring-[1.5px] inset-ring-sticker-ink ring-[1.5px] ring-sticker-edge",
|
|
1655
1655
|
"[&_svg]:size-[13px] [&_svg]:stroke-2"
|
|
1656
1656
|
],
|
|
1657
1657
|
sidebarItemMetaIcon: [
|
|
@@ -4004,7 +4004,7 @@ const switchRecipe = tv({ slots: {
|
|
|
4004
4004
|
"focus-visible:ring-line-strong focus-visible:ring-offset-layer-sidebar",
|
|
4005
4005
|
"h-[30px] w-[50px] rounded-full border-[1.5px] border-line-strong bg-fill-muted p-[2.5px]",
|
|
4006
4006
|
"duration-150",
|
|
4007
|
-
"data-checked:border-sticker-ink data-checked:bg-
|
|
4007
|
+
"data-checked:border-sticker-ink data-checked:bg-selected data-checked:ring-[1.5px] data-checked:ring-sticker-edge",
|
|
4008
4008
|
"focus-visible:ring-0 focus-visible:ring-offset-0 focus-visible:shadow-focus",
|
|
4009
4009
|
"data-disabled:border-foreground-disabled data-disabled:bg-fill-muted",
|
|
4010
4010
|
"data-checked:data-disabled:border-foreground-disabled data-checked:data-disabled:bg-fill-muted"
|
|
@@ -4112,8 +4112,8 @@ const segmentedControl = tv({
|
|
|
4112
4112
|
"font-sans text-callout font-semibold text-foreground-muted",
|
|
4113
4113
|
"[&_svg:not([class*='size-'])]:size-4",
|
|
4114
4114
|
"hover:bg-fill-medium active:bg-fill-medium",
|
|
4115
|
-
"data-checked:border-sticker-ink data-checked:bg-
|
|
4116
|
-
"data-checked:hover:bg-
|
|
4115
|
+
"data-checked:border-sticker-ink data-checked:bg-selected data-checked:font-bold data-checked:text-sticker-ink data-checked:ring-[1.5px] data-checked:ring-sticker-edge",
|
|
4116
|
+
"data-checked:hover:bg-selected data-checked:active:bg-selected data-checked:active:overlay-sticker-medium",
|
|
4117
4117
|
"focus-visible:shadow-focus",
|
|
4118
4118
|
"data-disabled:cursor-not-allowed data-disabled:text-foreground-disabled data-disabled:hover:bg-transparent"
|
|
4119
4119
|
],
|
|
@@ -4408,8 +4408,8 @@ const toggleGroup = tv({ slots: {
|
|
|
4408
4408
|
"font-sans text-callout font-semibold text-foreground-muted",
|
|
4409
4409
|
"[&_svg:not([class*='size-'])]:size-4",
|
|
4410
4410
|
"hover:bg-fill-medium active:bg-fill-medium",
|
|
4411
|
-
"data-pressed:border-sticker-ink data-pressed:bg-
|
|
4412
|
-
"data-pressed:hover:bg-
|
|
4411
|
+
"data-pressed:border-sticker-ink data-pressed:bg-selected data-pressed:font-bold data-pressed:text-sticker-ink data-pressed:ring-[1.5px] data-pressed:ring-sticker-edge",
|
|
4412
|
+
"data-pressed:hover:bg-selected data-pressed:active:bg-selected data-pressed:active:overlay-sticker-medium",
|
|
4413
4413
|
"focus-visible:shadow-focus",
|
|
4414
4414
|
"data-disabled:opacity-100 data-disabled:text-foreground-disabled data-disabled:hover:bg-transparent"
|
|
4415
4415
|
],
|
|
@@ -5537,6 +5537,7 @@ const STATUS_TONES = {
|
|
|
5537
5537
|
default: "neutral",
|
|
5538
5538
|
muted: "neutral",
|
|
5539
5539
|
primary: "primary",
|
|
5540
|
+
you: "primary",
|
|
5540
5541
|
information: "information",
|
|
5541
5542
|
accent: "accent",
|
|
5542
5543
|
success: "success",
|
|
@@ -6908,7 +6909,7 @@ function IconTile({ variant, size, className, render, ...props }) {
|
|
|
6908
6909
|
//#region src/components/text/text.tsx
|
|
6909
6910
|
const textColorVariants = {
|
|
6910
6911
|
default: ["text-foreground"],
|
|
6911
|
-
primary: ["text-brand-
|
|
6912
|
+
primary: ["text-brand-strong"],
|
|
6912
6913
|
information: ["text-info-strong"],
|
|
6913
6914
|
muted: ["text-foreground-muted"],
|
|
6914
6915
|
placeholder: ["text-foreground-hint"],
|
|
@@ -10372,7 +10373,7 @@ const tabs = tv({
|
|
|
10372
10373
|
"h-8 justify-center gap-1.5 rounded-control border-[1.5px] border-transparent px-3",
|
|
10373
10374
|
"after:inset-x-0 after:-inset-y-1.5",
|
|
10374
10375
|
"hover:bg-fill-medium active:bg-fill-medium",
|
|
10375
|
-
"data-active:border-sticker-ink data-active:bg-
|
|
10376
|
+
"data-active:border-sticker-ink data-active:bg-selected data-active:font-bold data-active:text-sticker-ink data-active:ring-[1.5px] data-active:ring-sticker-edge",
|
|
10376
10377
|
"data-active:active:overlay-sticker-medium",
|
|
10377
10378
|
"data-disabled:bg-transparent"
|
|
10378
10379
|
]
|
package/dist/style.css
CHANGED
|
@@ -530,7 +530,7 @@
|
|
|
530
530
|
--r-steps-duration: .16s;
|
|
531
531
|
--r-steps-easing: ease-out;
|
|
532
532
|
--r-steps-indicator-color-wait: var(--layer-card);
|
|
533
|
-
--r-steps-indicator-color-process: var(--
|
|
533
|
+
--r-steps-indicator-color-process: var(--selected);
|
|
534
534
|
--r-steps-indicator-color-finish: var(--foreground);
|
|
535
535
|
--r-steps-indicator-color-error: var(--warning);
|
|
536
536
|
--r-steps-indicator-border-color-wait: var(--line-seam);
|
package/dist/styles.css
CHANGED
|
@@ -229,6 +229,8 @@
|
|
|
229
229
|
--color-selection: var(--selection);
|
|
230
230
|
--color-brand-hover: var(--brand-hover);
|
|
231
231
|
--color-brand-active: var(--brand-active);
|
|
232
|
+
--color-you: var(--you);
|
|
233
|
+
--color-selected: var(--selected);
|
|
232
234
|
|
|
233
235
|
--color-attention: var(--attention-400);
|
|
234
236
|
--color-attention-50: var(--attention-50);
|
|
@@ -564,7 +566,9 @@ textarea:-webkit-autofill:disabled {
|
|
|
564
566
|
discussion gets the full yellow with ink type, like a search hit, in both
|
|
565
567
|
modes. `--brand-400` is the `brand` role (what `bg-brand` paints):
|
|
566
568
|
`--color-brand` is an inline theme value and emits no variable. In dark
|
|
567
|
-
mode the wash is `--selection` (brand at 22%), kept in one place.
|
|
569
|
+
mode the wash is `--selection` (brand at 22%), kept in one place. The wash
|
|
570
|
+
is environment and follows the theme; the open passage is addressed to you,
|
|
571
|
+
so it takes `--you` and stays yellow in every theme (themes.md). */
|
|
568
572
|
::highlight(raft-comment) {
|
|
569
573
|
background-color: light-dark(
|
|
570
574
|
color-mix(in oklch, var(--brand-400) 35%, transparent),
|
|
@@ -576,7 +580,7 @@ textarea:-webkit-autofill:disabled {
|
|
|
576
580
|
}
|
|
577
581
|
|
|
578
582
|
::highlight(raft-comment-active) {
|
|
579
|
-
background-color: var(--
|
|
583
|
+
background-color: var(--you);
|
|
580
584
|
color: var(--sticker-ink);
|
|
581
585
|
text-decoration-line: none;
|
|
582
586
|
}
|
package/dist/tokens.json
CHANGED
|
@@ -1899,6 +1899,22 @@
|
|
|
1899
1899
|
"$value": "{brand.hover}"
|
|
1900
1900
|
}
|
|
1901
1901
|
},
|
|
1902
|
+
"you": {
|
|
1903
|
+
"$type": "color",
|
|
1904
|
+
"$value": {
|
|
1905
|
+
"colorSpace": "oklch",
|
|
1906
|
+
"components": [0.8829, 0.1623, 91.9]
|
|
1907
|
+
},
|
|
1908
|
+
"$description": "Raft yellow for what is addressed to you: a mention of you, the sidebar's @ marker, a search hit, the passage of the comment you opened. Its own value, not brand, so a theme that grays the brand (Boring Gray) keeps it yellow."
|
|
1909
|
+
},
|
|
1910
|
+
"selected": {
|
|
1911
|
+
"$type": "color",
|
|
1912
|
+
"$value": {
|
|
1913
|
+
"colorSpace": "oklch",
|
|
1914
|
+
"components": [0.8829, 0.1623, 91.9]
|
|
1915
|
+
},
|
|
1916
|
+
"$description": "Raft yellow for the selected sticker: where you are (the active sidebar row, a segment, a tab, the tab bar's item, the current step) and what is on (a switch, a toggle, a pressed panel action). Its own value, not brand, so a theme that grays the brand (Boring Gray) keeps it yellow."
|
|
1917
|
+
},
|
|
1902
1918
|
"attention": {
|
|
1903
1919
|
"$type": "color",
|
|
1904
1920
|
"50": {
|
package/dist/wip.d.mts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { $i as MobileNavServerPopoverDestinationProps, $s as DialogTitleProps, B as MessageListJumpPill, C as InboxItemProps, Ca as PopoverBodyProps, Cs as DialogCommitProps, Es as Dialog, G as MessageListJumpPillProps, H as MessageListJumpPillDismissProps, Is as DialogFooterNote, Ji as MobileNavServerItemProps, Js as DialogSheetBack, Jt as MessageReferenceIcon, Ls as DialogFooterNoteProps, Ms as DialogContentProps, Qi as MobileNavServerPopoverDestination, R as MessageListJumpControls, Sa as PopoverBody, Ss as DialogCommit, Ti as PreviewCardMetaProps, Ts as DialogSheetContentProps, U as MessageListJumpPillGroup, V as MessageListJumpPillDismiss, W as MessageListJumpPillGroupProps, Xi as MobileNavServerPopoverContent, Yi as MobileNavServerPopover, Ys as DialogSheetBackProps, Yt as MessageReferenceIconProps, Zi as MobileNavServerPopoverContentProps, _a as PopoverActionsProps, aa as MobileNavServerPopoverListProps, ac as ButtonProps, ar as MessageItemDelegatedByButtonProps, bi as PreviewCardFooter, bs as TextLinkProps, ca as MobileNavServerPopoverRowBody, ci as PreviewCardActions, cr as MessageItemDelegatedByProps, ct as MessageQuotedPreviewAuthorDelegatedBy, da as MobileNavServerPopoverRowDescriptionProps, dc as StyledProps, ea as MobileNavServerPopoverDestinations, ec as DialogTrigger, fa as MobileNavServerPopoverRowLabel, fi as PreviewCardBody, ga as PopoverActions, ho as DropdownMenuLinkItemProps, ia as MobileNavServerPopoverList, ir as MessageItemDelegatedByButton, ks as DialogClose, la as MobileNavServerPopoverRowBodyProps, lc as VariantProps, li as PreviewCardActionsProps, ls as ListRowProps, lt as MessageQuotedPreviewAuthorDelegatedByProps, ma as MobileNavServerPopoverRowProps, mo as DropdownMenuLinkItem, na as MobileNavServerPopoverGroup, nn as MessageReferenceReadMark, nr as MessageItemDelegatedAvatarProps, oa as MobileNavServerPopoverProps, or as MessageItemDelegatedByName, pa as MobileNavServerPopoverRowLabelProps, pi as PreviewCardBodyProps, qi as MobileNavServerItem, ra as MobileNavServerPopoverGroupProps, rn as MessageReferenceReadMarkProps, rr as MessageItemDelegatedBy, sa as MobileNavServerPopoverRow, sr as MessageItemDelegatedByNameProps, ta as MobileNavServerPopoverDestinationsProps, tr as MessageItemDelegatedAvatar, u as InboxItemDensity, ua as MobileNavServerPopoverRowDescription, uc as DataAttributes, vi as PreviewCardEyebrow, wi as PreviewCardMeta, ws as DialogSheetContent, xi as PreviewCardFooterProps, yi as PreviewCardEyebrowProps, z as MessageListJumpControlsProps } from "./inbox-item-
|
|
1
|
+
import { $i as MobileNavServerPopoverDestinationProps, $s as DialogTitleProps, B as MessageListJumpPill, C as InboxItemProps, Ca as PopoverBodyProps, Cs as DialogCommitProps, Es as Dialog, G as MessageListJumpPillProps, H as MessageListJumpPillDismissProps, Is as DialogFooterNote, Ji as MobileNavServerItemProps, Js as DialogSheetBack, Jt as MessageReferenceIcon, Ls as DialogFooterNoteProps, Ms as DialogContentProps, Qi as MobileNavServerPopoverDestination, R as MessageListJumpControls, Sa as PopoverBody, Ss as DialogCommit, Ti as PreviewCardMetaProps, Ts as DialogSheetContentProps, U as MessageListJumpPillGroup, V as MessageListJumpPillDismiss, W as MessageListJumpPillGroupProps, Xi as MobileNavServerPopoverContent, Yi as MobileNavServerPopover, Ys as DialogSheetBackProps, Yt as MessageReferenceIconProps, Zi as MobileNavServerPopoverContentProps, _a as PopoverActionsProps, aa as MobileNavServerPopoverListProps, ac as ButtonProps, ar as MessageItemDelegatedByButtonProps, bi as PreviewCardFooter, bs as TextLinkProps, ca as MobileNavServerPopoverRowBody, ci as PreviewCardActions, cr as MessageItemDelegatedByProps, ct as MessageQuotedPreviewAuthorDelegatedBy, da as MobileNavServerPopoverRowDescriptionProps, dc as StyledProps, ea as MobileNavServerPopoverDestinations, ec as DialogTrigger, fa as MobileNavServerPopoverRowLabel, fi as PreviewCardBody, ga as PopoverActions, ho as DropdownMenuLinkItemProps, ia as MobileNavServerPopoverList, ir as MessageItemDelegatedByButton, ks as DialogClose, la as MobileNavServerPopoverRowBodyProps, lc as VariantProps, li as PreviewCardActionsProps, ls as ListRowProps, lt as MessageQuotedPreviewAuthorDelegatedByProps, ma as MobileNavServerPopoverRowProps, mo as DropdownMenuLinkItem, na as MobileNavServerPopoverGroup, nn as MessageReferenceReadMark, nr as MessageItemDelegatedAvatarProps, oa as MobileNavServerPopoverProps, or as MessageItemDelegatedByName, pa as MobileNavServerPopoverRowLabelProps, pi as PreviewCardBodyProps, qi as MobileNavServerItem, ra as MobileNavServerPopoverGroupProps, rn as MessageReferenceReadMarkProps, rr as MessageItemDelegatedBy, sa as MobileNavServerPopoverRow, sr as MessageItemDelegatedByNameProps, ta as MobileNavServerPopoverDestinationsProps, tr as MessageItemDelegatedAvatar, u as InboxItemDensity, ua as MobileNavServerPopoverRowDescription, uc as DataAttributes, vi as PreviewCardEyebrow, wi as PreviewCardMeta, ws as DialogSheetContent, xi as PreviewCardFooterProps, yi as PreviewCardEyebrowProps, z as MessageListJumpControlsProps } from "./inbox-item-BAeuj5Cl.mjs";
|
|
2
2
|
import { CSSProperties, ComponentProps, ComponentPropsWithRef, PointerEvent, ReactNode, RefObject } from "react";
|
|
3
3
|
import { Button } from "@base-ui/react/button";
|
|
4
4
|
import { useRender } from "@base-ui/react/use-render";
|
|
@@ -268,6 +268,28 @@ type UseCommentMarginFitsOptions = {
|
|
|
268
268
|
export declare function useCommentMarginFits(element: Element | null, { minWidth }?: UseCommentMarginFitsOptions): boolean;
|
|
269
269
|
//#endregion
|
|
270
270
|
//#region src/lib/touch-drag.d.ts
|
|
271
|
+
/**
|
|
272
|
+
* How a finger picks up something that can be dragged
|
|
273
|
+
* (design/foundations/states.md#dragging-on-a-touch-screen):
|
|
274
|
+
*
|
|
275
|
+
* - hold still for `TOUCH_DRAG_HOLD_MS`: the item is armed, the same moment a
|
|
276
|
+
* long press opens a menu (raft-ui's ContextMenuTrigger, iOS: 500ms);
|
|
277
|
+
* - then move by `TOUCH_DRAG_DISTANCE_PX`: the drag starts, and whoever owns a
|
|
278
|
+
* menu that opened closes it in `onDragStart`;
|
|
279
|
+
* - move by more than `TOUCH_DRAG_TOLERANCE_PX` before the hold is up, or put a
|
|
280
|
+
* second finger down: it was a scroll or a pinch, and the item lets go.
|
|
281
|
+
*
|
|
282
|
+
* dnd-kit's delay constraint starts the drag the moment the hold is up, at the
|
|
283
|
+
* same time as the long press opens the menu, so the two fight. Starting on the
|
|
284
|
+
* first move after the hold lets holding still mean "menu" and holding then
|
|
285
|
+
* moving mean "drag", as on iOS.
|
|
286
|
+
*
|
|
287
|
+
* Pair it with `MouseOnlyPointerSensor`, not dnd-kit's PointerSensor: a phone
|
|
288
|
+
* sends `pointerdown` (pointerType "touch") before `touchstart`, and the sensor
|
|
289
|
+
* that takes the press first keeps it, so a PointerSensor would pick up every
|
|
290
|
+
* touch on its distance and this sensor would never run.
|
|
291
|
+
*/
|
|
292
|
+
export declare const TOUCH_DRAG_HOLD_MS = 500;
|
|
271
293
|
type HoldThenMoveOptions = {
|
|
272
294
|
/** How long the finger stays still before a move can start the drag. */
|
|
273
295
|
holdMs?: number;
|
package/dist/wip.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { $r as
|
|
1
|
+
import { $r as ListRow, Ai as DialogSheetBack, Bi as Button$1, Bn as MobileNavServerPopoverDestination, C as MessageListJumpPill, Cn as PreviewCardActions, F as MessageQuotedPreviewAuthorDelegatedBy, Ft as MessageItemDelegatedAvatar, Gi as useParentOverlayKind, Gn as MobileNavServerPopoverRowBody, Hi as Spinner, Hn as MobileNavServerPopoverGroup, Ii as TextLink, It as MessageItemDelegatedBy, Ji as useTheme, Kn as MobileNavServerPopoverRowDescription, Ln as MobileNavServerItem, Lt as MessageItemDelegatedByButton, Mi as DialogTitle, Ni as DialogTrigger, On as PreviewCardEyebrow, Qn as PopoverBody, Rn as MobileNavServerPopover, Rt as MessageItemDelegatedByName, S as MessageListJumpControls, Si as DialogContent, T as MessageListJumpPillGroup, Ti as DialogFooterNote, Tn as PreviewCardBody, Ui as defaultNativeButton, Un as MobileNavServerPopoverList, Vn as MobileNavServerPopoverDestinations, Wi as OverlayLayerProvider, Wn as MobileNavServerPopoverRow, Xi as tv, Xr as Checkbox, Yn as PopoverActions, _ as InboxItemTrailing, _i as DialogSheetContent, _n as useOverflowTitle, a as InboxItemContext, at as MessageReferenceIcon, b as useLatestRef, bn as observeTruncation, c as InboxItemLeading, ci as ListRowTop, di as TooltipContent, dn as RadioGroup, ei as ListRowBody, g as InboxItemTitle, gi as DialogCommit, gn as InputGroupInput, h as InboxItemTimestamp, hn as InputGroupAddon, i as InboxItemContent, jn as PreviewCardMeta, kn as PreviewCardFooter, lr as TOUCH_DRAG_HOLD_MS, lt as MessageReferenceReadMark, mi as TooltipTrigger, mn as InputGroup, o as InboxItemHeading, oi as ListRowMeta, pn as RadioGroupItem, qi as useThemeScopeProps, qn as MobileNavServerPopoverRowLabel, r as InboxItemBody, ri as ListRowDescription, si as ListRowTitle, t as InboxItem, ti as ListRowBottom, ui as Tooltip, ur as useHoldThenMoveTouchSensor, vn as measureContent, w as MessageListJumpPillDismiss, wr as DropdownMenuLinkItem, x as Skeleton, xi as DialogClose, xn as readNow, y as inboxItem, yi as Dialog, yn as measureElement, zn as MobileNavServerPopoverContent } from "./inbox-item-CSKfHQmn.mjs";
|
|
2
2
|
import { Check, ChevronDown, LoaderCircle, Plus, Search, X } from "lucide-react";
|
|
3
3
|
import { createContext, use, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
|
|
4
4
|
import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -2660,4 +2660,4 @@ function ChoiceList(props) {
|
|
|
2660
2660
|
});
|
|
2661
2661
|
}
|
|
2662
2662
|
//#endregion
|
|
2663
|
-
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, DialogCommit, DialogFooterNote, DialogSheetBack, DialogSheetContent, DropdownMenuLinkItem, Ellipsis, EllipsisToggle, InboxItemLeadingBadge, InboxItemSkeleton, InboxItemSkeletonList, ListRowSkeleton, 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, 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, resolveCommentMarginLayout, setCommentHighlights, useCommentMarginFits, useHoldThenMoveTouchSensor, useParentOverlayKind, usePullToRefresh, useTruncated };
|
|
2663
|
+
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, DialogCommit, DialogFooterNote, DialogSheetBack, DialogSheetContent, DropdownMenuLinkItem, Ellipsis, EllipsisToggle, InboxItemLeadingBadge, InboxItemSkeleton, InboxItemSkeletonList, ListRowSkeleton, 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, 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_HOLD_MS, resolveCommentMarginLayout, setCommentHighlights, useCommentMarginFits, useHoldThenMoveTouchSensor, useParentOverlayKind, usePullToRefresh, useTruncated };
|