@botiverse/raft-ui 0.47.1 → 0.49.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 +27 -0
- package/dist/foundation.css +24 -0
- package/dist/{inbox-item-VkYFHY84.d.mts → inbox-item-B4nNvpp1.d.mts} +37 -13
- package/dist/{inbox-item-DbZusMRA.mjs → inbox-item-DHJOrxB8.mjs} +89 -36
- package/dist/index.d.mts +23 -3
- package/dist/index.mjs +124 -66
- package/dist/styles.css +98 -4
- package/dist/tokens.json +53 -0
- package/dist/wip.d.mts +3 -2
- package/dist/wip.mjs +4 -3
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,30 @@
|
|
|
1
|
+
## [0.49.0](https://github.com/botiverse/raft-design/compare/v0.48.0...v0.49.0) (2026-10-29)
|
|
2
|
+
|
|
3
|
+
### Design System
|
|
4
|
+
|
|
5
|
+
- **List cells:** a list's rows draw no line between them. Every state (hover, press, menu open, selected, located, keyboard focus) is one rounded shape inset 8px from the list's sides, with the row's content 12px inside it. The list spaces its rows 2px apart with `gap` and pads 8px at its ends. A column of list cells starts its title, toolbar and content on one 20px edge, on a phone too (`--column-margin`). Settings cards keep their hairlines. ([#815](https://github.com/botiverse/raft-design/pull/815))
|
|
6
|
+
- Docs: https://raft-design.botiverse.build/patterns/lists/
|
|
7
|
+
|
|
8
|
+
### Added
|
|
9
|
+
|
|
10
|
+
- `lib/list-cell` recipe fragments (`listCell`, `listCellStates`, `listCellFocus`) shared by the row components; `ListRow` takes `cell` to become a list cell (off by default).
|
|
11
|
+
- Tokens **`fill-cell-hover`**, **`fill-cell-press`**, **`fill-cell-selected`**; the variable `--column-margin`. ([#815](https://github.com/botiverse/raft-design/pull/815))
|
|
12
|
+
|
|
13
|
+
### Changed
|
|
14
|
+
|
|
15
|
+
- **SidebarItem, InboxItem, SearchEntity/SearchHit rows:** list cells, no dividers; their lists (`SidebarList`, `SearchResultsList`, `ActivityInboxViewport`, `InboxItemSkeletonList`, `DialogNav`) space rows with `gap-0.5 py-2`. An app that drew its own row padding or right inset on these rows should remove it. ([#815](https://github.com/botiverse/raft-design/pull/815))
|
|
16
|
+
|
|
17
|
+
## [0.48.0](https://github.com/botiverse/raft-design/compare/v0.47.1...v0.48.0) (2026-10-28)
|
|
18
|
+
|
|
19
|
+
### Design System
|
|
20
|
+
|
|
21
|
+
- **Hover and press on an ink sticker:** the server tile (rail header, sidebar header) is ink, and ink over ink doesn't show, so it hovers, presses and shows its open list with 6% paper, in light and dark. ([#875](https://github.com/botiverse/raft-design/pull/875))
|
|
22
|
+
- Docs: https://raft-design.botiverse.build/foundations/states/
|
|
23
|
+
|
|
24
|
+
### Added
|
|
25
|
+
|
|
26
|
+
- Token **`sticker-ink-medium`** (6% paper in both modes) and the utility `overlay-sticker-ink-medium`. ([#875](https://github.com/botiverse/raft-design/pull/875))
|
|
27
|
+
|
|
1
28
|
## [0.47.1](https://github.com/botiverse/raft-design/compare/v0.47.0...v0.47.1) (2026-10-28)
|
|
2
29
|
|
|
3
30
|
### Fixed
|
package/dist/foundation.css
CHANGED
|
@@ -200,6 +200,20 @@
|
|
|
200
200
|
the yellow and on the near-black frame: 10% on the yellow and 6% on the dark
|
|
201
201
|
frame land on the medium step, about 6 OKLab dE. */
|
|
202
202
|
--fill-frame-medium: oklch(0.1813 0.005 17.62 / 0.1);
|
|
203
|
+
/* A list cell's hover and its menu-open fill (lib/list-cell.ts), drawn on the
|
|
204
|
+
cell's inset shape. fill-subtle in light. In dark it steps up to 7.5% ink,
|
|
205
|
+
so the rounded shape reads on a dark surface, where fill-subtle's 3% barely
|
|
206
|
+
shows. Rows only: the global tiers don't change. */
|
|
207
|
+
--fill-cell-hover: var(--fill-subtle);
|
|
208
|
+
/* A list cell's press fill, the same with a mouse and on a touch screen.
|
|
209
|
+
fill-medium in light. In dark 12% ink, a clear step over the cell's dark
|
|
210
|
+
hover. */
|
|
211
|
+
--fill-cell-press: var(--fill-medium);
|
|
212
|
+
/* A list cell that is selected or open beside its list (an active InboxItem, a
|
|
213
|
+
selected ListRow), and the located highlight on a cell. info-soft in light.
|
|
214
|
+
In dark the cyan at 38% instead of 18%, so a selected cell stands out from a
|
|
215
|
+
hovered one. */
|
|
216
|
+
--fill-cell-selected: var(--info-soft);
|
|
203
217
|
--line-strong: oklch(0.1813 0.005 17.62);
|
|
204
218
|
--line-seam: oklch(0.1813 0.005 17.62 / 0.451);
|
|
205
219
|
--line-hairline: oklch(0.1813 0.005 17.62 / 0.149);
|
|
@@ -364,6 +378,10 @@
|
|
|
364
378
|
colour badges, the selected segment on press): hover and press, 10% ink in
|
|
365
379
|
both modes. */
|
|
366
380
|
--sticker-medium: oklch(0.1813 0.005 17.62 / 0.1);
|
|
381
|
+
/* Hover tier medium on an ink sticker (the server tile in the rail or the
|
|
382
|
+
sidebar header): hover, press and open, 6% paper in both modes, since ink
|
|
383
|
+
laid over ink doesn't show. */
|
|
384
|
+
--sticker-ink-medium: oklch(1 0 0 / 0.06);
|
|
367
385
|
--presence-online: oklch(0.8272 0.1354 130.07);
|
|
368
386
|
/* Yellow for an agent at work, and for Status variant="primary". The value of
|
|
369
387
|
brand in Raft Yellow, but its own, so a theme that grays the brand (Boring
|
|
@@ -414,6 +432,9 @@
|
|
|
414
432
|
--fill-subtle: oklch(0.9843 0.004 106.47 / 0.03);
|
|
415
433
|
--fill-medium: oklch(0.9843 0.004 106.47 / 0.065);
|
|
416
434
|
--fill-frame-medium: oklch(0.9843 0.004 106.47 / 0.06);
|
|
435
|
+
--fill-cell-hover: oklch(0.9843 0.004 106.47 / 0.075);
|
|
436
|
+
--fill-cell-press: oklch(0.9843 0.004 106.47 / 0.12);
|
|
437
|
+
--fill-cell-selected: oklch(0.452 0.0862 225.67 / 0.38);
|
|
417
438
|
--line-strong: oklch(0.9211 0.004 106.48);
|
|
418
439
|
--line-seam: oklch(0.9843 0.004 106.47 / 0.259);
|
|
419
440
|
--line-hairline: oklch(0.9843 0.004 106.47 / 0.102);
|
|
@@ -501,6 +522,9 @@
|
|
|
501
522
|
--fill-subtle: oklch(0.9843 0.004 106.47 / 0.03);
|
|
502
523
|
--fill-medium: oklch(0.9843 0.004 106.47 / 0.065);
|
|
503
524
|
--fill-frame-medium: oklch(0.9843 0.004 106.47 / 0.06);
|
|
525
|
+
--fill-cell-hover: oklch(0.9843 0.004 106.47 / 0.075);
|
|
526
|
+
--fill-cell-press: oklch(0.9843 0.004 106.47 / 0.12);
|
|
527
|
+
--fill-cell-selected: oklch(0.452 0.0862 225.67 / 0.38);
|
|
504
528
|
--line-strong: oklch(0.9211 0.004 106.48);
|
|
505
529
|
--line-seam: oklch(0.9843 0.004 106.47 / 0.259);
|
|
506
530
|
--line-hairline: oklch(0.9843 0.004 106.47 / 0.102);
|
|
@@ -444,20 +444,26 @@ type RowTone = "default" | "unread" | "muted" | "away";
|
|
|
444
444
|
declare const listRow: import("tailwind-variants/lite").TVReturnType<{
|
|
445
445
|
variant: {
|
|
446
446
|
default: {
|
|
447
|
-
root:
|
|
447
|
+
root: string;
|
|
448
448
|
};
|
|
449
449
|
plain: {
|
|
450
|
-
root:
|
|
450
|
+
root: string;
|
|
451
451
|
};
|
|
452
452
|
entry: {
|
|
453
453
|
root: string;
|
|
454
454
|
};
|
|
455
455
|
};
|
|
456
456
|
interactive: {
|
|
457
|
-
true: {
|
|
457
|
+
true: {};
|
|
458
|
+
false: {};
|
|
459
|
+
};
|
|
460
|
+
cell: {
|
|
461
|
+
false: {
|
|
458
462
|
root: string[];
|
|
459
463
|
};
|
|
460
|
-
|
|
464
|
+
true: {
|
|
465
|
+
root: (string | string[])[];
|
|
466
|
+
};
|
|
461
467
|
};
|
|
462
468
|
wrap: {
|
|
463
469
|
true: {
|
|
@@ -479,20 +485,26 @@ declare const listRow: import("tailwind-variants/lite").TVReturnType<{
|
|
|
479
485
|
}, undefined, {
|
|
480
486
|
variant: {
|
|
481
487
|
default: {
|
|
482
|
-
root:
|
|
488
|
+
root: string;
|
|
483
489
|
};
|
|
484
490
|
plain: {
|
|
485
|
-
root:
|
|
491
|
+
root: string;
|
|
486
492
|
};
|
|
487
493
|
entry: {
|
|
488
494
|
root: string;
|
|
489
495
|
};
|
|
490
496
|
};
|
|
491
497
|
interactive: {
|
|
492
|
-
true: {
|
|
498
|
+
true: {};
|
|
499
|
+
false: {};
|
|
500
|
+
};
|
|
501
|
+
cell: {
|
|
502
|
+
false: {
|
|
493
503
|
root: string[];
|
|
494
504
|
};
|
|
495
|
-
|
|
505
|
+
true: {
|
|
506
|
+
root: (string | string[])[];
|
|
507
|
+
};
|
|
496
508
|
};
|
|
497
509
|
wrap: {
|
|
498
510
|
true: {
|
|
@@ -514,20 +526,26 @@ declare const listRow: import("tailwind-variants/lite").TVReturnType<{
|
|
|
514
526
|
}, import("tailwind-variants/lite").TVReturnTypeLike<{
|
|
515
527
|
variant: {
|
|
516
528
|
default: {
|
|
517
|
-
root:
|
|
529
|
+
root: string;
|
|
518
530
|
};
|
|
519
531
|
plain: {
|
|
520
|
-
root:
|
|
532
|
+
root: string;
|
|
521
533
|
};
|
|
522
534
|
entry: {
|
|
523
535
|
root: string;
|
|
524
536
|
};
|
|
525
537
|
};
|
|
526
538
|
interactive: {
|
|
527
|
-
true: {
|
|
539
|
+
true: {};
|
|
540
|
+
false: {};
|
|
541
|
+
};
|
|
542
|
+
cell: {
|
|
543
|
+
false: {
|
|
528
544
|
root: string[];
|
|
529
545
|
};
|
|
530
|
-
|
|
546
|
+
true: {
|
|
547
|
+
root: (string | string[])[];
|
|
548
|
+
};
|
|
531
549
|
};
|
|
532
550
|
wrap: {
|
|
533
551
|
true: {
|
|
@@ -564,6 +582,12 @@ type ListRowProps = useRender.ComponentProps<"button"> & Pick<VariantProps<typeo
|
|
|
564
582
|
/** `false` renders a display-only row: a `div` with no hover or press,
|
|
565
583
|
* for a row whose controls (a switch, a button) are its only targets. */
|
|
566
584
|
interactive?: boolean;
|
|
585
|
+
/** Draw the row as a list cell (design/patterns/lists.md): no line between
|
|
586
|
+
* rows, and hover, press, selection and focus on one shape inset 8px at
|
|
587
|
+
* the sides. For a list of places or people on a phone; put the rows in a
|
|
588
|
+
* `flex flex-col gap-0.5 py-2` column. A settings card keeps the default
|
|
589
|
+
* look, with its lines. */
|
|
590
|
+
cell?: boolean;
|
|
567
591
|
};
|
|
568
592
|
/**
|
|
569
593
|
* One row of a list. It renders a `button` by default; pass `render={<a />}`
|
|
@@ -571,7 +595,7 @@ type ListRowProps = useRender.ComponentProps<"button"> & Pick<VariantProps<typeo
|
|
|
571
595
|
* block (an avatar, a channel or icon tile, `ListRowIcon`), `ListRowBody`, and
|
|
572
596
|
* anything trailing (a value, a badge, a switch, `ListRowChevron`).
|
|
573
597
|
*/
|
|
574
|
-
declare function ListRow({ variant, tone, selected, interactive, className, render, ...props }: ListRowProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
598
|
+
declare function ListRow({ variant, tone, selected, interactive, cell, className, render, ...props }: ListRowProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
575
599
|
type ListRowIconProps = useRender.ComponentProps<"span">;
|
|
576
600
|
/** A 20px leading icon in ink-3: entry rows and settings. */
|
|
577
601
|
declare function ListRowIcon({ className, render, ...props }: ListRowIconProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
@@ -52,8 +52,20 @@ const decisionWidth = "max-w-100";
|
|
|
52
52
|
*/
|
|
53
53
|
/** The pull alone, for a head whose padding is already its margin (a dialog's 20px). */
|
|
54
54
|
const headEdgePull = ["[&>[data-icon-inset]:first-child]:-ml-icon-inset", "[&>[data-icon-inset]:last-child]:-mr-icon-inset"];
|
|
55
|
-
/**
|
|
56
|
-
|
|
55
|
+
/**
|
|
56
|
+
* A panel's head: its column's margin, and the pull. The margin is
|
|
57
|
+
* `--column-margin` (styles.css): 20px on a desktop and 16px on a phone,
|
|
58
|
+
* and 20px at every width in a column of list cells, whose rows put their
|
|
59
|
+
* content 8 + 12 = 20px in (lib/list-cell.ts). The column sets it (an
|
|
60
|
+
* ActivityInboxPanel, a SidebarRoot, a Search frame), so its head, its
|
|
61
|
+
* toolbar and its rows start on one line on a phone as on a desktop.
|
|
62
|
+
*/
|
|
63
|
+
const headEdges = ["px-(--column-margin)", ...headEdgePull];
|
|
64
|
+
/**
|
|
65
|
+
* Sets a column of list cells' margin to 20px at every width: the rows'
|
|
66
|
+
* content edge (lib/list-cell.ts), which the heads and notices in it follow.
|
|
67
|
+
*/
|
|
68
|
+
const listColumnMargin = "[--column-margin:20px]";
|
|
57
69
|
/**
|
|
58
70
|
* The inset of a control-height icon button (a PanelAction, a Button at
|
|
59
71
|
* `icon-lg`): 7px on a desktop, 11px on a phone and on a touch screen. Written
|
|
@@ -1243,7 +1255,7 @@ function DialogSurface({ className, render, children, ...props }) {
|
|
|
1243
1255
|
}, props, { children: /* @__PURE__ */ jsx(DialogSheetReset, { children }) })
|
|
1244
1256
|
});
|
|
1245
1257
|
}
|
|
1246
|
-
const dialogNav = tv$1({ slots: { root: ["flex shrink-0 flex-col overflow-y-auto", "w-52 gap-0.5 border-r border-line-seam
|
|
1258
|
+
const dialogNav = tv$1({ slots: { root: ["flex shrink-0 flex-col overflow-y-auto", "w-52 gap-0.5 border-r border-line-seam py-2 max-md:hidden"] } });
|
|
1247
1259
|
/** The section list of a wide (`size="wide"`) dialog, inside a `bar` body. */
|
|
1248
1260
|
function DialogNav({ className, render, ...props }) {
|
|
1249
1261
|
const { root } = dialogNav();
|
|
@@ -1970,21 +1982,31 @@ function TooltipContent({ align = "center", alignOffset = 0, anchor, arrowPaddin
|
|
|
1970
1982
|
});
|
|
1971
1983
|
}
|
|
1972
1984
|
//#endregion
|
|
1973
|
-
//#region src/
|
|
1974
|
-
const
|
|
1975
|
-
"
|
|
1976
|
-
"
|
|
1977
|
-
"[
|
|
1985
|
+
//#region src/lib/list-cell.ts
|
|
1986
|
+
const listCell = [
|
|
1987
|
+
"list-cell relative isolate bg-transparent shadow-none outline-none",
|
|
1988
|
+
"[--cell-inset-x:8px] [--cell-pad-x:12px] [--cell-radius:var(--radius-control)]",
|
|
1989
|
+
"[--cell-inset-end:max(0px,calc(var(--cell-inset-x)-var(--scrollbar-size,0px)))]",
|
|
1990
|
+
"pr-[calc(var(--cell-inset-end)+var(--cell-pad-x))] pl-[calc(var(--cell-inset-x)+var(--cell-pad-x))]",
|
|
1991
|
+
"before:pointer-events-none before:absolute before:-z-1 before:block before:content-['']",
|
|
1992
|
+
"before:inset-y-0 before:right-(--cell-inset-end) before:left-(--cell-inset-x)",
|
|
1993
|
+
"before:rounded-(--cell-radius) before:border-0",
|
|
1994
|
+
"before:transition-colors before:duration-150 before:ease-out"
|
|
1978
1995
|
];
|
|
1996
|
+
const listCellStates = [
|
|
1997
|
+
"not-data-active:not-data-selected:not-data-disabled:not-disabled:not-aria-disabled:hover:before:bg-fill-cell-hover",
|
|
1998
|
+
"not-data-active:not-data-selected:not-data-disabled:not-disabled:not-aria-disabled:active:before:bg-fill-cell-press",
|
|
1999
|
+
"active:before:transition-none",
|
|
2000
|
+
"not-data-active:not-data-selected:data-popup-open:before:bg-fill-cell-hover",
|
|
2001
|
+
"not-data-active:not-data-selected:has-data-popup-open:before:bg-fill-cell-hover"
|
|
2002
|
+
];
|
|
2003
|
+
const listCellFocus = ["focus-visible:keyboard:before:inset-ring-2 focus-visible:keyboard:before:inset-ring-foreground"];
|
|
1979
2004
|
const listRow = tv$1({
|
|
1980
2005
|
slots: {
|
|
1981
2006
|
group: ["flex min-w-0 flex-col overflow-hidden", "rounded-container border border-line-hairline bg-layer-card text-foreground"],
|
|
1982
2007
|
root: [
|
|
1983
|
-
"group/list-row
|
|
2008
|
+
"group/list-row flex w-full min-w-0 items-center gap-3 py-3 text-left",
|
|
1984
2009
|
"font-sans no-underline",
|
|
1985
|
-
"transition-colors duration-100",
|
|
1986
|
-
"outline-none focus-visible:keyboard:inset-ring-2 focus-visible:keyboard:inset-ring-foreground",
|
|
1987
|
-
"data-selected:bg-info-soft",
|
|
1988
2010
|
"[--list-row-ink:var(--foreground)] [--list-row-ink-2:var(--foreground-muted)] [--list-row-ink-3:var(--foreground-hint)]",
|
|
1989
2011
|
"text-(--list-row-ink)",
|
|
1990
2012
|
"not-disabled:not-aria-disabled:data-[tone=unread]:[--list-row-ink-2:var(--foreground)]",
|
|
@@ -2011,26 +2033,61 @@ const listRow = tv$1({
|
|
|
2011
2033
|
},
|
|
2012
2034
|
variants: {
|
|
2013
2035
|
variant: {
|
|
2014
|
-
default: { root:
|
|
2015
|
-
plain: { root:
|
|
2036
|
+
default: { root: "min-h-16 [--list-row-rule-start:63px]" },
|
|
2037
|
+
plain: { root: "[--list-row-rule-start:16px]" },
|
|
2016
2038
|
entry: { root: "" }
|
|
2017
2039
|
},
|
|
2018
2040
|
interactive: {
|
|
2019
|
-
true: {
|
|
2020
|
-
"not-disabled:not-aria-disabled:not-data-selected:hover:overlay-subtle",
|
|
2021
|
-
"not-disabled:not-aria-disabled:not-data-selected:active:overlay-medium",
|
|
2022
|
-
"not-data-selected:data-popup-open:overlay-subtle"
|
|
2023
|
-
] },
|
|
2041
|
+
true: {},
|
|
2024
2042
|
false: {}
|
|
2025
2043
|
},
|
|
2044
|
+
cell: {
|
|
2045
|
+
false: { root: [
|
|
2046
|
+
"relative px-4",
|
|
2047
|
+
"transition-colors duration-100",
|
|
2048
|
+
"outline-none focus-visible:keyboard:inset-ring-2 focus-visible:keyboard:inset-ring-foreground",
|
|
2049
|
+
"data-selected:bg-info-soft"
|
|
2050
|
+
] },
|
|
2051
|
+
true: { root: [
|
|
2052
|
+
listCell,
|
|
2053
|
+
listCellFocus,
|
|
2054
|
+
"data-selected:before:bg-fill-cell-selected"
|
|
2055
|
+
] }
|
|
2056
|
+
},
|
|
2026
2057
|
wrap: {
|
|
2027
2058
|
true: { description: "whitespace-normal text-pretty" },
|
|
2028
2059
|
false: {}
|
|
2029
2060
|
}
|
|
2030
2061
|
},
|
|
2062
|
+
compoundVariants: [
|
|
2063
|
+
{
|
|
2064
|
+
cell: false,
|
|
2065
|
+
variant: ["default", "plain"],
|
|
2066
|
+
class: { root: [
|
|
2067
|
+
"before:pointer-events-none before:absolute before:top-0 before:right-0 before:hidden",
|
|
2068
|
+
"before:left-(--list-row-rule-start) before:border-t before:border-line-hairline",
|
|
2069
|
+
"[[data-slot=list-row]+&]:before:block [li+li>&]:before:block"
|
|
2070
|
+
] }
|
|
2071
|
+
},
|
|
2072
|
+
{
|
|
2073
|
+
cell: false,
|
|
2074
|
+
interactive: true,
|
|
2075
|
+
class: { root: [
|
|
2076
|
+
"not-disabled:not-aria-disabled:not-data-selected:hover:overlay-subtle",
|
|
2077
|
+
"not-disabled:not-aria-disabled:not-data-selected:active:overlay-medium",
|
|
2078
|
+
"not-data-selected:data-popup-open:overlay-subtle"
|
|
2079
|
+
] }
|
|
2080
|
+
},
|
|
2081
|
+
{
|
|
2082
|
+
cell: true,
|
|
2083
|
+
interactive: true,
|
|
2084
|
+
class: { root: listCellStates }
|
|
2085
|
+
}
|
|
2086
|
+
],
|
|
2031
2087
|
defaultVariants: {
|
|
2032
2088
|
variant: "default",
|
|
2033
2089
|
interactive: true,
|
|
2090
|
+
cell: false,
|
|
2034
2091
|
wrap: false
|
|
2035
2092
|
}
|
|
2036
2093
|
});
|
|
@@ -2055,10 +2112,11 @@ function ListRowGroup({ className, render, ...props }) {
|
|
|
2055
2112
|
* block (an avatar, a channel or icon tile, `ListRowIcon`), `ListRowBody`, and
|
|
2056
2113
|
* anything trailing (a value, a badge, a switch, `ListRowChevron`).
|
|
2057
2114
|
*/
|
|
2058
|
-
function ListRow({ variant = "default", tone = "default", selected = false, interactive = true, className, render, ...props }) {
|
|
2115
|
+
function ListRow({ variant = "default", tone = "default", selected = false, interactive = true, cell = false, className, render, ...props }) {
|
|
2059
2116
|
const { root } = listRow({
|
|
2060
2117
|
variant,
|
|
2061
|
-
interactive
|
|
2118
|
+
interactive,
|
|
2119
|
+
cell
|
|
2062
2120
|
});
|
|
2063
2121
|
const defaultProps = {
|
|
2064
2122
|
"data-slot": "list-row",
|
|
@@ -2385,7 +2443,7 @@ const panel = tv$1({
|
|
|
2385
2443
|
footer: [
|
|
2386
2444
|
"relative flex shrink-0 items-center pt-3",
|
|
2387
2445
|
"bg-layer-canvas",
|
|
2388
|
-
"px-
|
|
2446
|
+
"px-(--column-margin)",
|
|
2389
2447
|
"pb-[calc(env(safe-area-inset-bottom)+1rem)] max-md:pb-[calc(env(safe-area-inset-bottom)+0.5rem)]"
|
|
2390
2448
|
]
|
|
2391
2449
|
},
|
|
@@ -6993,21 +7051,16 @@ function useLatestRef(value) {
|
|
|
6993
7051
|
const inboxItem = tv$1({
|
|
6994
7052
|
slots: {
|
|
6995
7053
|
item: [
|
|
6996
|
-
"relative grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-3
|
|
7054
|
+
"relative grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-3 text-left",
|
|
6997
7055
|
"has-data-[slot=inbox-item-selection]:grid-cols-[auto_minmax(0,1fr)_auto]",
|
|
6998
7056
|
"has-data-[slot=inbox-item-leading]:grid-cols-[auto_minmax(0,1fr)_auto]",
|
|
6999
7057
|
"has-data-[slot=inbox-item-selection]:has-data-[slot=inbox-item-leading]:grid-cols-[auto_auto_minmax(0,1fr)_auto]",
|
|
7000
|
-
"
|
|
7001
|
-
|
|
7002
|
-
|
|
7003
|
-
"
|
|
7004
|
-
"
|
|
7005
|
-
"has-data-
|
|
7006
|
-
"hover:bg-fill-subtle not-data-[active=true]:active:bg-fill-medium",
|
|
7007
|
-
"not-data-[active=true]:data-popup-open:bg-fill-subtle not-data-[active=true]:has-data-popup-open:bg-fill-subtle",
|
|
7008
|
-
"data-[active=true]:bg-info-soft data-[active=true]:hover:bg-info-soft",
|
|
7009
|
-
"data-disabled:pointer-events-none data-disabled:hover:bg-transparent",
|
|
7010
|
-
"has-[[data-slot=inbox-item-open]:focus-visible]:keyboard:inset-ring-2 has-[[data-slot=inbox-item-open]:focus-visible]:keyboard:inset-ring-foreground",
|
|
7058
|
+
"gap-x-3 gap-y-0 rounded-none border-0 py-3",
|
|
7059
|
+
listCell,
|
|
7060
|
+
listCellStates,
|
|
7061
|
+
"data-[active=true]:before:bg-fill-cell-selected",
|
|
7062
|
+
"data-disabled:pointer-events-none",
|
|
7063
|
+
"has-[[data-slot=inbox-item-open]:focus-visible]:keyboard:before:inset-ring-2 has-[[data-slot=inbox-item-open]:focus-visible]:keyboard:before:inset-ring-foreground",
|
|
7011
7064
|
"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]"
|
|
7012
7065
|
],
|
|
7013
7066
|
itemTrigger: ["absolute inset-0 z-0 outline-none"],
|
|
@@ -7018,7 +7071,7 @@ const inboxItem = tv$1({
|
|
|
7018
7071
|
"bg-layer-canvas bg-[linear-gradient(var(--info-soft),var(--info-soft))] text-foreground",
|
|
7019
7072
|
"[&_svg]:size-2.5 [&_svg]:shrink-0"
|
|
7020
7073
|
],
|
|
7021
|
-
itemSelection: ["relative z-10
|
|
7074
|
+
itemSelection: ["relative z-10 flex size-5 shrink-0 items-center justify-center"],
|
|
7022
7075
|
itemContent: [
|
|
7023
7076
|
"pointer-events-none relative z-10 min-w-0 flex-1 text-left",
|
|
7024
7077
|
"-col-start-3 col-end-(--inbox-item-content-end) row-start-1",
|
|
@@ -7398,4 +7451,4 @@ function InboxItemActions({ className, render, reveal, ...props }) {
|
|
|
7398
7451
|
});
|
|
7399
7452
|
}
|
|
7400
7453
|
//#endregion
|
|
7401
|
-
export { MessageListJumpPillGroup as $,
|
|
7454
|
+
export { MessageListJumpPillGroup as $, Badge as $i, PreviewCardActions as $n, DropdownMenuFooter as $r, MessageReactionTooltipName as $t, useDragSensors as A, OverlayLayerProvider as Aa, Checkbox$1 as Ai, MessageItemGutter as An, PopoverContent as Ar, MessageMultiSelectToolbar as At, keepGrabInside as B, headEdgePull as Ba, ListRowMeta as Bi, RadioGroup$1 as Bn, MouseOnlyPointerSensor as Br, MessageReferenceUnavailable as Bt, DragRefusalHint as C, TextLinkExternalIcon as Ca, PanelSection as Ci, MessageItemContent as Cn, MobileNavServerPopoverRowLabel as Cr, MessageEmbedHeader as Ct, MOUSE_DRAG_DISTANCE_PX as D, buttonVariants as Da, ScrollAreaScrollbar as Di, MessageItemSearchMatch as Dn, PopoverBackdrop as Dr, MessageTextSelectionToolbarSeparator as Dt, DragRemeasure as E, Button$1 as Ea, ScrollAreaCorner as Ei, MessageItemFooter as En, PopoverArrow as Er, MessageTextSelectionToolbarButton as Et, DRAG_SIBLING_TRANSITION as F, ThemeStateContext as Fa, ListRowBottom as Fi, AvatarFallback as Fn, PopoverSeparator as Fr, MessageReferenceLabel as Ft, DEFAULT_DRAG_MESSAGES as G, listCellFocus as Gi, InputGroupAddon as Gn, useMouseOnlyPointerSensor as Gr, MessageReactionErrorIndicator as Gt, useLiftContainer as H, listColumnMargin as Ha, ListRowTop as Hi, RadioGroupItem as Hn, TOUCH_DRAG_HOLD_MS as Hr, MessageReactionAddButton as Ht, DROP_GLIDE as I, tv$1 as Ia, ListRowChevron as Ii, AvatarGroup as In, PopoverTitle as Ir, MessageReferencePending as It, dragInstructions as J, TooltipContent as Ji, measureContent as Jn, MobileNavRoot as Jr, MessageReactionPickerStatic as Jt, SILENT_DRAG_ANNOUNCEMENTS as K, listCellStates as Ki, InputGroupInput as Kn, MobileNavItem as Kr, MessageReactionGlyph as Kt, DragLift as L, stackedActions as La, ListRowDescription as Li, AvatarGroupButton as Ln, PopoverTrigger as Lr, MessageReferenceReadMark as Lt, DRAG_KEYBOARD_OFFSET_PX as M, withOverlayLayer as Ma, PRESENCE_COLOR as Mi, searchHit as Mn, PopoverHeader as Mr, MessageReferenceChip as Mt, DRAG_LIFT_Z_INDEX as N, useThemeScopeProps as Na, ListRow as Ni, Avatar$1 as Nn, PopoverPopup as Nr, MessageReferenceIcon as Nt, listKeyboardCoordinates as O, Spinner as Oa, ScrollAreaThumb as Oi, MessageItemAvatarSlot as On, PopoverBody as Or, MessageMultiSelect as Ot, DRAG_SETTLE as P, useTheme as Pa, ListRowBody as Pi, AvatarBadge as Pn, PopoverPortal as Pr, MessageReferenceIndicator as Pt, MessageListJumpPillDismiss as Q, usePopupCollisionPadding as Qi, PreviewCard$1 as Qn, DropdownMenuContent as Qr, MessageReactionTooltipMeta as Qt, ORIGIN_OPACITY as R, useStackedActions as Ra, ListRowGroup as Ri, AvatarGroupCount as Rn, PopoverViewport as Rr, MessageReferenceSuffix as Rt, Skeleton as S, TextLink as Sa, PanelScrollViewport as Si, MessageItemBody as Sn, MobileNavServerPopoverRowDescription as Sr, MessageEmbedFooter as St, DRAG_KEYBOARD_CODES as T, DialogSheetReset as Ta, ScrollAreaContent as Ti, MessageItemEmbedded as Tn, PopoverActions as Tr, MessageTextSelectionToolbar as Tt, LIFT_CLASS as U, decisionWidth as Ua, ListRowValue as Ui, chipRemoveBase as Un, TOUCH_DRAG_TOLERANCE_PX as Ur, MessageReactionChip as Ut, useDragSiblingTransition as V, headEdges as Va, ListRowTitle as Vi, RadioGroupIndicator as Vn, TOUCH_DRAG_DISTANCE_PX as Vr, inlineChip as Vt, drag as W, listCell as Wi, InputGroup as Wn, useHoldThenMoveTouchSensor as Wr, MessageReactionCount as Wt, MessageListJumpControls as X, TooltipProvider as Xi, observeTruncation as Xn, DropdownMenuCheckboxItem as Xr, MessageReactionQuickRow as Xt, dragMessages as Y, TooltipPortal as Yi, measureElement as Yn, DropdownMenu as Yr, MessageReactionQuickButton as Yt, MessageListJumpPill as Z, TooltipTrigger as Zi, readNow as Zn, DropdownMenuCheckboxItemIndicator as Zr, MessageReactionTooltipContent as Zt, InboxItemTrailing as _, DialogTrigger as _a, Panel as _i, MessageItemSenderBadges as _n, MobileNavServerPopoverDestinations as _r, MessageQuotedPreviewThread as _t, InboxItemContext as a, DialogClose as aa, DropdownMenuPopup as ai, MessageItemReadReceipt as an, PreviewCardFooter as ar, MessageQuotedPreview as at, useLatestRef as b, useMergedRef as ba, PanelHeaderRoot as bi, MessageItemTime as bn, MobileNavServerPopoverRow as br, MessageEmbed as bt, InboxItemLeading as c, DialogFooter as ca, DropdownMenuRadioItem as ci, MessageItemToolbarButton as cn, PreviewCardPopup as cr, MessageQuotedPreviewAuthor as ct, InboxItemMetadata as d, DialogNav as da, DropdownMenuShortcut as di, MessageItemDelegatedByButton as dn, PreviewCardTitle as dr, MessageQuotedPreviewAuthorName as dt, DialogCommit as ea, DropdownMenuItem as ei, MessageReactionTooltipNameText as en, PreviewCardArrow as er, MessageListDateDivider as et, InboxItemSelection as f, DialogOverlay as fa, DropdownMenuSubmenu as fi, MessageItemDelegatedByName as fn, PreviewCardTrigger as fr, MessageQuotedPreviewChannel as ft, InboxItemTitle as g, DialogTitle as ga, KbdGroup as gi, MessageItemSender as gn, MobileNavServerPopoverDestination as gr, MessageQuotedPreviewText as gt, InboxItemTimestamp as h, DialogSurface as ha, Kbd as hi, MessageItemMeta as hn, MobileNavServerPopoverContent as hr, MessageQuotedPreviewLoading as ht, InboxItemContent as i, DialogBody as ia, DropdownMenuLinkItem as ii, MessageItemBadgeSeparator as in, PreviewCardEyebrow as ir, MessageList as it, DRAG_AUTO_SCROLL_ZONE_PX as j, useParentOverlayKind as ja, CheckboxIndicator as ji, MessageItem as jn, PopoverDescription as jr, MessageMultiSelectToolbarActions as jt, useDragAcrossLists as k, defaultNativeButton as ka, ScrollAreaViewport as ki, MessageItemContinuationTime as kn, PopoverClose as kr, MessageMultiSelectCheckbox as kt, InboxItemMarks as l, DialogFooterNote as la, DropdownMenuRadioItemIndicator as li, MessageItemDelegatedAvatar as ln, PreviewCardPortal as lr, MessageQuotedPreviewAuthorDelegatedBy as lt, InboxItemSubtitle as m, DialogSheetBack as ma, DropdownMenuTrigger as mi, MessageItemInlineStatus as mn, MobileNavServerPopover as mr, MessageQuotedPreviewHeader as mt, InboxItemActions as n, useMobileViewport as na, DropdownMenuItemLabel as ni, MessageReactionTooltipSeparator as nn, PreviewCardContent as nr, MessageListHistoryLimited as nt, InboxItemHeading as o, DialogContent as oa, DropdownMenuPortal as oi, MessageItemSavedIndicator as on, PreviewCardHeader as or, MessageQuotedPreviewAttachment as ot, InboxItemSender as p, DialogPortal as pa, DropdownMenuSubmenuTrigger as pi, MessageItemHeader as pn, MobileNavServerItem as pr, MessageQuotedPreviewContent as pt, createDragAnnouncements as q, Tooltip$1 as qi, useOverflowTitle as qn, MobileNavLabel as qr, MessageReactionPickerContent as qt, InboxItemBody as r, Dialog$1 as ra, DropdownMenuLabel as ri, MessageItemBadge as rn, PreviewCardDescription as rr, MessageListNotice as rt, InboxItemHoverTarget as s, DialogDescription as sa, DropdownMenuRadioGroup as si, MessageItemToolbar as sn, PreviewCardMeta as sr, MessageQuotedPreviewAttachments as st, InboxItem as t, DialogSheetContent as ta, DropdownMenuItemCount as ti, MessageReactionTooltipNames as tn, PreviewCardBody as tr, MessageListEndFade as tt, InboxItemMessage as u, DialogHeader as ua, DropdownMenuSeparator as ui, MessageItemDelegatedBy as un, PreviewCardSeparator as ur, MessageQuotedPreviewAuthorMeta as ut, InboxItemTrigger as v, PanelAction as va, PanelBody as vi, MessageItemSenderButton as vn, MobileNavServerPopoverGroup as vr, MessageQuotedPreviewTimestamp as vt, DropPlaceholder as w, textLinkVariants as wa, ScrollArea$1 as wi, MessageItemEdited as wn, Popover$1 as wr, messageEmbed as wt, hudTextAction as x, useTapActivation as xa, PanelScrollContent as xi, MessageItemAttachments as xn, MobileNavServerPopoverRowBody as xr, MessageEmbedContent as xt, inboxItem as y, panelToggleAction as ya, PanelFooter as yi, MessageItemSenderGroup as yn, MobileNavServerPopoverList as yr, MessageQuotedPreviewUnavailable as yt, cancelDrag as z, controlIconInset as za, ListRowIcon as zi, AvatarImage as zn, HoldThenMoveTouchSensor as zr, MessageReferenceText as zt };
|
package/dist/index.d.mts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { $a as PopoverViewport, $i as TooltipProvider, $n as MessageItemBadgeSeparatorProps, $o as CheckboxIndicator, $r as MessageItem, $s as DialogOverlay, $t as MessageMultiSelectToolbarProps, A as InboxItemTimestamp, Aa as PopoverBackdrop, An as MessageReactionPickerContent, Ao as DropdownMenuProps, Ar as MessageItemSenderProps, As as TextLinkProps, At as MessageQuotedPreviewLoadingProps, B as DragMessages, Ba as PopoverHeader, Bi as PreviewCardProps, Bn as MessageReactionTooltipMeta, Bo as DropdownMenuShortcutProps, Br as MessageItemEditedProps, Bs as DialogCloseProps, Bt as MessageTextSelectionToolbar, C as InboxItemProps, Cn as MessageReactionChipProps, Co as DropdownMenuLabelProps, Cr as MessageItemSender, Cs as ListRowTopProps, Ct as MessageQuotedPreviewChannel, D as InboxItemSenderProps, Di as PreviewCardDescriptionProps, Dn as MessageReactionErrorIndicatorProps, Do as DropdownMenuPopupProps, Dr as MessageItemSenderButtonProps, Ds as TextLink, Dt as MessageQuotedPreviewHeader, E as InboxItemSender, Ei as PreviewCardDescription, En as MessageReactionErrorIndicator, Eo as DropdownMenuPopup, Er as MessageItemSenderButton, Es as RowTone, Et as MessageQuotedPreviewContentProps, F as InboxItemTrailingProps, Fa as PopoverCloseProps, Fn as MessageReactionQuickButtonProps, Fo as DropdownMenuRadioItemIndicatorProps, Fr as MessageItemBody, Ft as MessageQuotedPreviewThreadProps, Ga as PopoverPortalProps, Gi as PreviewCardTrigger, Gn as MessageReactionTooltipNameTextProps, Go as DropdownMenuTrigger, Gr as MessageItemSearchMatch, Gs as DialogFooter, Gt as MessageTextSelectionToolbarSeparatorProps, Ha as PopoverPopup, Hi as PreviewCardSeparatorProps, Hn as MessageReactionTooltipName, Ho as DropdownMenuSubmenuProps, Hr as MessageItemEmbeddedProps, Hs as DialogContentProps, Ht as MessageTextSelectionToolbarButtonProps, I as InboxItemTrigger, Ia as PopoverContent, Ii as PreviewCardPopup, In as MessageReactionQuickRow, Io as DropdownMenuRadioItemProps, Ir as MessageItemBodyProps, Is as Dialog, It as MessageQuotedPreviewTimestamp, Ja as PopoverSeparatorProps, Ji as TooltipContent, Jn as MessageReactionTooltipSeparator, Jo as KbdGroup, Jr as MessageItemAvatarSlotProps, Js as DialogFooterProps, Jt as MessageMultiSelectCheckboxProps, Ka as PopoverProps, Ki as PreviewCardTriggerProps, Kn as MessageReactionTooltipNames, Ko as DropdownMenuTriggerProps, Kr as MessageItemSearchMatchProps, Kt as MessageMultiSelect, L as InboxItemTriggerProps, La as PopoverContentProps, Li as PreviewCardPopupProps, Ln as MessageReactionQuickRowProps, Lo as DropdownMenuSeparator, Lr as MessageItemContent, Ls as DialogBody, Lt as MessageQuotedPreviewTimestampProps, M as InboxItemTitle, Mi as PreviewCardHeader, Mn as MessageReactionPickerStatic, Mo as DropdownMenuRadioGroupProps, Mr as MessageItemTimeProps, Mt as MessageQuotedPreviewText, N as InboxItemTitleProps, Ni as PreviewCardHeaderProps, Nn as MessageReactionPickerStaticProps, No as DropdownMenuRadioItem, Nr as MessageItemAttachments, Nt as MessageQuotedPreviewTextProps, O as InboxItemSubtitle, Oa as PopoverArrow, On as MessageReactionGlyph, Oo as DropdownMenuPortal, Or as MessageItemSenderGroup, Os as TextLinkExternalIcon, Ot as MessageQuotedPreviewHeaderProps, P as InboxItemTrailing, Pa as PopoverClose, Pn as MessageReactionQuickButton, Po as DropdownMenuRadioItemIndicator, Pr as MessageItemAttachmentsProps, Pt as MessageQuotedPreviewThread, Qa as PopoverTriggerProps, Qi as TooltipProps, Qn as MessageItemBadgeSeparator, Qo as BadgeProps, Qr as MessageItemGutterProps, Qs as DialogNavProps, Qt as MessageMultiSelectToolbarActionsProps, Ra as PopoverDescription, Ri as PreviewCardPortal, Rn as MessageReactionTooltipContent, Ro as DropdownMenuSeparatorProps, Rr as MessageItemContentProps, Rs as DialogBodyProps, Rt as MessageQuotedPreviewUnavailable, S as InboxItemMetadataProps, Sn as MessageReactionChip, So as DropdownMenuLabel, Sr as MessageItemMetaProps, Ss as ListRowTop, St as MessageQuotedPreviewAuthorProps, T as InboxItemSelectionProps, Ta as Popover, Ti as PreviewCardContentProps, Tn as MessageReactionCountProps, Tr as MessageItemSenderBadgesProps, Ts as ListRowValueProps, Tt as MessageQuotedPreviewContent, Ua as PopoverPopupProps, Ui as PreviewCardTitle, Un as MessageReactionTooltipNameProps, Uo as DropdownMenuSubmenuTrigger, Ur as MessageItemFooter, Us as DialogDescription, Ut as MessageTextSelectionToolbarProps, Va as PopoverHeaderProps, Vi as PreviewCardSeparator, Vn as MessageReactionTooltipMetaProps, Vo as DropdownMenuSubmenu, Vr as MessageItemEmbedded, Vs as DialogContent, Vt as MessageTextSelectionToolbarButton, Wa as PopoverPortal, Wi as PreviewCardTitleProps, Wn as MessageReactionTooltipNameText, Wo as DropdownMenuSubmenuTriggerProps, Wr as MessageItemFooterProps, Ws as DialogDescriptionProps, Wt as MessageTextSelectionToolbarSeparator, Xa as PopoverTitleProps, Xi as TooltipPortal, Xn as MessageItemBadge, Xo as KbdProps, Xr as MessageItemContinuationTimeProps, Xs as DialogHeaderProps, Xt as MessageMultiSelectToolbar, Ya as PopoverTitle, Yi as TooltipContentProps, Yn as MessageReactionTooltipSeparatorProps, Yo as KbdGroupProps, Yr as MessageItemContinuationTime, Ys as DialogHeader, Yt as MessageMultiSelectProps, Za as PopoverTrigger, Zi as TooltipPortalProps, Zn as MessageItemBadgeProps, Zo as Badge, Zr as MessageItemGutter, Zs as DialogNav, Zt as MessageMultiSelectToolbarActions, _ as InboxItemMarks, _c as DeprecatedButtonSize, _i as PreviewCard, _n as MessageReferenceUnavailableProps, _o as DropdownMenuItemCount, _r as MessageItemHeader, _s as ListRowMeta, a as InboxItemBodyProps, ai as AvatarFallback, an as MessageReferenceIndicatorProps, ao as MobileNavRoot, ar as MessageItemToolbar, as as ListRowBody, at as MessageListHistoryLimitedProps, b as InboxItemMessageProps, bc as DataAttributes$1, bi as PreviewCardArrow, bn as MessageReactionAddButton, bo as DropdownMenuItemLabelProps, br as MessageItemInlineStatusProps, bs as ListRowTitle, bt as MessageQuotedPreviewAuthorName, c as InboxItemContext, cc as DialogTitle, cn as MessageReferencePending, co as DropdownMenuCheckboxItem, cr as MessageItemToolbarProps, cs as ListRowBottomProps, ct as MessageList, d as InboxItemHeading, dc as DialogTriggerProps, di as AvatarGroupCountProps, dn as MessageReferenceReadMarkProps, do as DropdownMenuCheckboxItemProps, ds as ListRowDescription, dt as MessageQuotedPreviewAttachment, ea as TooltipProviderProps, ec as DialogOverlayProps, ei as MessageItemProps, en as MessageReferenceChip, eo as PopoverViewportProps, er as MessageItemBadgeStatus, es as CheckboxIndicatorProps, et as MessageListDateDivider, f as InboxItemHeadingProps, fc as PanelAction, fi as AvatarGroupProps, fn as MessageReferenceSuffix, fo as DropdownMenuContent, fs as ListRowDescriptionProps, ft as MessageQuotedPreviewAttachmentProps, g as InboxItemLeadingProps, gc as ButtonSize, gi as AvatarSize, gn as MessageReferenceUnavailable, go as DropdownMenuItem, gs as ListRowIconProps, h as InboxItemLeading, hc as ButtonProps, hi as AvatarProps, hn as MessageReferenceTextProps, ho as DropdownMenuFooterProps, hs as ListRowIcon, ht as MessageQuotedPreviewAuthor, i as InboxItemBody, ii as AvatarBadgeProps, in as MessageReferenceIndicator, io as MobileNavLabelProps, ir as MessageItemSavedIndicatorProps, is as ListRow, it as MessageListHistoryLimited, j as InboxItemTimestampProps, ja as PopoverBackdropProps, jn as MessageReactionPickerContentProps, jo as DropdownMenuRadioGroup, jr as MessageItemTime, js as textLinkVariants, jt as MessageQuotedPreviewProps, k as InboxItemSubtitleProps, ka as PopoverArrowProps, kn as MessageReactionGlyphProps, ko as DropdownMenuPortalProps, kr as MessageItemSenderGroupProps, ks as TextLinkExternalIconProps, kt as MessageQuotedPreviewLoading, l as InboxItemContextProps, lc as DialogTitleProps, ln as MessageReferencePendingProps, lo as DropdownMenuCheckboxItemIndicator, ls as ListRowChevron, lt as MessageListProps, m as InboxItemHoverTargetProps, mc as Button, mi as AvatarImageProps, mn as MessageReferenceText, mo as DropdownMenuFooter, ms as ListRowGroupProps, mt as MessageQuotedPreviewAttachmentsProps, n as InboxItemActions, na as TooltipTriggerProps, nc as DialogPortalProps, ni as AvatarBadge, no as MobileNavItemProps, nr as MessageItemReadReceiptProps, ns as CheckboxProps, nt as MessageListEndFade, o as InboxItemContent, oc as DialogSurface, oi as AvatarFallbackProps, on as MessageReferenceLabel, oo as MobileNavRootProps, or as MessageItemToolbarButton, os as ListRowBodyProps, ot as MessageListNotice, p as InboxItemHoverTarget, pc as PanelActionProps, pi as AvatarImage, pn as MessageReferenceSuffixProps, po as DropdownMenuContentProps, ps as ListRowGroup, pt as MessageQuotedPreviewAttachments, qa as PopoverSeparator, qi as Tooltip, qn as MessageReactionTooltipNamesProps, qo as Kbd, qr as MessageItemAvatarSlot, qt as MessageMultiSelectCheckbox, r as InboxItemActionsProps, rc as DialogProps, ri as AvatarBadgeOffset, ro as MobileNavLabel, rr as MessageItemSavedIndicator, rs as Presence, rt as MessageListEndFadeProps, s as InboxItemContentProps, sc as DialogSurfaceProps, si as AvatarGroup, sn as MessageReferenceLabelProps, so as DropdownMenu, sr as MessageItemToolbarButtonProps, ss as ListRowBottom, st as MessageListNoticeProps, t as InboxItem, ta as TooltipTrigger, tc as DialogPortal, ti as Avatar, tn as MessageReferenceChipProps, to as MobileNavItem, tr as MessageItemReadReceipt, ts as Checkbox, tt as MessageListDateDividerProps, u as InboxItemDensity, uc as DialogTrigger, ui as AvatarGroupCount, un as MessageReferenceReadMark, uo as DropdownMenuCheckboxItemIndicatorProps, us as ListRowChevronProps, ut as MessageQuotedPreview, v as InboxItemMarksProps, vc as buttonVariants, vn as MessageReferenceChipVariant, vo as DropdownMenuItemCountProps, vr as MessageItemHeaderProps, vs as ListRowMetaProps, vt as MessageQuotedPreviewAuthorMeta, w as InboxItemSelection, wi as PreviewCardContent, wn as MessageReactionCount, wr as MessageItemSenderBadges, ws as ListRowValue, wt as MessageQuotedPreviewChannelProps, x as InboxItemMetadata, xc as StyledProps, xi as PreviewCardArrowProps, xn as MessageReactionAddButtonProps, xo as DropdownMenuItemProps, xr as MessageItemMeta, xs as ListRowTitleProps, xt as MessageQuotedPreviewAuthorNameProps, y as InboxItemMessage, yc as VariantProps, yn as MessageReferenceTextVariant, yo as DropdownMenuItemLabel, yr as MessageItemInlineStatus, ys as ListRowProps, yt as MessageQuotedPreviewAuthorMetaProps, z as DragAnnouncementSource, za as PopoverDescriptionProps, zi as PreviewCardPortalProps, zn as MessageReactionTooltipContentProps, zo as DropdownMenuShortcut, zr as MessageItemEdited, zs as DialogClose, zt as MessageQuotedPreviewUnavailableProps } from "./inbox-item-VkYFHY84.mjs";
|
|
1
|
+
import { $a as PopoverViewport, $i as TooltipProvider, $n as MessageItemBadgeSeparatorProps, $o as CheckboxIndicator, $r as MessageItem, $s as DialogOverlay, $t as MessageMultiSelectToolbarProps, A as InboxItemTimestamp, Aa as PopoverBackdrop, An as MessageReactionPickerContent, Ao as DropdownMenuProps, Ar as MessageItemSenderProps, As as TextLinkProps, At as MessageQuotedPreviewLoadingProps, B as DragMessages, Ba as PopoverHeader, Bi as PreviewCardProps, Bn as MessageReactionTooltipMeta, Bo as DropdownMenuShortcutProps, Br as MessageItemEditedProps, Bs as DialogCloseProps, Bt as MessageTextSelectionToolbar, C as InboxItemProps, Cn as MessageReactionChipProps, Co as DropdownMenuLabelProps, Cr as MessageItemSender, Cs as ListRowTopProps, Ct as MessageQuotedPreviewChannel, D as InboxItemSenderProps, Di as PreviewCardDescriptionProps, Dn as MessageReactionErrorIndicatorProps, Do as DropdownMenuPopupProps, Dr as MessageItemSenderButtonProps, Ds as TextLink, Dt as MessageQuotedPreviewHeader, E as InboxItemSender, Ei as PreviewCardDescription, En as MessageReactionErrorIndicator, Eo as DropdownMenuPopup, Er as MessageItemSenderButton, Es as RowTone, Et as MessageQuotedPreviewContentProps, F as InboxItemTrailingProps, Fa as PopoverCloseProps, Fn as MessageReactionQuickButtonProps, Fo as DropdownMenuRadioItemIndicatorProps, Fr as MessageItemBody, Ft as MessageQuotedPreviewThreadProps, Ga as PopoverPortalProps, Gi as PreviewCardTrigger, Gn as MessageReactionTooltipNameTextProps, Go as DropdownMenuTrigger, Gr as MessageItemSearchMatch, Gs as DialogFooter, Gt as MessageTextSelectionToolbarSeparatorProps, Ha as PopoverPopup, Hi as PreviewCardSeparatorProps, Hn as MessageReactionTooltipName, Ho as DropdownMenuSubmenuProps, Hr as MessageItemEmbeddedProps, Hs as DialogContentProps, Ht as MessageTextSelectionToolbarButtonProps, I as InboxItemTrigger, Ia as PopoverContent, Ii as PreviewCardPopup, In as MessageReactionQuickRow, Io as DropdownMenuRadioItemProps, Ir as MessageItemBodyProps, Is as Dialog, It as MessageQuotedPreviewTimestamp, Ja as PopoverSeparatorProps, Ji as TooltipContent, Jn as MessageReactionTooltipSeparator, Jo as KbdGroup, Jr as MessageItemAvatarSlotProps, Js as DialogFooterProps, Jt as MessageMultiSelectCheckboxProps, Ka as PopoverProps, Ki as PreviewCardTriggerProps, Kn as MessageReactionTooltipNames, Ko as DropdownMenuTriggerProps, Kr as MessageItemSearchMatchProps, Kt as MessageMultiSelect, L as InboxItemTriggerProps, La as PopoverContentProps, Li as PreviewCardPopupProps, Ln as MessageReactionQuickRowProps, Lo as DropdownMenuSeparator, Lr as MessageItemContent, Ls as DialogBody, Lt as MessageQuotedPreviewTimestampProps, M as InboxItemTitle, Mi as PreviewCardHeader, Mn as MessageReactionPickerStatic, Mo as DropdownMenuRadioGroupProps, Mr as MessageItemTimeProps, Mt as MessageQuotedPreviewText, N as InboxItemTitleProps, Ni as PreviewCardHeaderProps, Nn as MessageReactionPickerStaticProps, No as DropdownMenuRadioItem, Nr as MessageItemAttachments, Nt as MessageQuotedPreviewTextProps, O as InboxItemSubtitle, Oa as PopoverArrow, On as MessageReactionGlyph, Oo as DropdownMenuPortal, Or as MessageItemSenderGroup, Os as TextLinkExternalIcon, Ot as MessageQuotedPreviewHeaderProps, P as InboxItemTrailing, Pa as PopoverClose, Pn as MessageReactionQuickButton, Po as DropdownMenuRadioItemIndicator, Pr as MessageItemAttachmentsProps, Pt as MessageQuotedPreviewThread, Qa as PopoverTriggerProps, Qi as TooltipProps, Qn as MessageItemBadgeSeparator, Qo as BadgeProps, Qr as MessageItemGutterProps, Qs as DialogNavProps, Qt as MessageMultiSelectToolbarActionsProps, Ra as PopoverDescription, Ri as PreviewCardPortal, Rn as MessageReactionTooltipContent, Ro as DropdownMenuSeparatorProps, Rr as MessageItemContentProps, Rs as DialogBodyProps, Rt as MessageQuotedPreviewUnavailable, S as InboxItemMetadataProps, Sn as MessageReactionChip, So as DropdownMenuLabel, Sr as MessageItemMetaProps, Ss as ListRowTop, St as MessageQuotedPreviewAuthorProps, T as InboxItemSelectionProps, Ta as Popover, Ti as PreviewCardContentProps, Tn as MessageReactionCountProps, Tr as MessageItemSenderBadgesProps, Ts as ListRowValueProps, Tt as MessageQuotedPreviewContent, Ua as PopoverPopupProps, Ui as PreviewCardTitle, Un as MessageReactionTooltipNameProps, Uo as DropdownMenuSubmenuTrigger, Ur as MessageItemFooter, Us as DialogDescription, Ut as MessageTextSelectionToolbarProps, Va as PopoverHeaderProps, Vi as PreviewCardSeparator, Vn as MessageReactionTooltipMetaProps, Vo as DropdownMenuSubmenu, Vr as MessageItemEmbedded, Vs as DialogContent, Vt as MessageTextSelectionToolbarButton, Wa as PopoverPortal, Wi as PreviewCardTitleProps, Wn as MessageReactionTooltipNameText, Wo as DropdownMenuSubmenuTriggerProps, Wr as MessageItemFooterProps, Ws as DialogDescriptionProps, Wt as MessageTextSelectionToolbarSeparator, Xa as PopoverTitleProps, Xi as TooltipPortal, Xn as MessageItemBadge, Xo as KbdProps, Xr as MessageItemContinuationTimeProps, Xs as DialogHeaderProps, Xt as MessageMultiSelectToolbar, Ya as PopoverTitle, Yi as TooltipContentProps, Yn as MessageReactionTooltipSeparatorProps, Yo as KbdGroupProps, Yr as MessageItemContinuationTime, Ys as DialogHeader, Yt as MessageMultiSelectProps, Za as PopoverTrigger, Zi as TooltipPortalProps, Zn as MessageItemBadgeProps, Zo as Badge, Zr as MessageItemGutter, Zs as DialogNav, Zt as MessageMultiSelectToolbarActions, _ as InboxItemMarks, _c as DeprecatedButtonSize, _i as PreviewCard, _n as MessageReferenceUnavailableProps, _o as DropdownMenuItemCount, _r as MessageItemHeader, _s as ListRowMeta, a as InboxItemBodyProps, ai as AvatarFallback, an as MessageReferenceIndicatorProps, ao as MobileNavRoot, ar as MessageItemToolbar, as as ListRowBody, at as MessageListHistoryLimitedProps, b as InboxItemMessageProps, bc as DataAttributes$1, bi as PreviewCardArrow, bn as MessageReactionAddButton, bo as DropdownMenuItemLabelProps, br as MessageItemInlineStatusProps, bs as ListRowTitle, bt as MessageQuotedPreviewAuthorName, c as InboxItemContext, cc as DialogTitle, cn as MessageReferencePending, co as DropdownMenuCheckboxItem, cr as MessageItemToolbarProps, cs as ListRowBottomProps, ct as MessageList, d as InboxItemHeading, dc as DialogTriggerProps, di as AvatarGroupCountProps, dn as MessageReferenceReadMarkProps, do as DropdownMenuCheckboxItemProps, ds as ListRowDescription, dt as MessageQuotedPreviewAttachment, ea as TooltipProviderProps, ec as DialogOverlayProps, ei as MessageItemProps, en as MessageReferenceChip, eo as PopoverViewportProps, er as MessageItemBadgeStatus, es as CheckboxIndicatorProps, et as MessageListDateDivider, f as InboxItemHeadingProps, fc as PanelAction, fi as AvatarGroupProps, fn as MessageReferenceSuffix, fo as DropdownMenuContent, fs as ListRowDescriptionProps, ft as MessageQuotedPreviewAttachmentProps, g as InboxItemLeadingProps, gc as ButtonSize, gi as AvatarSize, gn as MessageReferenceUnavailable, go as DropdownMenuItem, gs as ListRowIconProps, h as InboxItemLeading, hc as ButtonProps, hi as AvatarProps, hn as MessageReferenceTextProps, ho as DropdownMenuFooterProps, hs as ListRowIcon, ht as MessageQuotedPreviewAuthor, i as InboxItemBody, ii as AvatarBadgeProps, in as MessageReferenceIndicator, io as MobileNavLabelProps, ir as MessageItemSavedIndicatorProps, is as ListRow, it as MessageListHistoryLimited, j as InboxItemTimestampProps, ja as PopoverBackdropProps, jn as MessageReactionPickerContentProps, jo as DropdownMenuRadioGroup, jr as MessageItemTime, js as textLinkVariants, jt as MessageQuotedPreviewProps, k as InboxItemSubtitleProps, ka as PopoverArrowProps, kn as MessageReactionGlyphProps, ko as DropdownMenuPortalProps, kr as MessageItemSenderGroupProps, ks as TextLinkExternalIconProps, kt as MessageQuotedPreviewLoading, l as InboxItemContextProps, lc as DialogTitleProps, ln as MessageReferencePendingProps, lo as DropdownMenuCheckboxItemIndicator, ls as ListRowChevron, lt as MessageListProps, m as InboxItemHoverTargetProps, mc as Button, mi as AvatarImageProps, mn as MessageReferenceText, mo as DropdownMenuFooter, ms as ListRowGroupProps, mt as MessageQuotedPreviewAttachmentsProps, n as InboxItemActions, na as TooltipTriggerProps, nc as DialogPortalProps, ni as AvatarBadge, no as MobileNavItemProps, nr as MessageItemReadReceiptProps, ns as CheckboxProps, nt as MessageListEndFade, o as InboxItemContent, oc as DialogSurface, oi as AvatarFallbackProps, on as MessageReferenceLabel, oo as MobileNavRootProps, or as MessageItemToolbarButton, os as ListRowBodyProps, ot as MessageListNotice, p as InboxItemHoverTarget, pc as PanelActionProps, pi as AvatarImage, pn as MessageReferenceSuffixProps, po as DropdownMenuContentProps, ps as ListRowGroup, pt as MessageQuotedPreviewAttachments, qa as PopoverSeparator, qi as Tooltip, qn as MessageReactionTooltipNamesProps, qo as Kbd, qr as MessageItemAvatarSlot, qt as MessageMultiSelectCheckbox, r as InboxItemActionsProps, rc as DialogProps, ri as AvatarBadgeOffset, ro as MobileNavLabel, rr as MessageItemSavedIndicator, rs as Presence, rt as MessageListEndFadeProps, s as InboxItemContentProps, sc as DialogSurfaceProps, si as AvatarGroup, sn as MessageReferenceLabelProps, so as DropdownMenu, sr as MessageItemToolbarButtonProps, ss as ListRowBottom, st as MessageListNoticeProps, t as InboxItem, ta as TooltipTrigger, tc as DialogPortal, ti as Avatar, tn as MessageReferenceChipProps, to as MobileNavItem, tr as MessageItemReadReceipt, ts as Checkbox, tt as MessageListDateDividerProps, u as InboxItemDensity, uc as DialogTrigger, ui as AvatarGroupCount, un as MessageReferenceReadMark, uo as DropdownMenuCheckboxItemIndicatorProps, us as ListRowChevronProps, ut as MessageQuotedPreview, v as InboxItemMarksProps, vc as buttonVariants, vn as MessageReferenceChipVariant, vo as DropdownMenuItemCountProps, vr as MessageItemHeaderProps, vs as ListRowMetaProps, vt as MessageQuotedPreviewAuthorMeta, w as InboxItemSelection, wi as PreviewCardContent, wn as MessageReactionCount, wr as MessageItemSenderBadges, ws as ListRowValue, wt as MessageQuotedPreviewChannelProps, x as InboxItemMetadata, xc as StyledProps, xi as PreviewCardArrowProps, xn as MessageReactionAddButtonProps, xo as DropdownMenuItemProps, xr as MessageItemMeta, xs as ListRowTitleProps, xt as MessageQuotedPreviewAuthorNameProps, y as InboxItemMessage, yc as VariantProps, yn as MessageReferenceTextVariant, yo as DropdownMenuItemLabel, yr as MessageItemInlineStatus, ys as ListRowProps, yt as MessageQuotedPreviewAuthorMetaProps, z as DragAnnouncementSource, za as PopoverDescriptionProps, zi as PreviewCardPortalProps, zn as MessageReactionTooltipContentProps, zo as DropdownMenuShortcut, zr as MessageItemEdited, zs as DialogClose, zt as MessageQuotedPreviewUnavailableProps } from "./inbox-item-B4nNvpp1.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";
|
|
@@ -4637,7 +4637,9 @@ export declare function LegacyTaskPanelMetaValue({ className, render, ...props }
|
|
|
4637
4637
|
export type ActivityInboxPanelProps = ComponentPropsWithRef<typeof Panel>;
|
|
4638
4638
|
export declare function ActivityInboxPanel({ className, ...props }: ActivityInboxPanelProps): import("react").JSX.Element;
|
|
4639
4639
|
export type ActivityInboxViewportProps = ComponentPropsWithRef<"div">;
|
|
4640
|
-
|
|
4640
|
+
/** The list's scroller. It publishes its scrollbar's width for the item
|
|
4641
|
+
* cells (useScrollbarSize), so their fills sit 8px from both edges. */
|
|
4642
|
+
export declare function ActivityInboxViewport({ className, ref, ...props }: ActivityInboxViewportProps): import("react").JSX.Element;
|
|
4641
4643
|
export type ActivityInboxLoadingMoreProps = ComponentPropsWithRef<"div">;
|
|
4642
4644
|
export declare function ActivityInboxLoadingMore({ className, ...props }: ActivityInboxLoadingMoreProps): import("react").JSX.Element;
|
|
4643
4645
|
//#endregion
|
|
@@ -4661,7 +4663,9 @@ export declare function SearchShellRoot({ className, edge, render, ...props }: S
|
|
|
4661
4663
|
export type SearchShellFiltersProps = ComponentPropsWithRef<"div">;
|
|
4662
4664
|
export declare function SearchShellFilters({ className, ...props }: SearchShellFiltersProps): import("react").JSX.Element;
|
|
4663
4665
|
export type SearchShellViewportProps = ComponentPropsWithRef<"div">;
|
|
4664
|
-
|
|
4666
|
+
/** The results' scroller. It publishes its scrollbar's width for the result
|
|
4667
|
+
* cells (useScrollbarSize), so their fills sit 8px from both edges. */
|
|
4668
|
+
export declare function SearchShellViewport({ className, ref, ...props }: SearchShellViewportProps): import("react").JSX.Element;
|
|
4665
4669
|
export type SearchResultsSummaryProps = useRender.ComponentProps<"span">;
|
|
4666
4670
|
export declare function SearchResultsSummary({ className, render, ...props }: SearchResultsSummaryProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
4667
4671
|
export type SearchResultsSectionProps = useRender.ComponentProps<"div">;
|
|
@@ -4771,6 +4775,22 @@ export declare const LOCATED_MS = 2000;
|
|
|
4771
4775
|
type LocatedRequest = string | number | null | undefined;
|
|
4772
4776
|
export declare function useLocated(request: LocatedRequest): boolean;
|
|
4773
4777
|
//#endregion
|
|
4778
|
+
//#region src/lib/use-scrollbar-size.d.ts
|
|
4779
|
+
/**
|
|
4780
|
+
* Publishes a scroller's classic scrollbar width as `--scrollbar-size` on the
|
|
4781
|
+
* scroller, for the list cells inside it (lib/list-cell.ts): a cell gives
|
|
4782
|
+
* that much of its 8px end inset back, so its fill sits 8px from both outer
|
|
4783
|
+
* edges of the list whether the scrollbar takes room (a classic scrollbar,
|
|
4784
|
+
* `scrollbar-list`) or not (an overlay scrollbar: 0). CSS alone can't tell
|
|
4785
|
+
* the two apart. The width is kept current while the scroller or one of its
|
|
4786
|
+
* direct children resizes, which is when a scrollbar comes and goes: content
|
|
4787
|
+
* deeper down that grows also grows the child that holds it. A child whose
|
|
4788
|
+
* box keeps its size while its content overflows it would not be seen.
|
|
4789
|
+
*
|
|
4790
|
+
* Returns a ref callback for the scroller.
|
|
4791
|
+
*/
|
|
4792
|
+
export declare function useScrollbarSize<E extends HTMLElement>(): (el: E | null) => void;
|
|
4793
|
+
//#endregion
|
|
4774
4794
|
//#region src/lib/theme/theme-context.d.ts
|
|
4775
4795
|
/** Colour mode. Raft is the only visual family; "system" follows the OS. */
|
|
4776
4796
|
type ThemeMode = "light" | "dark" | "system";
|