@botiverse/raft-ui 0.21.0 → 0.21.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +61 -0
- package/dist/{touch-drag-B7uLTWXe.mjs → inbox-item.recipe-CuJPcy-3.mjs} +205 -6
- package/dist/{index-CP05_pvu.d.mts → index-C1FHbVfH.d.mts} +20 -1
- package/dist/index.d.mts +10 -3
- package/dist/index.mjs +51 -181
- package/dist/styles.css +11 -2
- package/dist/wip.d.mts +123 -2
- package/dist/wip.mjs +149 -2
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { cn } from "./cn.mjs";
|
|
2
|
-
import { $ as
|
|
2
|
+
import { $ as MessageReactionPickerStatic, $n as DialogTitle, $t as DropdownMenuFooter, A as MessageEmbedFooter, An as useMobileViewport, At as MessageItemEmbedded, B as MessageReferenceChip, Bn as textLinkVariants, Bt as AvatarFallback, C as MessageQuotedPreviewLoading, Cn as PanelSection, Ct as MessageItemSenderButton, D as MessageQuotedPreviewUnavailable, Dn as ScrollAreaScrollbar, Dt as MessageItemBody, E as MessageQuotedPreviewTimestamp, En as ScrollAreaCorner, Et as MessageItemAttachments, F as MessageTextSelectionToolbarSeparator, Fn as TooltipContent, Ft as MessageItemGutter, G as MessageReferenceText, Gn as DialogContent, H as MessageReferenceLabel, Hn as Dialog, Ht as AvatarGroupCount, I as MessageMultiSelect, In as TooltipPortal, It as MessageItem, J as MessageReactionChip, Jn as DialogHeader, K as MessageReferenceUnavailable, Kn as DialogDescription, L as MessageMultiSelectCheckbox, Ln as TooltipProvider, Lt as searchHit, M as messageEmbed, Mn as CheckboxIndicator, Mt as MessageItemSearchMatch, N as MessageTextSelectionToolbar, Nn as PRESENCE_COLOR, Nt as MessageItemAvatarSlot, O as MessageEmbed, On as ScrollAreaThumb, Ot as MessageItemContent, P as MessageTextSelectionToolbarButton, Pn as Tooltip, Pt as MessageItemContinuationTime, Q as MessageReactionPickerContent, Qn as DialogSurface, Qt as DropdownMenuContent, R as MessageMultiSelectToolbar, Rn as TooltipTrigger, Rt as Avatar, S as MessageQuotedPreviewHeader, Sn as PanelScrollViewport, St as MessageItemSenderBadges, T as MessageQuotedPreviewThread, Tn as ScrollAreaContent, Tt as MessageItemTime, U as MessageReferencePending, Un as DialogBody, Ut as AvatarImage, V as MessageReferenceIndicator, Vn as Badge, Vt as AvatarGroup, W as MessageReferenceSuffix, Wn as DialogClose, Wt as useOverflowTitle, X as MessageReactionErrorIndicator, Xn as DialogOverlay, Xt as DropdownMenuCheckboxItem, Y as MessageReactionCount, Yn as DialogNav, Yt as DropdownMenu, Z as MessageReactionGlyph, Zn as DialogPortal, Zt as DropdownMenuCheckboxItemIndicator, _n as Panel, an as DropdownMenuPopup, ar as useParentOverlayKind, at as MessageReactionTooltipNameText, b as MessageQuotedPreviewChannel, bn as PanelHeaderRoot, bt as MessageItemMeta, c as MessageListDateDivider, cn as DropdownMenuRadioItem, cr as useThemeScopeProps, ct as MessageItemBadge, d as MessageListNotice, dn as DropdownMenuShortcut, dr as tv, dt as MessageItemSavedIndicator, en as DropdownMenuItem, er as DialogTrigger, et as MessageReactionQuickButton, f as MessageList, fn as DropdownMenuSubmenu, fr as controlIconInset, ft as MessageItemToolbar, g as MessageQuotedPreviewAuthor, gn as KbdGroup, h as MessageQuotedPreviewAttachments, hn as Kbd, hr as decisionWidth, ir as defaultNativeButton, it as MessageReactionTooltipName, j as MessageEmbedHeader, jn as Checkbox, jt as MessageItemFooter, k as MessageEmbedContent, kn as ScrollAreaViewport, kt as MessageItemEdited, l as MessageListEndFade, ln as DropdownMenuRadioItemIndicator, lr as useTheme, lt as MessageItemBadgeSeparator, m as MessageQuotedPreviewAttachment, mn as DropdownMenuTrigger, mr as headEdges, n as useHoldThenMoveTouchSensor, nn as DropdownMenuItemLabel, nr as buttonVariants, nt as MessageReactionTooltipContent, on as DropdownMenuPortal, or as withOverlayLayer, ot as MessageReactionTooltipNames, p as MessageQuotedPreview, pn as DropdownMenuSubmenuTrigger, pr as headEdgePull, pt as MessageItemToolbarButton, q as MessageReactionAddButton, qn as DialogFooter, r as useMouseOnlyPointerSensor, rn as DropdownMenuLabel, rr as Spinner, rt as MessageReactionTooltipMeta, sn as DropdownMenuRadioGroup, sr as resolveThemeScopeProps, st as MessageReactionTooltipSeparator, t as inboxItem, tn as DropdownMenuItemCount, tr as Button, tt as MessageReactionQuickRow, u as MessageListHistoryLimited, un as DropdownMenuSeparator, ur as ThemeStateContext, ut as MessageItemReadReceipt, v as MessageQuotedPreviewAuthorMeta, vn as PanelBody, vt as MessageItemHeader, w as MessageQuotedPreviewText, wn as ScrollArea, wt as MessageItemSenderGroup, x as MessageQuotedPreviewContent, xn as PanelScrollContent, xt as MessageItemSender, y as MessageQuotedPreviewAuthorName, yn as PanelFooter, yt as MessageItemInlineStatus, z as MessageMultiSelectToolbarActions, zn as TextLink, zt as AvatarBadge } from "./inbox-item.recipe-CuJPcy-3.mjs";
|
|
3
3
|
import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
|
|
4
4
|
import { AlertTriangle, Bell, Check, CheckCircle2, ChevronDown, ChevronLeft, ChevronRight, Copy, FileText, Image, Info, 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";
|
|
@@ -1018,20 +1018,7 @@ const listRow = tv({
|
|
|
1018
1018
|
variants: {
|
|
1019
1019
|
variant: {
|
|
1020
1020
|
default: { root: ["min-h-16 [--list-row-rule-start:63px]", hairline] },
|
|
1021
|
-
plain: { root: [
|
|
1022
|
-
"[--list-row-rule-start:16px]",
|
|
1023
|
-
hairline,
|
|
1024
|
-
"has-data-[slot=list-row-description]:[--list-row-ends:start]",
|
|
1025
|
-
"has-data-[slot=list-row-description]:[--list-row-end-shift:calc(var(--text-body--line-height)/2-50%)]",
|
|
1026
|
-
"*:data-[slot=list-row-icon]:[align-self:var(--list-row-ends,center)] *:data-[slot=list-row-icon]:translate-y-(--list-row-end-shift,0)",
|
|
1027
|
-
"*:data-[slot=avatar]:[align-self:var(--list-row-ends,center)] *:data-[slot=avatar]:translate-y-(--list-row-end-shift,0)",
|
|
1028
|
-
"*:data-[slot=icon-tile]:[align-self:var(--list-row-ends,center)] *:data-[slot=icon-tile]:translate-y-(--list-row-end-shift,0)",
|
|
1029
|
-
"*:data-[slot=switch]:[align-self:var(--list-row-ends,center)] *:data-[slot=switch]:translate-y-(--list-row-end-shift,0)",
|
|
1030
|
-
"*:data-[slot=checkbox]:[align-self:var(--list-row-ends,center)] *:data-[slot=checkbox]:translate-y-(--list-row-end-shift,0)",
|
|
1031
|
-
"*:data-[slot=radio-group-item]:[align-self:var(--list-row-ends,center)] *:data-[slot=radio-group-item]:translate-y-(--list-row-end-shift,0)",
|
|
1032
|
-
"*:data-[slot=list-row-value]:[align-self:var(--list-row-ends,center)] *:data-[slot=list-row-value]:translate-y-(--list-row-end-shift,0)",
|
|
1033
|
-
"*:data-[slot=list-row-chevron]:[align-self:var(--list-row-ends,center)] *:data-[slot=list-row-chevron]:translate-y-(--list-row-end-shift,0)"
|
|
1034
|
-
] },
|
|
1021
|
+
plain: { root: ["[--list-row-rule-start:16px]", hairline] },
|
|
1035
1022
|
entry: { root: "" }
|
|
1036
1023
|
},
|
|
1037
1024
|
interactive: {
|
|
@@ -1224,13 +1211,13 @@ const status = tv({
|
|
|
1224
1211
|
variants: {
|
|
1225
1212
|
variant: {
|
|
1226
1213
|
default: { root: "[--status-color:var(--presence-offline)]" },
|
|
1227
|
-
primary: { root: "[--status-color:var(--
|
|
1228
|
-
information: { root: "[--status-color:var(--
|
|
1229
|
-
muted: { root: "[--status-color:var(--
|
|
1230
|
-
accent: { root: "[--status-color:var(--
|
|
1231
|
-
success: { root: "[--status-color:var(--
|
|
1232
|
-
warning: { root: "[--status-color:var(--
|
|
1233
|
-
danger: { root: "[--status-color:var(--
|
|
1214
|
+
primary: { root: "[--status-color:var(--brand-400)]" },
|
|
1215
|
+
information: { root: "[--status-color:var(--info)]" },
|
|
1216
|
+
muted: { root: "[--status-color:var(--secondary-400)]" },
|
|
1217
|
+
accent: { root: "[--status-color:var(--attention-400)]" },
|
|
1218
|
+
success: { root: "[--status-color:var(--success)]" },
|
|
1219
|
+
warning: { root: "[--status-color:var(--warning)]" },
|
|
1220
|
+
danger: { root: "[--status-color:var(--danger)]" }
|
|
1234
1221
|
},
|
|
1235
1222
|
size: {
|
|
1236
1223
|
xs: { root: "size-1.5 rounded-[1px] border" },
|
|
@@ -4906,18 +4893,33 @@ const segmentedControl = tv({
|
|
|
4906
4893
|
label: ["truncate"],
|
|
4907
4894
|
count: ["font-mono", "text-mono-meta font-normal"]
|
|
4908
4895
|
},
|
|
4909
|
-
variants: {
|
|
4910
|
-
|
|
4911
|
-
|
|
4912
|
-
|
|
4913
|
-
|
|
4914
|
-
|
|
4915
|
-
|
|
4916
|
-
|
|
4896
|
+
variants: {
|
|
4897
|
+
variant: {
|
|
4898
|
+
default: {},
|
|
4899
|
+
"on-frame": { root: [
|
|
4900
|
+
"bg-fill-frame-medium",
|
|
4901
|
+
"**:data-[slot=segmented-control-item]:text-foreground-on-frame-muted **:data-[slot=segmented-control-item]:hover:text-foreground-on-frame",
|
|
4902
|
+
"**:data-[slot=segmented-control-item]:hover:bg-transparent **:data-[slot=segmented-control-item]:hover:overlay-frame-medium **:data-[slot=segmented-control-item]:active:bg-transparent **:data-[slot=segmented-control-item]:active:overlay-frame-medium",
|
|
4903
|
+
"**:data-[slot=segmented-control-item]:data-checked:border-line-frame-active **:data-[slot=segmented-control-item]:data-checked:bg-layer-frame-active **:data-[slot=segmented-control-item]:data-checked:text-foreground-on-frame-active",
|
|
4904
|
+
"**:data-[slot=segmented-control-item]:data-checked:hover:bg-layer-frame-active **:data-[slot=segmented-control-item]:data-checked:hover:bg-none **:data-[slot=segmented-control-item]:data-checked:active:bg-layer-frame-active"
|
|
4905
|
+
] }
|
|
4906
|
+
},
|
|
4907
|
+
iconsOnlyBelow: {
|
|
4908
|
+
xs: { root: ["@max-xs:**:data-[slot=segmented-control-item]:relative @max-xs:**:data-[slot=segmented-control-item]:w-8 @max-xs:**:data-[slot=segmented-control-item]:px-0", "@max-xs:**:data-[slot=segmented-control-label]:sr-only @max-xs:**:data-[slot=segmented-control-count]:sr-only"] },
|
|
4909
|
+
sm: { root: ["@max-sm:**:data-[slot=segmented-control-item]:relative @max-sm:**:data-[slot=segmented-control-item]:w-8 @max-sm:**:data-[slot=segmented-control-item]:px-0", "@max-sm:**:data-[slot=segmented-control-label]:sr-only @max-sm:**:data-[slot=segmented-control-count]:sr-only"] },
|
|
4910
|
+
md: { root: ["@max-md:**:data-[slot=segmented-control-item]:relative @max-md:**:data-[slot=segmented-control-item]:w-8 @max-md:**:data-[slot=segmented-control-item]:px-0", "@max-md:**:data-[slot=segmented-control-label]:sr-only @max-md:**:data-[slot=segmented-control-count]:sr-only"] },
|
|
4911
|
+
lg: { root: ["@max-lg:**:data-[slot=segmented-control-item]:relative @max-lg:**:data-[slot=segmented-control-item]:w-8 @max-lg:**:data-[slot=segmented-control-item]:px-0", "@max-lg:**:data-[slot=segmented-control-label]:sr-only @max-lg:**:data-[slot=segmented-control-count]:sr-only"] },
|
|
4912
|
+
xl: { root: ["@max-xl:**:data-[slot=segmented-control-item]:relative @max-xl:**:data-[slot=segmented-control-item]:w-8 @max-xl:**:data-[slot=segmented-control-item]:px-0", "@max-xl:**:data-[slot=segmented-control-label]:sr-only @max-xl:**:data-[slot=segmented-control-count]:sr-only"] },
|
|
4913
|
+
"2xl": { root: ["@max-2xl:**:data-[slot=segmented-control-item]:relative @max-2xl:**:data-[slot=segmented-control-item]:w-8 @max-2xl:**:data-[slot=segmented-control-item]:px-0", "@max-2xl:**:data-[slot=segmented-control-label]:sr-only @max-2xl:**:data-[slot=segmented-control-count]:sr-only"] }
|
|
4914
|
+
}
|
|
4915
|
+
}
|
|
4917
4916
|
});
|
|
4918
4917
|
const SegmentedControlIconsOnlyContext = createContext(false);
|
|
4919
|
-
function SegmentedControl({ disabled = false, iconsOnlyBelow, className, ...props }) {
|
|
4920
|
-
const { root } = segmentedControl({
|
|
4918
|
+
function SegmentedControl({ disabled = false, iconsOnlyBelow, variant = "default", className, ...props }) {
|
|
4919
|
+
const { root } = segmentedControl({
|
|
4920
|
+
iconsOnlyBelow,
|
|
4921
|
+
variant
|
|
4922
|
+
});
|
|
4921
4923
|
return /* @__PURE__ */ jsx(SegmentedControlIconsOnlyContext, {
|
|
4922
4924
|
value: iconsOnlyBelow !== void 0,
|
|
4923
4925
|
children: /* @__PURE__ */ jsx(RadioGroup$1, {
|
|
@@ -5128,8 +5130,10 @@ const descriptionList = tv({
|
|
|
5128
5130
|
"[&>[data-slot=description-item]>[data-slot=description-details]]:min-w-0",
|
|
5129
5131
|
"[&>[data-slot=description-item]+[data-slot=description-item]]:pt-0",
|
|
5130
5132
|
"[&>[data-slot=description-item]>[data-slot=description-term]]:shrink-0",
|
|
5131
|
-
"[&>[data-slot=description-item]>[data-slot=description-details]
|
|
5132
|
-
"[&>[data-slot=description-item]>[data-slot=description-details]
|
|
5133
|
+
"[&>[data-slot=description-item]>[data-slot=description-details]>[data-slot=badge]:first-child]:-ml-1.5",
|
|
5134
|
+
"[&>[data-slot=description-item]>[data-slot=description-details]>[data-slot=badge]:first-child]:max-w-[calc(100%+6px)]",
|
|
5135
|
+
"[&>[data-slot=description-item]>[data-slot=description-details]>:is([data-slot=task-chip],[data-slot=task-status-badge]):first-child]:ml-[-7px]",
|
|
5136
|
+
"[&>[data-slot=description-item]>[data-slot=description-details]>:is([data-slot=task-chip],[data-slot=task-status-badge]):first-child]:max-w-[calc(100%+7px)]",
|
|
5133
5137
|
"[&>[data-slot=description-item]>[data-slot=description-details]>[data-slot=button]:first-child]:ml-[-7.5px]",
|
|
5134
5138
|
"[&>[data-slot=description-item]>[data-slot=description-details]>[data-slot=button]:first-child]:px-1.5"
|
|
5135
5139
|
] }
|
|
@@ -6846,7 +6850,7 @@ const messageForwardedBundleItem = tv({
|
|
|
6846
6850
|
attachments: ["flex flex-wrap", "mt-1.5 gap-1.5"],
|
|
6847
6851
|
attachment: [
|
|
6848
6852
|
"inline-flex max-w-full items-center",
|
|
6849
|
-
"h-[22px] gap-1 rounded-chip bg-fill-muted
|
|
6853
|
+
"h-[22px] gap-1 rounded-chip bg-fill-muted pr-[6.5px] pl-[5.5px]",
|
|
6850
6854
|
"text-caption font-semibold text-foreground [&_svg]:size-3.5"
|
|
6851
6855
|
],
|
|
6852
6856
|
attachmentName: ["min-w-0 truncate"],
|
|
@@ -7237,11 +7241,10 @@ const progress = tv({
|
|
|
7237
7241
|
root: [
|
|
7238
7242
|
"group/progress grid w-full min-w-0 gap-1.5",
|
|
7239
7243
|
"[--progress-color:var(--foreground)]",
|
|
7240
|
-
"[--progress-light:var(--fill-muted)]",
|
|
7241
7244
|
"[--progress-indicator:var(--progress-color)]",
|
|
7242
7245
|
"[--progress-track:var(--fill-muted)]",
|
|
7243
7246
|
"font-sans",
|
|
7244
|
-
"data-complete:[--progress-indicator:var(--
|
|
7247
|
+
"data-complete:[--progress-indicator:var(--success)]"
|
|
7245
7248
|
],
|
|
7246
7249
|
header: ["flex min-w-0 items-center justify-between gap-3"],
|
|
7247
7250
|
label: ["min-w-0 truncate", "text-footnote font-semibold text-foreground"],
|
|
@@ -7261,12 +7264,12 @@ const progress = tv({
|
|
|
7261
7264
|
},
|
|
7262
7265
|
variants: {
|
|
7263
7266
|
variant: {
|
|
7264
|
-
primary: { root: ["[--progress-color:var(--
|
|
7265
|
-
information: { root: ["[--progress-color:var(--
|
|
7266
|
-
accent: { root: ["[--progress-color:var(--
|
|
7267
|
-
success: { root: ["[--progress-color:var(--
|
|
7268
|
-
warning: { root: ["[--progress-color:var(--
|
|
7269
|
-
danger: { root: ["[--progress-color:var(--
|
|
7267
|
+
primary: { root: ["[--progress-color:var(--info)]"] },
|
|
7268
|
+
information: { root: ["[--progress-color:var(--info)]"] },
|
|
7269
|
+
accent: { root: ["[--progress-color:var(--info)]"] },
|
|
7270
|
+
success: { root: ["[--progress-color:var(--success)]"] },
|
|
7271
|
+
warning: { root: ["[--progress-color:var(--warning)]"] },
|
|
7272
|
+
danger: { root: ["[--progress-color:var(--danger)]"] }
|
|
7270
7273
|
},
|
|
7271
7274
|
size: {
|
|
7272
7275
|
sm: {},
|
|
@@ -12544,7 +12547,7 @@ const taskCardStatus = tv({ base: [
|
|
|
12544
12547
|
"inline-flex min-w-0 shrink-0 touch-manipulation items-center",
|
|
12545
12548
|
"transition-[filter,opacity] duration-100 outline-none",
|
|
12546
12549
|
"data-[busy=true]:pointer-events-none data-[busy=true]:cursor-wait data-[busy=true]:opacity-60 data-[busy=true]:disabled:opacity-100",
|
|
12547
|
-
"h-[22px] gap-1.5 rounded-chip border-0 py-0
|
|
12550
|
+
"h-[22px] gap-1.5 rounded-chip border-0 px-[7px] py-0",
|
|
12548
12551
|
"font-sans text-[12px] leading-4 font-semibold text-foreground",
|
|
12549
12552
|
"[&:not(:has([data-slot=task-card-status-label]))]:hidden",
|
|
12550
12553
|
"**:data-[slot=task-card-status-label]:inline-flex **:data-[slot=task-card-status-label]:items-center [&_[data-slot=task-card-status-label]]:gap-1.5",
|
|
@@ -15698,7 +15701,7 @@ const taskChip = tv({
|
|
|
15698
15701
|
closed: { root: ["bg-task-status-closed-soft"] }
|
|
15699
15702
|
},
|
|
15700
15703
|
variant: {
|
|
15701
|
-
default: { root: ["h-[22px] gap-1.5 py-0
|
|
15704
|
+
default: { root: ["h-[22px] gap-1.5 px-[7px] py-0", "text-[12px] leading-4"] },
|
|
15702
15705
|
inline: {}
|
|
15703
15706
|
},
|
|
15704
15707
|
size: {
|
|
@@ -15725,7 +15728,7 @@ const taskChip = tv({
|
|
|
15725
15728
|
{
|
|
15726
15729
|
variant: "default",
|
|
15727
15730
|
size: "sm",
|
|
15728
|
-
class: { root: ["h-5 gap-1
|
|
15731
|
+
class: { root: ["h-5 gap-1 px-[5px]"] }
|
|
15729
15732
|
},
|
|
15730
15733
|
{
|
|
15731
15734
|
variant: "inline",
|
|
@@ -15736,7 +15739,7 @@ const taskChip = tv({
|
|
|
15736
15739
|
"done",
|
|
15737
15740
|
"closed"
|
|
15738
15741
|
],
|
|
15739
|
-
class: { root: ["rounded-sticker border-0
|
|
15742
|
+
class: { root: ["rounded-sticker border-0 px-[4.5px]", "font-semibold"] }
|
|
15740
15743
|
}
|
|
15741
15744
|
],
|
|
15742
15745
|
defaultVariants: {
|
|
@@ -16156,139 +16159,6 @@ function ActivityInboxSelectionCount({ className, ...props }) {
|
|
|
16156
16159
|
});
|
|
16157
16160
|
}
|
|
16158
16161
|
//#endregion
|
|
16159
|
-
//#region src/components/inbox-item/inbox-item.recipe.ts
|
|
16160
|
-
const inboxItem = tv({
|
|
16161
|
-
slots: {
|
|
16162
|
-
item: [
|
|
16163
|
-
"relative grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-3 p-3 text-left",
|
|
16164
|
-
"has-data-[slot=inbox-item-selection]:grid-cols-[auto_minmax(0,1fr)_auto]",
|
|
16165
|
-
"has-data-[slot=inbox-item-leading]:grid-cols-[auto_minmax(0,1fr)_auto]",
|
|
16166
|
-
"has-data-[slot=inbox-item-selection]:has-data-[slot=inbox-item-leading]:grid-cols-[auto_auto_minmax(0,1fr)_auto]",
|
|
16167
|
-
"transition-colors",
|
|
16168
|
-
"gap-x-3 gap-y-0 rounded-none border-0 bg-transparent px-4 py-3 shadow-none",
|
|
16169
|
-
"before:pointer-events-none before:absolute before:top-0 before:right-0 before:left-4 before:hidden before:border-t before:border-line-hairline",
|
|
16170
|
-
"[[data-slot=inbox-item]+&]:before:block has-data-[slot=inbox-item-selection]:before:left-11",
|
|
16171
|
-
"has-data-[slot=inbox-item-leading]:before:left-16",
|
|
16172
|
-
"has-data-[slot=inbox-item-selection]:has-data-[slot=inbox-item-leading]:before:left-23",
|
|
16173
|
-
"hover:bg-fill-subtle not-data-[active=true]:active:bg-fill-medium",
|
|
16174
|
-
"not-data-[active=true]:data-popup-open:bg-fill-subtle not-data-[active=true]:has-data-popup-open:bg-fill-subtle",
|
|
16175
|
-
"data-[active=true]:bg-info-soft data-[active=true]:hover:bg-info-soft",
|
|
16176
|
-
"data-disabled:pointer-events-none data-disabled:hover:bg-transparent",
|
|
16177
|
-
"has-[[data-slot=inbox-item-open]:focus-visible]:keyboard:inset-ring-2 has-[[data-slot=inbox-item-open]:focus-visible]:keyboard:inset-ring-foreground",
|
|
16178
|
-
"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]"
|
|
16179
|
-
],
|
|
16180
|
-
itemTrigger: ["absolute inset-0 z-0 outline-none"],
|
|
16181
|
-
itemLeading: ["pointer-events-none relative z-10 flex size-9 shrink-0 items-center justify-center"],
|
|
16182
|
-
itemSelection: ["relative z-10 mt-0.5 flex size-4 shrink-0 items-center justify-center"],
|
|
16183
|
-
itemContent: [
|
|
16184
|
-
"pointer-events-none relative z-10 min-w-0 flex-1 text-left",
|
|
16185
|
-
"-col-start-3 col-end-(--inbox-item-content-end) row-start-1",
|
|
16186
|
-
"[display:var(--inbox-item-content-display,block)] grid-cols-subgrid"
|
|
16187
|
-
],
|
|
16188
|
-
itemContext: [
|
|
16189
|
-
"col-span-full nth-[-n+2]:col-[1/2]",
|
|
16190
|
-
"flex min-w-0 items-center",
|
|
16191
|
-
"mb-0.5 gap-1.5 py-0",
|
|
16192
|
-
"text-caption text-foreground-hint"
|
|
16193
|
-
],
|
|
16194
|
-
itemSubtitle: [
|
|
16195
|
-
"col-span-full nth-[-n+2]:col-[1/2]",
|
|
16196
|
-
"min-w-0",
|
|
16197
|
-
"mt-0.5 mb-0 py-0",
|
|
16198
|
-
"text-caption text-foreground-hint"
|
|
16199
|
-
],
|
|
16200
|
-
itemHeading: [
|
|
16201
|
-
"col-span-full nth-[-n+2]:col-[1/2]",
|
|
16202
|
-
"flex min-w-0 items-start gap-2",
|
|
16203
|
-
"mb-0"
|
|
16204
|
-
],
|
|
16205
|
-
itemTitle: [
|
|
16206
|
-
"relative line-clamp-2 min-w-0 flex-1 pl-[18px]",
|
|
16207
|
-
"[&>svg]:absolute [&>svg]:top-[calc((1lh-14px)/2)] [&>svg]:left-0 [&>svg]:size-3.5",
|
|
16208
|
-
"font-sans text-subhead font-semibold text-foreground-muted",
|
|
16209
|
-
"group-data-[unread=true]/inbox-item:font-bold group-data-[unread=true]/inbox-item:text-foreground",
|
|
16210
|
-
"[&>svg]:text-foreground-hint"
|
|
16211
|
-
],
|
|
16212
|
-
itemTrailing: [
|
|
16213
|
-
"pointer-events-none relative z-10 col-[-2/-1] row-start-1",
|
|
16214
|
-
"flex shrink-0",
|
|
16215
|
-
"mt-0 flex-col items-end gap-2 pt-px",
|
|
16216
|
-
"max-md:flex-col max-md:items-end max-md:gap-2",
|
|
16217
|
-
"after:hidden after:size-[9px] after:shrink-0 after:rounded-[2px] after:border-[1.5px] after:border-sticker-ink after:bg-attention-400",
|
|
16218
|
-
"group-data-[unread=true]/inbox-item:after:block",
|
|
16219
|
-
"*:not-data-[reveal=hover]:opacity-[calc(1-var(--inbox-item-reveal-aside,0)*var(--inbox-item-revealed,0))] after:opacity-[calc(1-var(--inbox-item-reveal-aside,0)*var(--inbox-item-revealed,0))]",
|
|
16220
|
-
"*:not-data-[reveal=hover]:mr-(--inbox-item-aside-room,0px) after:mr-(--inbox-item-aside-room,0px)",
|
|
16221
|
-
"*:not-data-[reveal=hover]:transition-opacity after:transition-opacity",
|
|
16222
|
-
"pointer-fine:has-[>[data-reveal=hover]]:[--inbox-item-reveal-aside:1]",
|
|
16223
|
-
"pointer-coarse:has-[>[data-reveal=hover]]:[--inbox-item-aside-room:--spacing(11)]",
|
|
16224
|
-
"group-hover/inbox-item:[--inbox-item-revealed:1] group-focus-within/inbox-item:[--inbox-item-revealed:1]",
|
|
16225
|
-
"group-data-[active=true]/inbox-item:[--inbox-item-revealed:1] group-data-popup-open/inbox-item:[--inbox-item-revealed:1]",
|
|
16226
|
-
"has-[>[data-reveal=hover]_[data-popup-open]]:[--inbox-item-revealed:1]"
|
|
16227
|
-
],
|
|
16228
|
-
itemMarks: ["flex h-5 shrink-0 items-center justify-end gap-1.5", "text-foreground-hint"],
|
|
16229
|
-
itemHoverTarget: ["pointer-events-auto"],
|
|
16230
|
-
itemTimestamp: ["shrink-0 whitespace-nowrap text-right tabular-nums", "font-mono text-mono-meta text-foreground-hint"],
|
|
16231
|
-
itemBody: [
|
|
16232
|
-
"col-span-full nth-[-n+2]:col-[1/2]",
|
|
16233
|
-
"line-clamp-2",
|
|
16234
|
-
"mt-0.5 text-callout text-foreground-muted"
|
|
16235
|
-
],
|
|
16236
|
-
itemMessage: [
|
|
16237
|
-
"col-span-full nth-[-n+2]:col-[1/2]",
|
|
16238
|
-
"min-w-0",
|
|
16239
|
-
"mt-0.5 line-clamp-2 text-callout text-foreground-muted"
|
|
16240
|
-
],
|
|
16241
|
-
itemSender: ["font-semibold text-foreground"],
|
|
16242
|
-
itemMetadata: [
|
|
16243
|
-
"col-span-full nth-[-n+2]:col-[1/2]",
|
|
16244
|
-
"flex min-h-5 flex-wrap items-center gap-1.5",
|
|
16245
|
-
"mt-2"
|
|
16246
|
-
],
|
|
16247
|
-
itemActions: [
|
|
16248
|
-
"pointer-events-auto flex shrink-0 items-center",
|
|
16249
|
-
"order-last gap-0.5",
|
|
16250
|
-
"*:data-[slot=panel-action]:h-8 *:data-[slot=panel-action]:min-w-8 [&>[data-slot=panel-action]>svg]:size-[18px]",
|
|
16251
|
-
"*:data-[slot=panel-toggle-action]:h-8 *:data-[slot=panel-toggle-action]:min-w-8 [&>[data-slot=panel-toggle-action]>svg]:size-[18px]",
|
|
16252
|
-
"[&>[data-slot=panel-toggle-action][data-pressed]]:border-transparent",
|
|
16253
|
-
"[&>[data-slot=panel-toggle-action][data-pressed]]:bg-transparent",
|
|
16254
|
-
"[&>[data-slot=panel-toggle-action][data-pressed]]:text-foreground",
|
|
16255
|
-
"[&>[data-slot=panel-toggle-action][data-pressed]]:hover:bg-fill-medium [&>[data-slot=panel-toggle-action][data-pressed]]:active:bg-fill-medium",
|
|
16256
|
-
"pointer-coarse:gap-3",
|
|
16257
|
-
"pointer-coarse:*:data-[slot=panel-action]:after:absolute pointer-coarse:*:data-[slot=panel-action]:after:-inset-1.5",
|
|
16258
|
-
"pointer-coarse:*:data-[slot=panel-toggle-action]:after:absolute pointer-coarse:*:data-[slot=panel-toggle-action]:after:-inset-1.5"
|
|
16259
|
-
]
|
|
16260
|
-
},
|
|
16261
|
-
variants: {
|
|
16262
|
-
density: { compact: {
|
|
16263
|
-
item: ["items-center"],
|
|
16264
|
-
itemTitle: ["line-clamp-1", "pl-0 has-[>svg]:pl-[18px]"],
|
|
16265
|
-
itemTrailing: [
|
|
16266
|
-
"gap-0 pt-0",
|
|
16267
|
-
"max-md:gap-0",
|
|
16268
|
-
"group-data-[unread=true]/inbox-item:after:hidden"
|
|
16269
|
-
],
|
|
16270
|
-
itemTimestamp: ["leading-5"],
|
|
16271
|
-
itemBody: ["line-clamp-1", "mt-0"],
|
|
16272
|
-
itemMessage: ["line-clamp-1", "mt-0"]
|
|
16273
|
-
} },
|
|
16274
|
-
reveal: { hover: { itemActions: [
|
|
16275
|
-
"absolute top-0 right-0 z-10",
|
|
16276
|
-
"pointer-events-none opacity-0 transition-opacity",
|
|
16277
|
-
"group-hover/inbox-item:pointer-events-auto group-hover/inbox-item:opacity-100",
|
|
16278
|
-
"group-focus-within/inbox-item:pointer-events-auto group-focus-within/inbox-item:opacity-100",
|
|
16279
|
-
"group-data-[active=true]/inbox-item:pointer-events-auto group-data-[active=true]/inbox-item:opacity-100",
|
|
16280
|
-
"group-data-popup-open/inbox-item:pointer-events-auto group-data-popup-open/inbox-item:opacity-100",
|
|
16281
|
-
"has-data-popup-open:pointer-events-auto has-data-popup-open:opacity-100",
|
|
16282
|
-
"pointer-coarse:pointer-events-auto pointer-coarse:opacity-100 pointer-coarse:only:static"
|
|
16283
|
-
] } }
|
|
16284
|
-
},
|
|
16285
|
-
compoundVariants: [{
|
|
16286
|
-
density: "compact",
|
|
16287
|
-
reveal: "hover",
|
|
16288
|
-
class: { itemActions: ["top-1/2 -translate-y-1/2", "pointer-coarse:only:translate-y-0"] }
|
|
16289
|
-
}]
|
|
16290
|
-
});
|
|
16291
|
-
//#endregion
|
|
16292
16162
|
//#region src/components/inbox-item/inbox-item.tsx
|
|
16293
16163
|
const InboxItemDisabledContext = createContext(false);
|
|
16294
16164
|
const InboxItemDensityContext = createContext(void 0);
|
|
@@ -17315,4 +17185,4 @@ function ThemeProvider({ mode, defaultMode = "light", onModeChange, storageKey,
|
|
|
17315
17185
|
});
|
|
17316
17186
|
}
|
|
17317
17187
|
//#endregion
|
|
17318
|
-
export { ActivityInboxControls, ActivityInboxLoadingMore, ActivityInboxPanel, ActivityInboxSelectionCount, ActivityInboxSelectionToolbar, ActivityInboxSidebar, ActivityInboxViewport, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AppRailFooter, AppRailHeader, AppRailItem, AppRailItemAttention, AppRailItemBadge, AppRailItemIcon, AppRailItemIndicator, AppRailItemLabel, AppRailNav, AppRailRoot, AppShellMainSlot, AppShellOverlaySlot, AppShellPanelSlot, AppShellRailSlot, AppShellRoot, AppShellSidebarSlot, AppShellSidebarTrigger, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Banner, BannerAction, BannerClose, BannerDescription, BannerTitle, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardLeading, CardTitle, CardTrailing, ChatIcon, Checkbox, CheckboxIndicator, CodeBlock, CodeBlockAction, CodeBlockActions, CodeBlockBody, CodeBlockHeader, CodeBlockPre, CodeBlockTitle, Combobox, ComboboxChip, ComboboxChipRemove, ComboboxChips, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxControl, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxHeader, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxList, ComboboxPopup, ComboboxPortal, ComboboxRow, ComboboxSeparator, ComboboxTrigger, ComboboxTriggerCount, ComboboxTriggerIndicator, ComboboxValue, Composer, ComposerActions, ComposerAttachment, ComposerAttachmentBody, ComposerAttachmentFailedOverlay, ComposerAttachmentFile, ComposerAttachmentImage, ComposerAttachmentMeta, ComposerAttachmentRemove, ComposerAttachmentTitle, ComposerAttachmentUploadProgressBar, ComposerAttachmentUploadingOverlay, ComposerAttachments, ComposerAttachmentsScrollArea, ComposerDropOverlay, ComposerDropOverlayLabel, ComposerDropOverlayPrompt, ComposerIconButton, ComposerInput, ComposerMeta, ComposerRoot, ComposerSubmit, ComposerSuggestionAside, ComposerSuggestionContent, ComposerSuggestionGroup, ComposerSuggestionGroupLabel, ComposerSuggestionIcon, ComposerSuggestionList, ComposerSuggestionMeta, ComposerSuggestionOption, ComposerSuggestionTitle, ComposerToolbar, ComposerToolbarLabel, ContextMenu, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuContent, ContextMenuFooter, ContextMenuItem, ContextMenuItemLabel, ContextMenuLabel, ContextMenuPopup, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSubmenu, ContextMenuSubmenuTrigger, ContextMenuTrigger, ConversationPanelBody, ConversationPanelContent, ConversationPanelEmptyState, ConversationPanelEmptyStateBrand, ConversationPanelEmptyStateBrandMark, ConversationPanelFooter, ConversationPanelRoot, ConversationPanelTabs, CopyableCode, CopyableCodeAction, CopyableCodeRoot, DescriptionDetails, DescriptionItem, DescriptionList, DescriptionTerm, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogNav, DialogOverlay, DialogPortal, DialogSurface, DialogTitle, DialogTrigger, DirectMessageIcon, Drawer, DrawerActions, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, DropdownMenuContent, DropdownMenuFooter, DropdownMenuItem, DropdownMenuItemCount, DropdownMenuItemLabel, DropdownMenuLabel, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRadioItemIndicator, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSubmenu, DropdownMenuSubmenuTrigger, DropdownMenuTrigger, EmptyState, EmptyStateActions, EmptyStateContent, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle, Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity, FileAction, FileActions, FileContent, FileImage, FileMeta, FileMetaItem, FileName, FilePreview, FilePreviewBadge, FilePreviewCode, FilePreviewDocument, FilePreviewFile, FilePreviewMedia, FileRow, FileRowOpen, FileThumbnail, FilesList, FilesPanel, FilesViewport, FloatButton, FloatButtonGroup, FormSection, IconTile, InboxItem, InboxItemActions, InboxItemBody, InboxItemContent, InboxItemContext, InboxItemHeading, InboxItemHoverTarget, InboxItemLeading, InboxItemMarks, InboxItemMessage, InboxItemMetadata, InboxItemSelection, InboxItemSender, InboxItemSubtitle, InboxItemTimestamp, InboxItemTitle, InboxItemTrailing, InboxItemTrigger, InlineCode, Input, InputGroup, InputGroupAddon, InputGroupInput, Kbd, KbdGroup, Label, LabelAsterisk, LabelOptional, LabelSub, LegacyTaskPanelActions, LegacyTaskPanelBody, LegacyTaskPanelField, LegacyTaskPanelFieldLabel, LegacyTaskPanelFieldText, LegacyTaskPanelFieldTitle, LegacyTaskPanelHeader, LegacyTaskPanelIcon, LegacyTaskPanelMeta, LegacyTaskPanelMetaLabel, LegacyTaskPanelMetaRow, LegacyTaskPanelMetaValue, LegacyTaskPanelRoot, LegacyTaskPanelSection, LegacyTaskPanelStatus, LegacyTaskPanelTitle, LegacyTaskPanelTitleMeta, Lightbox, LightboxActions, LightboxClose, LightboxContent, LightboxHeader, LightboxHeaderLabel, LightboxHeaderMeta, LightboxInfoActions, LightboxInfoBar, LightboxInfoDock, LightboxInfoTitle, LightboxMedia, LightboxNavigationButton, LightboxPortal, LightboxStage, LightboxThumbnail, LightboxThumbnailStrip, LightboxTitle, LightboxToolbar, LightboxTrigger, ListRow, ListRowBody, ListRowBottom, ListRowChevron, ListRowDescription, ListRowGroup, ListRowIcon, ListRowMeta, ListRowTitle, ListRowTop, ListRowValue, LiveAgentActivityBar, LiveAgentActivityBarAvatar, LiveAgentActivityBarContent, LiveAgentActivityBarRow, LiveAgentActivityBarStatus, LiveAgentActivityBarText, MarkdownBlockquote, MarkdownCell, MarkdownCheckbox, MarkdownHeaderCell, MarkdownHeading, MarkdownImage, MarkdownInlineCode, MarkdownLink, MarkdownList, MarkdownListItem, MarkdownMark, MarkdownOrderedList, MarkdownParagraph, MarkdownRule, MarkdownTable, MarkdownTableRow, MarkdownTableScroll, MessageActionCard, MessageActionCardActions, MessageActionCardActionsNote, MessageActionCardCollapseTrigger, MessageActionCardCompletion, MessageActionCardContent, MessageActionCardHeader, MessageActionCardHeaderDescription, MessageActionCardHeaderIcon, MessageActionCardHeaderStatus, MessageActionCardHeaderTitle, MessageActionCardHint, MessageActionCardHintLabel, MessageActionCardNotice, MessageActionCardProperties, MessageActionCardProperty, MessageActionCardPropertyLabel, MessageActionCardPropertyValue, MessageActionCardScope, MessageActionCardScopeDescription, MessageActionCardScopeList, MessageActionCardScopeListLabel, MessageActionCardScopeListViewport, MessageActionCardScopeName, MessageActionCardStatus, MessageAttachmentAction, MessageAttachmentCard, MessageAttachmentCommentSummary, MessageAttachmentDiffAddition, MessageAttachmentDiffDeletion, MessageAttachmentDiffSummary, MessageAttachmentGroup, MessageAttachmentMeta, MessageAttachmentMetaEnd, MessageAttachmentMetaStart, MessageAttachmentSummary, MessageAttachmentTitle, MessageEmbed, MessageEmbedContent, MessageEmbedFooter, MessageEmbedHeader, MessageForwardedBundle, MessageForwardedBundleAttachment, MessageForwardedBundleAttachmentMeta, MessageForwardedBundleAttachmentName, MessageForwardedBundleAttachments, MessageForwardedBundleFooter, MessageForwardedBundleFooterAction, MessageForwardedBundleGallery, MessageForwardedBundleGalleryTile, MessageForwardedBundleHeader, MessageForwardedBundleHeaderContent, MessageForwardedBundleHeaderCount, MessageForwardedBundleHeaderLabel, MessageForwardedBundleItem, MessageForwardedBundleItemAuthor, MessageForwardedBundleItemContent, MessageForwardedBundleItemMeta, MessageForwardedBundleItems, MessageForwardedBundleSource, MessageForwardedBundleSourceLabel, MessageIcon, MessageImageGallery, MessageImageGalleryAction, MessageImageGalleryItem, MessageImageGalleryMedia, MessageImageGalleryOverlay, MessageImageGalleryPreview, MessageImageGalleryRow, MessageItem, MessageItemAttachments, MessageItemAvatarSlot, MessageItemBadge, MessageItemBadgeSeparator, MessageItemBody, MessageItemContent, MessageItemContinuationTime, MessageItemEdited, MessageItemEmbedded, MessageItemFooter, MessageItemGutter, MessageItemHeader, MessageItemInlineStatus, MessageItemMeta, MessageItemReadReceipt, MessageItemSavedIndicator, MessageItemSearchMatch, MessageItemSender, MessageItemSenderBadges, MessageItemSenderButton, MessageItemSenderGroup, MessageItemTime, MessageItemToolbar, MessageItemToolbarButton, MessageItemTranslationAction, MessageItemTranslationFailedStatus, MessageItemTranslationOriginal, MessageItemTranslationOriginalLabel, MessageItemTranslationProgressTrack, MessageItemTranslationRetryAction, MessageItemTranslationStatus, MessageList, MessageListDateDivider, MessageListHistoryLimited, MessageListNotice, MessageMultiSelect, MessageMultiSelectCheckbox, MessageMultiSelectToolbar, MessageMultiSelectToolbarActions, MessageQuotedPreview, MessageQuotedPreviewAttachment, MessageQuotedPreviewAttachments, MessageQuotedPreviewAuthor, MessageQuotedPreviewAuthorMeta, MessageQuotedPreviewAuthorName, MessageQuotedPreviewChannel, MessageQuotedPreviewContent, MessageQuotedPreviewHeader, MessageQuotedPreviewLoading, MessageQuotedPreviewText, MessageQuotedPreviewThread, MessageQuotedPreviewTimestamp, MessageQuotedPreviewUnavailable, MessageReactionAddButton, MessageReactionChip, MessageReactionCount, MessageReactionErrorIndicator, MessageReactionGlyph, MessageReactionPickerContent, MessageReactionPickerStatic, MessageReactionQuickButton, MessageReactionQuickRow, MessageReactionTooltipContent, MessageReactionTooltipMeta, MessageReactionTooltipName, MessageReactionTooltipNameText, MessageReactionTooltipNames, MessageReactionTooltipSeparator, MessageReferenceChip, MessageReferenceIndicator, MessageReferenceLabel, MessageReferencePending, MessageReferenceText, MessageReferenceUnavailable, MessageReplies, MessageRepliesItem, MessageRepliesItemContent, MessageRepliesItemSender, MessageRepliesItemTime, MessageRepliesSummary, MessageRepliesSummaryItem, MessageTextSelectionToolbar, MessageTextSelectionToolbarButton, MessageTextSelectionToolbarSeparator, MessageVideoPreview, MessageVideoPreviewAction, MessageVideoPreviewFailureAction, MessageVideoPreviewFailureContent, MessageVideoPreviewFailureIcon, MessageVideoPreviewFailureTitle, MessageVideoPreviewFallback, MessageVideoPreviewMedia, MobileNavItem, MobileNavLabel, MobileNavRoot, NotificationCenter, NotificationCenterActionButton, NotificationCenterCount, NotificationCenterEmptyState, NotificationCenterHeader, NotificationCenterItem, NotificationCenterItemActions, NotificationCenterItemBody, NotificationCenterItemContent, NotificationCenterItemIcon, NotificationCenterItemRow, NotificationCenterItemTitle, NotificationCenterList, NotificationCenterPopup, NotificationCenterScroller, NotificationCenterTitle, NotificationCenterTrigger, OtterIndicator, Panel, PanelAction, PanelActions, PanelActivity, PanelBody, PanelFooter, PanelHeader, PanelHeaderContent, PanelHeaderIcon, PanelHeaderRoot, PanelHeading, PanelMeta, PanelNotice, PanelNoticeActions, PanelNoticeContent, PanelScrollContent, PanelScrollViewport, PanelSection, PanelSectionHeader, PanelStatus, PanelTitle, PanelToggleAction, PickerTriggerButton, Popover, PopoverArrow, PopoverBackdrop, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverPopup, PopoverPortal, PopoverSeparator, PopoverTitle, PopoverTrigger, PopoverViewport, PreviewCard, PreviewCardArrow, PreviewCardContent, PreviewCardDescription, PreviewCardHeader, PreviewCardPopup, PreviewCardPortal, PreviewCardSeparator, PreviewCardTitle, PreviewCardTrigger, ProfilePanel, ProfilePanelBody, ProfilePanelHeader, ProfilePanelHeaderContent, ProfilePanelSection, Progress, ProgressHeader, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, RadioGroup, RadioGroupIndicator, RadioGroupItem, RaftLogo, RaftLogoLockup, RaftWordmark, ResizableGroup, ResizableHandle, ResizablePanel, SINGLE_IMAGE_MAX_HEIGHT, SINGLE_IMAGE_MAX_WIDTH, ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, SearchEntityResult, SearchEntityResultActivity, SearchEntityResultContent, SearchEntityResultDescription, SearchEntityResultHeader, SearchEntityResultIcon, SearchEntityResultLeading, SearchEntityResultTitle, SearchMessageResult, SearchMessageResultBody, SearchMessageResultHeader, SearchMessageResultMatch, SearchMessageResultMeta, SearchMessageResultSender, SearchMessageResultThreadMeta, SearchMessageResultTimestamp, SearchResultsList, SearchResultsSection, SearchResultsSectionHeading, SearchResultsSummary, SearchShellFilters, SearchShellRoot, SearchShellViewport, SearchThreadMessageResult, SearchThreadResult, SearchThreadResultHeader, SearchThreadResultMessages, SearchThreadResultMeta, SearchThreadResultTimestamp, SearchThreadResultTitle, SearchTrigger, SearchTriggerLabel, SearchTriggerShortcut, SegmentedControl, SegmentedControlCount, SegmentedControlItem, SegmentedControlLabel, Select, SelectArrow, SelectContent, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemDescription, SelectItemIndicator, SelectItemLeading, SelectItemText, SelectLabel, SelectList, SelectPopup, SelectPortal, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectTrigger, SelectValue, Separator, SidebarBody, SidebarContent, SidebarControl, SidebarGroupLabel, SidebarHeader, SidebarHeaderTitle, SidebarItem, SidebarItemAside, SidebarItemChannelIcon, SidebarItemContent, SidebarItemCount, SidebarItemCountSeparator, SidebarItemIcon, SidebarItemIndicator, SidebarItemMeta, SidebarItemMetaIcon, SidebarItemStatus, SidebarItemSubtitle, SidebarItemThreadCount, SidebarItemTitle, SidebarList, SidebarLiveActivity, SidebarMenu, SidebarMenuAside, SidebarMenuCount, SidebarMenuIcon, SidebarMenuTitle, SidebarRoot, SidebarSection, SidebarSectionAttention, SidebarSectionChevron, SidebarSectionControl, SidebarSectionControls, SidebarSectionCount, SidebarSectionDisclosure, SidebarSectionEmpty, SidebarSectionHeader, SidebarSectionTitle, SidebarSectionTrailing, Skeleton, SortableComposerAttachment, SortableComposerAttachments, SortableComposerAttachmentsScroll, SortableTabsList, SortableTabsTab, Spinner, Status, Step, Steps, Switch, SwitchThumb, SystemMessage, SystemMessageContent, SystemMessageGroup, SystemMessageGroupChevron, SystemMessageGroupDisclosure, SystemMessageGroupHeader, SystemMessageGroupPanel, SystemMessageGroupSummary, SystemMessageTime, TASK_STATUS_IDS, Table, TableBody, TableCaption, TableCell, TableColgroup, TableColumn, TableHead, TableHeader, TableRow, Tabs, TabsLabel, TabsList, TabsPanel, TabsTab, TaskBoardColumn, TaskBoardColumnBadge, TaskBoardColumnChevron, TaskBoardColumnCount, TaskBoardColumnEmpty, TaskBoardColumnEmptyAllowed, TaskBoardColumnEmptyBlocked, TaskBoardColumnEmptyIdle, TaskBoardColumnHeading, TaskBoardColumnItems, TaskBoardColumnPanel, TaskBoardColumnTrigger, TaskBoardRoot, TaskCard, TaskCardBody, TaskCardChannel, TaskCardDescription, TaskCardLegacy, TaskCardMeta, TaskCardNumber, TaskCardRow, TaskCardStatus, TaskCardTitle, TaskChip, TaskClosedIcon, TaskDndProvider, TaskDoneIcon, TaskDragOverlay, TaskDraggable, TaskDropPlaceholder, TaskDropZone, TaskInProgressIcon, TaskInReviewIcon, TaskListRoot, TaskLoadingList, TaskLoadingRow, TaskSection, TaskSectionBadge, TaskSectionChevron, TaskSectionCount, TaskSectionEmpty, TaskSectionHeading, TaskSectionItems, TaskSectionPanel, TaskSectionTrigger, TaskStatusBadge, TaskStatusIcon, TaskTodoIcon, TasksPanelEmpty, TasksPanelRoot, TasksPanelToolbar, TasksPanelToolbarFilters, TasksPanelToolbarGroup, TasksPanelToolbarLabel, TasksPanelToolbarNewTask, TasksPanelToolbarView, TasksPanelViewport, Text, TextHeading, TextLink, TextMono, TextSans, Textarea, TextareaCounter, TextareaGroup, ThemeProvider, ThreadIcon, ThreadPanelActions, ThreadPanelBody, ThreadPanelContent, ThreadPanelFooter, ThreadPanelHeader, ThreadPanelOriginalMessage, ThreadPanelReplyCount, ThreadPanelReplySummary, ThreadPanelRoot, ThreadPanelSearch, ThreadPanelSearchCount, ThreadPanelSearchTrailing, ThreadPanelTitle, ThreadPanelTitleMeta, Timeline, TimelineContent, TimelineItem, TimelineTime, TimelineTitle, ToastAction, ToastActions, ToastArrow, ToastBody, ToastClose, ToastContent, ToastDescription, ToastIcon, ToastPortal, ToastPositioner, ToastProgress, ToastProvider, ToastRoot, ToastTitle, ToastViewport, ToggleGroup, ToggleGroupItem, ToggleGroupLabel, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, VirtualList, WorkspaceButton, WorkspaceButtonName, buildMessageImageGalleryRows, buttonVariants, classifyMessageImageAspect, cn, createMessageTextSelectionAnchor, createToastManager, getTextSelectionFocusRect, installInputModality, taskStatusSoft, taskStatusStrong, textLinkVariants, toast, useComposerSuggestions, useOrderedTabs, useTheme, useToastManager };
|
|
17188
|
+
export { ActivityInboxControls, ActivityInboxLoadingMore, ActivityInboxPanel, ActivityInboxSelectionCount, ActivityInboxSelectionToolbar, ActivityInboxSidebar, ActivityInboxViewport, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AppRailFooter, AppRailHeader, AppRailItem, AppRailItemAttention, AppRailItemBadge, AppRailItemIcon, AppRailItemIndicator, AppRailItemLabel, AppRailNav, AppRailRoot, AppShellMainSlot, AppShellOverlaySlot, AppShellPanelSlot, AppShellRailSlot, AppShellRoot, AppShellSidebarSlot, AppShellSidebarTrigger, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Banner, BannerAction, BannerClose, BannerDescription, BannerTitle, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardLeading, CardTitle, CardTrailing, ChatIcon, Checkbox, CheckboxIndicator, CodeBlock, CodeBlockAction, CodeBlockActions, CodeBlockBody, CodeBlockHeader, CodeBlockPre, CodeBlockTitle, Combobox, ComboboxChip, ComboboxChipRemove, ComboboxChips, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxControl, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxHeader, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxList, ComboboxPopup, ComboboxPortal, ComboboxRow, ComboboxSeparator, ComboboxTrigger, ComboboxTriggerCount, ComboboxTriggerIndicator, ComboboxValue, Composer, ComposerActions, ComposerAttachment, ComposerAttachmentBody, ComposerAttachmentFailedOverlay, ComposerAttachmentFile, ComposerAttachmentImage, ComposerAttachmentMeta, ComposerAttachmentRemove, ComposerAttachmentTitle, ComposerAttachmentUploadProgressBar, ComposerAttachmentUploadingOverlay, ComposerAttachments, ComposerAttachmentsScrollArea, ComposerDropOverlay, ComposerDropOverlayLabel, ComposerDropOverlayPrompt, ComposerIconButton, ComposerInput, ComposerMeta, ComposerRoot, ComposerSubmit, ComposerSuggestionAside, ComposerSuggestionContent, ComposerSuggestionGroup, ComposerSuggestionGroupLabel, ComposerSuggestionIcon, ComposerSuggestionList, ComposerSuggestionMeta, ComposerSuggestionOption, ComposerSuggestionTitle, ComposerToolbar, ComposerToolbarLabel, ContextMenu, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuContent, ContextMenuFooter, ContextMenuItem, ContextMenuItemLabel, ContextMenuLabel, ContextMenuPopup, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSubmenu, ContextMenuSubmenuTrigger, ContextMenuTrigger, ConversationPanelBody, ConversationPanelContent, ConversationPanelEmptyState, ConversationPanelEmptyStateBrand, ConversationPanelEmptyStateBrandMark, ConversationPanelFooter, ConversationPanelRoot, ConversationPanelTabs, CopyableCode, CopyableCodeAction, CopyableCodeRoot, DescriptionDetails, DescriptionItem, DescriptionList, DescriptionTerm, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogNav, DialogOverlay, DialogPortal, DialogSurface, DialogTitle, DialogTrigger, DirectMessageIcon, Drawer, DrawerActions, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, DropdownMenuContent, DropdownMenuFooter, DropdownMenuItem, DropdownMenuItemCount, DropdownMenuItemLabel, DropdownMenuLabel, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRadioItemIndicator, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSubmenu, DropdownMenuSubmenuTrigger, DropdownMenuTrigger, EmptyState, EmptyStateActions, EmptyStateContent, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle, Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity, FileAction, FileActions, FileContent, FileImage, FileMeta, FileMetaItem, FileName, FilePreview, FilePreviewBadge, FilePreviewCode, FilePreviewDocument, FilePreviewFile, FilePreviewMedia, FileRow, FileRowOpen, FileThumbnail, FilesList, FilesPanel, FilesViewport, FloatButton, FloatButtonGroup, FormSection, IconTile, InboxItem, InboxItemActions, InboxItemBody, InboxItemContent, InboxItemContext, InboxItemHeading, InboxItemHoverTarget, InboxItemLeading, InboxItemMarks, InboxItemMessage, InboxItemMetadata, InboxItemSelection, InboxItemSender, InboxItemSubtitle, InboxItemTimestamp, InboxItemTitle, InboxItemTrailing, InboxItemTrigger, InlineCode, Input, InputGroup, InputGroupAddon, InputGroupInput, Kbd, KbdGroup, Label, LabelAsterisk, LabelOptional, LabelSub, LegacyTaskPanelActions, LegacyTaskPanelBody, LegacyTaskPanelField, LegacyTaskPanelFieldLabel, LegacyTaskPanelFieldText, LegacyTaskPanelFieldTitle, LegacyTaskPanelHeader, LegacyTaskPanelIcon, LegacyTaskPanelMeta, LegacyTaskPanelMetaLabel, LegacyTaskPanelMetaRow, LegacyTaskPanelMetaValue, LegacyTaskPanelRoot, LegacyTaskPanelSection, LegacyTaskPanelStatus, LegacyTaskPanelTitle, LegacyTaskPanelTitleMeta, Lightbox, LightboxActions, LightboxClose, LightboxContent, LightboxHeader, LightboxHeaderLabel, LightboxHeaderMeta, LightboxInfoActions, LightboxInfoBar, LightboxInfoDock, LightboxInfoTitle, LightboxMedia, LightboxNavigationButton, LightboxPortal, LightboxStage, LightboxThumbnail, LightboxThumbnailStrip, LightboxTitle, LightboxToolbar, LightboxTrigger, ListRow, ListRowBody, ListRowBottom, ListRowChevron, ListRowDescription, ListRowGroup, ListRowIcon, ListRowMeta, ListRowTitle, ListRowTop, ListRowValue, LiveAgentActivityBar, LiveAgentActivityBarAvatar, LiveAgentActivityBarContent, LiveAgentActivityBarRow, LiveAgentActivityBarStatus, LiveAgentActivityBarText, MarkdownBlockquote, MarkdownCell, MarkdownCheckbox, MarkdownHeaderCell, MarkdownHeading, MarkdownImage, MarkdownInlineCode, MarkdownLink, MarkdownList, MarkdownListItem, MarkdownMark, MarkdownOrderedList, MarkdownParagraph, MarkdownRule, MarkdownTable, MarkdownTableRow, MarkdownTableScroll, MessageActionCard, MessageActionCardActions, MessageActionCardActionsNote, MessageActionCardCollapseTrigger, MessageActionCardCompletion, MessageActionCardContent, MessageActionCardHeader, MessageActionCardHeaderDescription, MessageActionCardHeaderIcon, MessageActionCardHeaderStatus, MessageActionCardHeaderTitle, MessageActionCardHint, MessageActionCardHintLabel, MessageActionCardNotice, MessageActionCardProperties, MessageActionCardProperty, MessageActionCardPropertyLabel, MessageActionCardPropertyValue, MessageActionCardScope, MessageActionCardScopeDescription, MessageActionCardScopeList, MessageActionCardScopeListLabel, MessageActionCardScopeListViewport, MessageActionCardScopeName, MessageActionCardStatus, MessageAttachmentAction, MessageAttachmentCard, MessageAttachmentCommentSummary, MessageAttachmentDiffAddition, MessageAttachmentDiffDeletion, MessageAttachmentDiffSummary, MessageAttachmentGroup, MessageAttachmentMeta, MessageAttachmentMetaEnd, MessageAttachmentMetaStart, MessageAttachmentSummary, MessageAttachmentTitle, MessageEmbed, MessageEmbedContent, MessageEmbedFooter, MessageEmbedHeader, MessageForwardedBundle, MessageForwardedBundleAttachment, MessageForwardedBundleAttachmentMeta, MessageForwardedBundleAttachmentName, MessageForwardedBundleAttachments, MessageForwardedBundleFooter, MessageForwardedBundleFooterAction, MessageForwardedBundleGallery, MessageForwardedBundleGalleryTile, MessageForwardedBundleHeader, MessageForwardedBundleHeaderContent, MessageForwardedBundleHeaderCount, MessageForwardedBundleHeaderLabel, MessageForwardedBundleItem, MessageForwardedBundleItemAuthor, MessageForwardedBundleItemContent, MessageForwardedBundleItemMeta, MessageForwardedBundleItems, MessageForwardedBundleSource, MessageForwardedBundleSourceLabel, MessageIcon, MessageImageGallery, MessageImageGalleryAction, MessageImageGalleryItem, MessageImageGalleryMedia, MessageImageGalleryOverlay, MessageImageGalleryPreview, MessageImageGalleryRow, MessageItem, MessageItemAttachments, MessageItemAvatarSlot, MessageItemBadge, MessageItemBadgeSeparator, MessageItemBody, MessageItemContent, MessageItemContinuationTime, MessageItemEdited, MessageItemEmbedded, MessageItemFooter, MessageItemGutter, MessageItemHeader, MessageItemInlineStatus, MessageItemMeta, MessageItemReadReceipt, MessageItemSavedIndicator, MessageItemSearchMatch, MessageItemSender, MessageItemSenderBadges, MessageItemSenderButton, MessageItemSenderGroup, MessageItemTime, MessageItemToolbar, MessageItemToolbarButton, MessageItemTranslationAction, MessageItemTranslationFailedStatus, MessageItemTranslationOriginal, MessageItemTranslationOriginalLabel, MessageItemTranslationProgressTrack, MessageItemTranslationRetryAction, MessageItemTranslationStatus, MessageList, MessageListDateDivider, MessageListEndFade, MessageListHistoryLimited, MessageListNotice, MessageMultiSelect, MessageMultiSelectCheckbox, MessageMultiSelectToolbar, MessageMultiSelectToolbarActions, MessageQuotedPreview, MessageQuotedPreviewAttachment, MessageQuotedPreviewAttachments, MessageQuotedPreviewAuthor, MessageQuotedPreviewAuthorMeta, MessageQuotedPreviewAuthorName, MessageQuotedPreviewChannel, MessageQuotedPreviewContent, MessageQuotedPreviewHeader, MessageQuotedPreviewLoading, MessageQuotedPreviewText, MessageQuotedPreviewThread, MessageQuotedPreviewTimestamp, MessageQuotedPreviewUnavailable, MessageReactionAddButton, MessageReactionChip, MessageReactionCount, MessageReactionErrorIndicator, MessageReactionGlyph, MessageReactionPickerContent, MessageReactionPickerStatic, MessageReactionQuickButton, MessageReactionQuickRow, MessageReactionTooltipContent, MessageReactionTooltipMeta, MessageReactionTooltipName, MessageReactionTooltipNameText, MessageReactionTooltipNames, MessageReactionTooltipSeparator, MessageReferenceChip, MessageReferenceIndicator, MessageReferenceLabel, MessageReferencePending, MessageReferenceSuffix, MessageReferenceText, MessageReferenceUnavailable, MessageReplies, MessageRepliesItem, MessageRepliesItemContent, MessageRepliesItemSender, MessageRepliesItemTime, MessageRepliesSummary, MessageRepliesSummaryItem, MessageTextSelectionToolbar, MessageTextSelectionToolbarButton, MessageTextSelectionToolbarSeparator, MessageVideoPreview, MessageVideoPreviewAction, MessageVideoPreviewFailureAction, MessageVideoPreviewFailureContent, MessageVideoPreviewFailureIcon, MessageVideoPreviewFailureTitle, MessageVideoPreviewFallback, MessageVideoPreviewMedia, MobileNavItem, MobileNavLabel, MobileNavRoot, NotificationCenter, NotificationCenterActionButton, NotificationCenterCount, NotificationCenterEmptyState, NotificationCenterHeader, NotificationCenterItem, NotificationCenterItemActions, NotificationCenterItemBody, NotificationCenterItemContent, NotificationCenterItemIcon, NotificationCenterItemRow, NotificationCenterItemTitle, NotificationCenterList, NotificationCenterPopup, NotificationCenterScroller, NotificationCenterTitle, NotificationCenterTrigger, OtterIndicator, Panel, PanelAction, PanelActions, PanelActivity, PanelBody, PanelFooter, PanelHeader, PanelHeaderContent, PanelHeaderIcon, PanelHeaderRoot, PanelHeading, PanelMeta, PanelNotice, PanelNoticeActions, PanelNoticeContent, PanelScrollContent, PanelScrollViewport, PanelSection, PanelSectionHeader, PanelStatus, PanelTitle, PanelToggleAction, PickerTriggerButton, Popover, PopoverArrow, PopoverBackdrop, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverPopup, PopoverPortal, PopoverSeparator, PopoverTitle, PopoverTrigger, PopoverViewport, PreviewCard, PreviewCardArrow, PreviewCardContent, PreviewCardDescription, PreviewCardHeader, PreviewCardPopup, PreviewCardPortal, PreviewCardSeparator, PreviewCardTitle, PreviewCardTrigger, ProfilePanel, ProfilePanelBody, ProfilePanelHeader, ProfilePanelHeaderContent, ProfilePanelSection, Progress, ProgressHeader, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, RadioGroup, RadioGroupIndicator, RadioGroupItem, RaftLogo, RaftLogoLockup, RaftWordmark, ResizableGroup, ResizableHandle, ResizablePanel, SINGLE_IMAGE_MAX_HEIGHT, SINGLE_IMAGE_MAX_WIDTH, ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, SearchEntityResult, SearchEntityResultActivity, SearchEntityResultContent, SearchEntityResultDescription, SearchEntityResultHeader, SearchEntityResultIcon, SearchEntityResultLeading, SearchEntityResultTitle, SearchMessageResult, SearchMessageResultBody, SearchMessageResultHeader, SearchMessageResultMatch, SearchMessageResultMeta, SearchMessageResultSender, SearchMessageResultThreadMeta, SearchMessageResultTimestamp, SearchResultsList, SearchResultsSection, SearchResultsSectionHeading, SearchResultsSummary, SearchShellFilters, SearchShellRoot, SearchShellViewport, SearchThreadMessageResult, SearchThreadResult, SearchThreadResultHeader, SearchThreadResultMessages, SearchThreadResultMeta, SearchThreadResultTimestamp, SearchThreadResultTitle, SearchTrigger, SearchTriggerLabel, SearchTriggerShortcut, SegmentedControl, SegmentedControlCount, SegmentedControlItem, SegmentedControlLabel, Select, SelectArrow, SelectContent, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemDescription, SelectItemIndicator, SelectItemLeading, SelectItemText, SelectLabel, SelectList, SelectPopup, SelectPortal, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectTrigger, SelectValue, Separator, SidebarBody, SidebarContent, SidebarControl, SidebarGroupLabel, SidebarHeader, SidebarHeaderTitle, SidebarItem, SidebarItemAside, SidebarItemChannelIcon, SidebarItemContent, SidebarItemCount, SidebarItemCountSeparator, SidebarItemIcon, SidebarItemIndicator, SidebarItemMeta, SidebarItemMetaIcon, SidebarItemStatus, SidebarItemSubtitle, SidebarItemThreadCount, SidebarItemTitle, SidebarList, SidebarLiveActivity, SidebarMenu, SidebarMenuAside, SidebarMenuCount, SidebarMenuIcon, SidebarMenuTitle, SidebarRoot, SidebarSection, SidebarSectionAttention, SidebarSectionChevron, SidebarSectionControl, SidebarSectionControls, SidebarSectionCount, SidebarSectionDisclosure, SidebarSectionEmpty, SidebarSectionHeader, SidebarSectionTitle, SidebarSectionTrailing, Skeleton, SortableComposerAttachment, SortableComposerAttachments, SortableComposerAttachmentsScroll, SortableTabsList, SortableTabsTab, Spinner, Status, Step, Steps, Switch, SwitchThumb, SystemMessage, SystemMessageContent, SystemMessageGroup, SystemMessageGroupChevron, SystemMessageGroupDisclosure, SystemMessageGroupHeader, SystemMessageGroupPanel, SystemMessageGroupSummary, SystemMessageTime, TASK_STATUS_IDS, Table, TableBody, TableCaption, TableCell, TableColgroup, TableColumn, TableHead, TableHeader, TableRow, Tabs, TabsLabel, TabsList, TabsPanel, TabsTab, TaskBoardColumn, TaskBoardColumnBadge, TaskBoardColumnChevron, TaskBoardColumnCount, TaskBoardColumnEmpty, TaskBoardColumnEmptyAllowed, TaskBoardColumnEmptyBlocked, TaskBoardColumnEmptyIdle, TaskBoardColumnHeading, TaskBoardColumnItems, TaskBoardColumnPanel, TaskBoardColumnTrigger, TaskBoardRoot, TaskCard, TaskCardBody, TaskCardChannel, TaskCardDescription, TaskCardLegacy, TaskCardMeta, TaskCardNumber, TaskCardRow, TaskCardStatus, TaskCardTitle, TaskChip, TaskClosedIcon, TaskDndProvider, TaskDoneIcon, TaskDragOverlay, TaskDraggable, TaskDropPlaceholder, TaskDropZone, TaskInProgressIcon, TaskInReviewIcon, TaskListRoot, TaskLoadingList, TaskLoadingRow, TaskSection, TaskSectionBadge, TaskSectionChevron, TaskSectionCount, TaskSectionEmpty, TaskSectionHeading, TaskSectionItems, TaskSectionPanel, TaskSectionTrigger, TaskStatusBadge, TaskStatusIcon, TaskTodoIcon, TasksPanelEmpty, TasksPanelRoot, TasksPanelToolbar, TasksPanelToolbarFilters, TasksPanelToolbarGroup, TasksPanelToolbarLabel, TasksPanelToolbarNewTask, TasksPanelToolbarView, TasksPanelViewport, Text, TextHeading, TextLink, TextMono, TextSans, Textarea, TextareaCounter, TextareaGroup, ThemeProvider, ThreadIcon, ThreadPanelActions, ThreadPanelBody, ThreadPanelContent, ThreadPanelFooter, ThreadPanelHeader, ThreadPanelOriginalMessage, ThreadPanelReplyCount, ThreadPanelReplySummary, ThreadPanelRoot, ThreadPanelSearch, ThreadPanelSearchCount, ThreadPanelSearchTrailing, ThreadPanelTitle, ThreadPanelTitleMeta, Timeline, TimelineContent, TimelineItem, TimelineTime, TimelineTitle, ToastAction, ToastActions, ToastArrow, ToastBody, ToastClose, ToastContent, ToastDescription, ToastIcon, ToastPortal, ToastPositioner, ToastProgress, ToastProvider, ToastRoot, ToastTitle, ToastViewport, ToggleGroup, ToggleGroupItem, ToggleGroupLabel, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, VirtualList, WorkspaceButton, WorkspaceButtonName, buildMessageImageGalleryRows, buttonVariants, classifyMessageImageAspect, cn, createMessageTextSelectionAnchor, createToastManager, getTextSelectionFocusRect, installInputModality, taskStatusSoft, taskStatusStrong, textLinkVariants, toast, useComposerSuggestions, useOrderedTabs, useTheme, useToastManager };
|
package/dist/styles.css
CHANGED
|
@@ -512,6 +512,14 @@
|
|
|
512
512
|
initial-value: 0px;
|
|
513
513
|
}
|
|
514
514
|
|
|
515
|
+
/* A reference chip's own type size, kept as a length so a smaller note inside
|
|
516
|
+
it can measure itself against the label (message-reference.recipe.ts). */
|
|
517
|
+
@property --message-reference-em {
|
|
518
|
+
syntax: "<length>";
|
|
519
|
+
inherits: true;
|
|
520
|
+
initial-value: 0px;
|
|
521
|
+
}
|
|
522
|
+
|
|
515
523
|
*,
|
|
516
524
|
::before,
|
|
517
525
|
::after {
|
|
@@ -621,8 +629,9 @@ textarea:-webkit-autofill:disabled {
|
|
|
621
629
|
a banner, a toast, a panel notice or a chip sits on the first line of its
|
|
622
630
|
text, centred on it, and stays there when the text wraps
|
|
623
631
|
(design/foundations/alignment.md#a-mark-that-leads-text). In Space
|
|
624
|
-
Grotesk the centre of the line box is the centre of the cap
|
|
625
|
-
0.006em)
|
|
632
|
+
Grotesk's metrics the centre of the line box is the centre of the cap
|
|
633
|
+
height (to 0.006em); Chromium's rounding can lift the letters 0.5px, which
|
|
634
|
+
is left alone, as the alignment page explains. Only
|
|
626
635
|
the place is shared: each component keeps its own icon size and gap.
|
|
627
636
|
|
|
628
637
|
`lead-icon` centres an icon of any size on the line its parent sets, by
|
package/dist/wip.d.mts
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import { Ai as
|
|
1
|
+
import { $i as DialogTitleProps, Ai as Dialog, E as MessageQuotedPreviewAuthorDelegatedByProps, Ii as DialogContentProps, Jr as DropdownMenuLinkItemProps, Ni as DialogClose, Oi as TextLinkProps, T as MessageQuotedPreviewAuthorDelegatedBy, _n as MessageItemDelegatedByButton, a as MessageListJumpPillDismissProps, bn as MessageItemDelegatedByNameProps, c as MessageListJumpPillProps, ca as DataAttributes, ea as DialogTrigger, gn as MessageItemDelegatedBy, hn as MessageItemDelegatedAvatarProps, i as MessageListJumpPillDismiss, la as StyledProps, mn as MessageItemDelegatedAvatar, n as MessageListJumpControlsProps, o as MessageListJumpPillGroup, qr as DropdownMenuLinkItem, r as MessageListJumpPill, ra as ButtonProps, s as MessageListJumpPillGroupProps, sa as VariantProps, t as MessageListJumpControls, vn as MessageItemDelegatedByButtonProps, xn as MessageItemDelegatedByProps, yn as MessageItemDelegatedByName } from "./index-C1FHbVfH.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";
|
|
5
5
|
import { Combobox } from "@base-ui/react/combobox";
|
|
6
6
|
import { PointerSensor, TouchSensor, TouchSensorOptions } from "@dnd-kit/core";
|
|
7
|
+
import { Meter as Meter$1 } from "@base-ui/react/meter";
|
|
7
8
|
//#region src/components/combobox-select/combobox-select.types.d.ts
|
|
8
9
|
type ComboboxSelectValue = string | number;
|
|
9
10
|
interface ComboboxSelectOption {
|
|
@@ -379,4 +380,124 @@ type Truncation = boolean | undefined;
|
|
|
379
380
|
*/
|
|
380
381
|
export declare function useTruncated(ref: RefObject<Element | null>): Truncation;
|
|
381
382
|
//#endregion
|
|
382
|
-
|
|
383
|
+
//#region src/components/inbox-item/inbox-item-leading-badge.d.ts
|
|
384
|
+
type InboxItemLeadingBadgeProps = useRender.ComponentProps<"span">;
|
|
385
|
+
/**
|
|
386
|
+
* A small badge in the bottom-right corner of `InboxItemLeading`, the corner a
|
|
387
|
+
* presence light takes: on a thread row, the thread mark, on the channel's
|
|
388
|
+
* `IconTile` or on the direct message's `Avatar` alike. Put it inside
|
|
389
|
+
* `InboxItemLeading`, after the tile or avatar, with one icon as its child;
|
|
390
|
+
* leave the avatar's `AvatarBadge` out, since the corner holds one mark. It
|
|
391
|
+
* is hidden from assistive technology unless given a `role`.
|
|
392
|
+
*/
|
|
393
|
+
export declare function InboxItemLeadingBadge({ className, render, ...props }: InboxItemLeadingBadgeProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
394
|
+
//#endregion
|
|
395
|
+
//#region src/components/meter/meter.d.ts
|
|
396
|
+
declare const meter: import("tailwind-variants/lite").TVReturnType<{
|
|
397
|
+
level: {
|
|
398
|
+
plenty: {};
|
|
399
|
+
low: {
|
|
400
|
+
root: string[];
|
|
401
|
+
};
|
|
402
|
+
empty: {
|
|
403
|
+
root: string[];
|
|
404
|
+
};
|
|
405
|
+
};
|
|
406
|
+
size: {
|
|
407
|
+
sm: {};
|
|
408
|
+
md: {};
|
|
409
|
+
};
|
|
410
|
+
}, {
|
|
411
|
+
root: string[];
|
|
412
|
+
header: string[];
|
|
413
|
+
label: string[];
|
|
414
|
+
value: string[];
|
|
415
|
+
track: string[];
|
|
416
|
+
indicator: string[];
|
|
417
|
+
}, undefined, {
|
|
418
|
+
level: {
|
|
419
|
+
plenty: {};
|
|
420
|
+
low: {
|
|
421
|
+
root: string[];
|
|
422
|
+
};
|
|
423
|
+
empty: {
|
|
424
|
+
root: string[];
|
|
425
|
+
};
|
|
426
|
+
};
|
|
427
|
+
size: {
|
|
428
|
+
sm: {};
|
|
429
|
+
md: {};
|
|
430
|
+
};
|
|
431
|
+
}, {
|
|
432
|
+
root: string[];
|
|
433
|
+
header: string[];
|
|
434
|
+
label: string[];
|
|
435
|
+
value: string[];
|
|
436
|
+
track: string[];
|
|
437
|
+
indicator: string[];
|
|
438
|
+
}, import("tailwind-variants/lite").TVReturnTypeLike<{
|
|
439
|
+
level: {
|
|
440
|
+
plenty: {};
|
|
441
|
+
low: {
|
|
442
|
+
root: string[];
|
|
443
|
+
};
|
|
444
|
+
empty: {
|
|
445
|
+
root: string[];
|
|
446
|
+
};
|
|
447
|
+
};
|
|
448
|
+
size: {
|
|
449
|
+
sm: {};
|
|
450
|
+
md: {};
|
|
451
|
+
};
|
|
452
|
+
}, {
|
|
453
|
+
root: string[];
|
|
454
|
+
header: string[];
|
|
455
|
+
label: string[];
|
|
456
|
+
value: string[];
|
|
457
|
+
track: string[];
|
|
458
|
+
indicator: string[];
|
|
459
|
+
}>>;
|
|
460
|
+
type MeterProps = Omit<StyledProps<Meter$1.Root.Props>, "value" | "min" | "max" | "aria-valuetext" | "getAriaValueText" | "format" | "locale"> & Pick<VariantProps<typeof meter>, "size"> & {
|
|
461
|
+
/**
|
|
462
|
+
* How much of the allowance is used, as the provider reports it, from 0 to
|
|
463
|
+
* `max`. The meter draws and announces what is left: `max - used`.
|
|
464
|
+
*/
|
|
465
|
+
used: number;
|
|
466
|
+
/**
|
|
467
|
+
* The whole allowance, in the same units as `used`.
|
|
468
|
+
* @default 100
|
|
469
|
+
*/
|
|
470
|
+
max?: number;
|
|
471
|
+
/**
|
|
472
|
+
* When as much as this is left, or less, the meter is low and takes the
|
|
473
|
+
* warning color ("at or below", unlike HTML's `<meter low>`, which is
|
|
474
|
+
* strictly below). In the units of `max`, clamped to 0 to `max`.
|
|
475
|
+
* @default 20% of `max`
|
|
476
|
+
*/
|
|
477
|
+
low?: number;
|
|
478
|
+
/**
|
|
479
|
+
* What is left, in words: "38% left · resets in 3h". `MeterValue` shows it,
|
|
480
|
+
* and it is the meter's `aria-valuetext`, so the caller writes it once.
|
|
481
|
+
*/
|
|
482
|
+
valueText: string;
|
|
483
|
+
};
|
|
484
|
+
/**
|
|
485
|
+
* How much of an allowance is left, such as a usage limit that resets. Takes
|
|
486
|
+
* what is `used`; the bar shows what is left, full to start and draining.
|
|
487
|
+
* The info fill, like Progress, until `low` or less is left, then the warning
|
|
488
|
+
* color; never danger, and no success color at full.
|
|
489
|
+
*/
|
|
490
|
+
export declare function Meter({ size, used, max, low, valueText, className, ...props }: MeterProps): import("react").JSX.Element;
|
|
491
|
+
type MeterHeaderProps = ComponentPropsWithRef<"div">;
|
|
492
|
+
export declare function MeterHeader({ className, ...props }: MeterHeaderProps): import("react").JSX.Element;
|
|
493
|
+
type MeterLabelProps = StyledProps<Meter$1.Label.Props>;
|
|
494
|
+
export declare function MeterLabel({ className, ...props }: MeterLabelProps): import("react").JSX.Element;
|
|
495
|
+
type MeterValueProps = Omit<StyledProps<Meter$1.Value.Props>, "children">;
|
|
496
|
+
/** Shows the meter's `valueText`, at the end of `MeterHeader`. */
|
|
497
|
+
export declare function MeterValue({ className, ...props }: MeterValueProps): import("react").JSX.Element;
|
|
498
|
+
type MeterTrackProps = StyledProps<Meter$1.Track.Props>;
|
|
499
|
+
export declare function MeterTrack({ className, ...props }: MeterTrackProps): import("react").JSX.Element;
|
|
500
|
+
type MeterIndicatorProps = StyledProps<Meter$1.Indicator.Props>;
|
|
501
|
+
export declare function MeterIndicator({ className, ...props }: MeterIndicatorProps): import("react").JSX.Element;
|
|
502
|
+
//#endregion
|
|
503
|
+
export { Dialog as AnnouncementDialog, DialogClose as AnnouncementDialogClose, DialogTrigger as AnnouncementDialogTrigger, type ComboboxSelectGroup, type ComboboxSelectMessages, type ComboboxSelectOption, type ComboboxSelectProps, type ComboboxSelectSelection, type ComboboxSelectValue, type CommentCardMetaProps, type CommentCardProps, type CommentCardQuoteProps, type CommentCardTriggerProps, type CommentEntryAuthorProps, type CommentEntryBodyProps, type CommentEntryHeaderProps, type CommentEntryProps, type CommentEntryTimeProps, type CommentMarginItemProps, type CommentMarginLayout, type CommentMarginLayoutItem, type CommentMarginLayoutOptions, type CommentMarginProps, type CommentMarkerProps, DropdownMenuLinkItem, type DropdownMenuLinkItemProps, type EllipsisProps, type EllipsisState, type EllipsisToggleProps, type HoldThenMoveOptions, type InboxItemLeadingBadgeProps, MessageItemDelegatedAvatar, type MessageItemDelegatedAvatarProps, MessageItemDelegatedBy, MessageItemDelegatedByButton, type MessageItemDelegatedByButtonProps, MessageItemDelegatedByName, type MessageItemDelegatedByNameProps, type MessageItemDelegatedByProps, MessageListJumpControls, type MessageListJumpControlsProps, MessageListJumpPill, MessageListJumpPillDismiss, type MessageListJumpPillDismissProps, MessageListJumpPillGroup, type MessageListJumpPillGroupProps, type MessageListJumpPillProps, MessageQuotedPreviewAuthorDelegatedBy, type MessageQuotedPreviewAuthorDelegatedByProps, type MeterHeaderProps, type MeterIndicatorProps, type MeterLabelProps, type MeterProps, type MeterTrackProps, type MeterValueProps, type UseCommentMarginFitsOptions };
|