@botiverse/raft-ui 0.21.2 → 0.22.1
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 +90 -0
- package/dist/components/timeline/timeline.css +2 -2
- package/dist/foundation.css +3 -3
- package/dist/{inbox-item.recipe-CuJPcy-3.mjs → inbox-item-BtvK75T1.mjs} +2242 -390
- package/dist/{index-C1FHbVfH.d.mts → inbox-item-ChANmbeB.d.mts} +496 -11
- package/dist/index.d.mts +32 -320
- package/dist/index.mjs +110 -1006
- package/dist/style.css +1 -1
- package/dist/styles.css +82 -8
- package/dist/tokens.json +2 -2
- package/dist/wip.d.mts +107 -3
- package/dist/wip.mjs +139 -3
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import { cn } from "./cn.mjs";
|
|
2
|
-
import { $ as
|
|
2
|
+
import { $ as MessageMultiSelect, $n as PopoverTitle, $r as ListRowTitle, $t as MessageItemAvatarSlot, A as MessageQuotedPreview, Ai as DialogSheetReset, Ar as PanelBody, At as MessageItemReadReceipt, B as MessageQuotedPreviewLoading, Bi as ThemeStateContext, Br as ScrollAreaThumb, Bt as MessageItemMeta, Ci as DialogSurface, Cn as PreviewCardHeader, Cr as DropdownMenuShortcut, Ct as MessageReactionTooltipMeta, D as MessageListHistoryLimited, Di as panelToggleAction, Dn as PreviewCardSeparator, Dr as Kbd, Dt as MessageReactionTooltipSeparator, E as MessageListEndFade, Ei as PanelAction, En as PreviewCardPortal, Er as DropdownMenuTrigger, Et as MessageReactionTooltipNames, F as MessageQuotedPreviewAuthorMeta, Fr as PanelSection, G as MessageEmbed, Gi as headEdgePull, Gr as ListRow, Gt as MessageItemTime, H as MessageQuotedPreviewThread, Hi as stackedActions, Hr as Checkbox, Ht as MessageItemSenderBadges, I as MessageQuotedPreviewAuthorName, Ii as useParentOverlayKind, Ir as ScrollArea, J as MessageEmbedHeader, Jn as PopoverDescription, Jr as ListRowChevron, Jt as MessageItemContent, K as MessageEmbedContent, Ki as headEdges, Kn as PopoverClose, Kr as ListRowBody, Kt as MessageItemAttachments, L as MessageQuotedPreviewChannel, Li as withOverlayLayer, Lr as ScrollAreaContent, M as MessageQuotedPreviewAttachments, Mi as buttonVariants, Mr as PanelHeaderRoot, Mt as MessageItemToolbar, N as MessageQuotedPreviewAuthor, Ni as Spinner, Nr as PanelScrollContent, Nt as MessageItemToolbarButton, O as MessageListNotice, Oi as TextLink, On as PreviewCardTitle, Or as KbdGroup, Ot as MessageItemBadge, Pi as defaultNativeButton, Pr as PanelScrollViewport, Q as MessageTextSelectionToolbarSeparator, Qn as PopoverSeparator, Qr as ListRowMeta, Qt as MessageItemSearchMatch, R as MessageQuotedPreviewContent, Ri as useThemeScopeProps, Rr as ScrollAreaCorner, Rt as MessageItemHeader, Sr as DropdownMenuSeparator, St as MessageReactionTooltipContent, T as MessageListDateDivider, Ti as DialogTrigger, Tn as PreviewCardPopup, Tr as DropdownMenuSubmenuTrigger, Tt as MessageReactionTooltipNameText, U as MessageQuotedPreviewTimestamp, Ui as useStackedActions, Un as PopoverArrow, Ur as CheckboxIndicator, Ut as MessageItemSenderButton, V as MessageQuotedPreviewText, Vi as tv, Vn as Popover, Vr as ScrollAreaViewport, Vt as MessageItemSender, W as MessageQuotedPreviewUnavailable, Wi as controlIconInset, Wn as PopoverBackdrop, Wr as PRESENCE_COLOR, Wt as MessageItemSenderGroup, X as MessageTextSelectionToolbar, Xn as PopoverPopup, Xr as ListRowGroup, Xt as MessageItemEmbedded, Y as messageEmbed, Yn as PopoverHeader, Yr as ListRowDescription, Yt as MessageItemEdited, Z as MessageTextSelectionToolbarButton, Zn as PopoverPortal, Zr as ListRowIcon, Zt as MessageItemFooter, _ as InboxItemTrailing, _n as PreviewCardArrow, _r as DropdownMenuPopup, _t as MessageReactionGlyph, a as InboxItemContext, ai as TooltipProvider, an as AvatarBadge, ar as MobileNavLabel, at as MessageReferenceIndicator, b as Skeleton, bi as DialogOverlay, bn as PreviewCardDescription, br as DropdownMenuRadioItem, bt as MessageReactionQuickButton, c as InboxItemLeading, cn as AvatarGroupCount, cr as DropdownMenuCheckboxItem, d as InboxItemMetadata, di as Dialog, dr as DropdownMenuFooter, dt as MessageReferenceUnavailable, ei as ListRowTop, en as MessageItemContinuationTime, er as PopoverTrigger, et as MessageMultiSelectCheckbox, f as InboxItemSelection, fi as DialogBody, fr as DropdownMenuItem, ft as inlineChip, g as InboxItemTitle, gi as DialogFooter, gt as MessageReactionErrorIndicator, h as InboxItemTimestamp, hi as DialogDescription, hn as PreviewCard, hr as DropdownMenuLabel, ht as MessageReactionCount, i as InboxItemContent, ii as TooltipPortal, in as Avatar, ir as MobileNavItem, j as MessageQuotedPreviewAttachment, ji as Button, jr as PanelFooter, jt as MessageItemSavedIndicator, k as MessageList, ki as textLinkVariants, kn as PreviewCardTrigger, kr as Panel, kt as MessageItemBadgeSeparator, l as InboxItemMarks, ln as AvatarImage, lr as DropdownMenuCheckboxItemIndicator, lt as MessageReferenceSuffix, m as InboxItemSubtitle, mi as DialogContent, mr as DropdownMenuItemLabel, mt as MessageReactionChip, n as InboxItemActions, ni as Tooltip, nn as MessageItem, nr as useHoldThenMoveTouchSensor, nt as MessageMultiSelectToolbarActions, o as InboxItemHeading, oi as TooltipTrigger, on as AvatarFallback, or as MobileNavRoot, ot as MessageReferenceLabel, p as InboxItemSender, pi as DialogClose, pr as DropdownMenuItemCount, pt as MessageReactionAddButton, q as MessageEmbedFooter, qi as decisionWidth, qn as PopoverContent, qr as ListRowBottom, qt as MessageItemBody, r as InboxItemBody, ri as TooltipContent, rn as searchHit, rr as useMouseOnlyPointerSensor, rt as MessageReferenceChip, s as InboxItemHoverTarget, si as Badge, sn as AvatarGroup, sr as DropdownMenu, st as MessageReferencePending, t as InboxItem, ti as ListRowValue, tn as MessageItemGutter, tr as PopoverViewport, tt as MessageMultiSelectToolbar, u as InboxItemMessage, ui as useMobileViewport, un as useOverflowTitle, ur as DropdownMenuContent, ut as MessageReferenceText, v as InboxItemTrigger, vi as DialogHeader, vr as DropdownMenuPortal, vt as MessageReactionPickerContent, wi as DialogTitle, wr as DropdownMenuSubmenu, wt as MessageReactionTooltipName, xi as DialogPortal, xr as DropdownMenuRadioItemIndicator, xt as MessageReactionQuickRow, yi as DialogNav, yn as PreviewCardContent, yr as DropdownMenuRadioGroup, yt as MessageReactionPickerStatic, z as MessageQuotedPreviewHeader, zi as useTheme, zr as ScrollAreaScrollbar, zt as MessageItemInlineStatus } from "./inbox-item-BtvK75T1.mjs";
|
|
3
3
|
import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
|
|
4
|
-
import { AlertTriangle, Bell, Check, CheckCircle2, ChevronDown, ChevronLeft, ChevronRight, Copy, FileText, Image, Info, Upload, X, Zap } from "lucide-react";
|
|
4
|
+
import { AlertTriangle, Bell, Check, CheckCircle2, ChevronDown, ChevronLeft, ChevronRight, CircleCheck, Copy, FileText, Image, Info, TriangleAlert, Upload, X, Zap } from "lucide-react";
|
|
5
5
|
import { Children, cloneElement, createContext, createElement, isValidElement, use, useCallback, useContext, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
|
|
6
6
|
import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
|
|
7
7
|
import { Button as Button$1 } from "@base-ui/react/button";
|
|
8
8
|
import { mergeProps } from "@base-ui/react/merge-props";
|
|
9
9
|
import { useRender } from "@base-ui/react/use-render";
|
|
10
|
+
import { flushSync } from "react-dom";
|
|
10
11
|
import { Drawer as Drawer$1 } from "@base-ui/react/drawer";
|
|
11
12
|
import { Collapsible } from "@base-ui/react/collapsible";
|
|
12
13
|
import { ContextMenu as ContextMenu$1 } from "@base-ui/react";
|
|
13
14
|
import { useHotkey } from "@tanstack/react-hotkeys";
|
|
14
15
|
import { Popover as Popover$1 } from "@base-ui/react/popover";
|
|
15
|
-
import {
|
|
16
|
+
import { DndContext, DragOverlay, KeyboardCode, KeyboardSensor, closestCenter, closestCorners, getFirstCollision, pointerWithin, useDraggable, useDroppable, useSensor, useSensors } from "@dnd-kit/core";
|
|
16
17
|
import { Input as Input$1 } from "@base-ui/react/input";
|
|
17
18
|
import { Field as Field$1 } from "@base-ui/react/field";
|
|
18
|
-
import { flushSync } from "react-dom";
|
|
19
19
|
import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
|
|
20
20
|
import { Select as Select$1 } from "@base-ui/react/select";
|
|
21
21
|
import { Radio } from "@base-ui/react/radio";
|
|
@@ -24,7 +24,6 @@ import { Switch as Switch$1 } from "@base-ui/react/switch";
|
|
|
24
24
|
import { Toggle } from "@base-ui/react/toggle";
|
|
25
25
|
import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
|
|
26
26
|
import { Progress as Progress$1 } from "@base-ui/react/progress";
|
|
27
|
-
import { DndContext, DragOverlay, KeyboardCode, KeyboardSensor, closestCenter, closestCorners, getFirstCollision, pointerWithin, useDraggable, useDroppable, useSensor, useSensors } from "@dnd-kit/core";
|
|
28
27
|
import { SortableContext, arrayMove, defaultAnimateLayoutChanges, horizontalListSortingStrategy, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
|
|
29
28
|
import { CSS } from "@dnd-kit/utilities";
|
|
30
29
|
import { Toast } from "@base-ui/react/toast";
|
|
@@ -51,7 +50,11 @@ const alertDialog = tv({
|
|
|
51
50
|
"px-5 pt-1.5 pb-5 first:pt-5",
|
|
52
51
|
"font-sans text-subhead text-foreground-muted"
|
|
53
52
|
],
|
|
54
|
-
footer: [
|
|
53
|
+
footer: [
|
|
54
|
+
"flex min-w-0 items-center justify-end",
|
|
55
|
+
...stackedActions,
|
|
56
|
+
"gap-2 px-5 pb-5 first:pt-5 [[data-slot=alert-dialog-header]+&]:pt-5"
|
|
57
|
+
],
|
|
55
58
|
title: ["m-0 min-w-0 text-foreground", "font-sans text-headline font-bold"],
|
|
56
59
|
description: ["m-0", "font-sans text-subhead text-foreground-muted"]
|
|
57
60
|
},
|
|
@@ -112,7 +115,7 @@ function AlertDialogContent({ className, children, portalProps, overlay, ...prop
|
|
|
112
115
|
className: content({ className }),
|
|
113
116
|
...props,
|
|
114
117
|
role: "alertdialog",
|
|
115
|
-
children
|
|
118
|
+
children: /* @__PURE__ */ jsx(DialogSheetReset, { children })
|
|
116
119
|
})]
|
|
117
120
|
});
|
|
118
121
|
}
|
|
@@ -132,11 +135,14 @@ function AlertDialogBody({ className, ...props }) {
|
|
|
132
135
|
...props
|
|
133
136
|
});
|
|
134
137
|
}
|
|
135
|
-
function AlertDialogFooter({ className, ...props }) {
|
|
138
|
+
function AlertDialogFooter({ className, ref, ...props }) {
|
|
136
139
|
const { footer } = alertDialog();
|
|
140
|
+
const [stacked, rowRef] = useStackedActions(ref);
|
|
137
141
|
return /* @__PURE__ */ jsx("div", {
|
|
138
142
|
"data-slot": "alert-dialog-footer",
|
|
143
|
+
ref: rowRef,
|
|
139
144
|
className: footer({ className }),
|
|
145
|
+
...stacked ? { "data-stacked": "" } : {},
|
|
140
146
|
...props
|
|
141
147
|
});
|
|
142
148
|
}
|
|
@@ -511,7 +517,7 @@ function DrawerContent({ className, children, portalProps, ...props }) {
|
|
|
511
517
|
children: [hasSnapPoints ? /* @__PURE__ */ jsx(DrawerSwipeHandle, {}) : null, /* @__PURE__ */ jsx(Drawer$1.Content, {
|
|
512
518
|
"data-slot": "drawer-content",
|
|
513
519
|
className: content(),
|
|
514
|
-
children
|
|
520
|
+
children: /* @__PURE__ */ jsx(DialogSheetReset, { children })
|
|
515
521
|
})]
|
|
516
522
|
})
|
|
517
523
|
})]
|
|
@@ -976,231 +982,6 @@ function CardFooter({ className, render, ...props }) {
|
|
|
976
982
|
});
|
|
977
983
|
}
|
|
978
984
|
//#endregion
|
|
979
|
-
//#region src/components/list-row/list-row.recipe.ts
|
|
980
|
-
const hairline = [
|
|
981
|
-
"before:pointer-events-none before:absolute before:top-0 before:right-0 before:hidden",
|
|
982
|
-
"before:left-(--list-row-rule-start) before:border-t before:border-line-hairline",
|
|
983
|
-
"[[data-slot=list-row]+&]:before:block [li+li>&]:before:block"
|
|
984
|
-
];
|
|
985
|
-
const listRow = tv({
|
|
986
|
-
slots: {
|
|
987
|
-
group: ["flex min-w-0 flex-col overflow-hidden", "rounded-container border border-line-hairline bg-layer-card text-foreground"],
|
|
988
|
-
root: [
|
|
989
|
-
"group/list-row relative flex w-full min-w-0 items-center gap-3 px-4 py-3 text-left",
|
|
990
|
-
"font-sans no-underline",
|
|
991
|
-
"transition-colors duration-100",
|
|
992
|
-
"outline-none focus-visible:keyboard:inset-ring-2 focus-visible:keyboard:inset-ring-foreground",
|
|
993
|
-
"data-selected:bg-info-soft",
|
|
994
|
-
"[--list-row-ink:var(--foreground)] [--list-row-ink-2:var(--foreground-muted)] [--list-row-ink-3:var(--foreground-hint)]",
|
|
995
|
-
"text-(--list-row-ink)",
|
|
996
|
-
"not-disabled:not-aria-disabled:data-[tone=unread]:[--list-row-ink-2:var(--foreground)]",
|
|
997
|
-
"not-disabled:not-aria-disabled:data-[tone=muted]:[--list-row-ink:var(--foreground-muted)]",
|
|
998
|
-
"not-disabled:not-aria-disabled:data-[tone=away]:[--list-row-ink:var(--foreground-hint)]",
|
|
999
|
-
"not-disabled:not-aria-disabled:data-[tone=away]:[--list-row-ink-2:var(--foreground-hint)]",
|
|
1000
|
-
"disabled:cursor-not-allowed disabled:[--list-row-ink:var(--foreground-disabled)]",
|
|
1001
|
-
"disabled:[--list-row-ink-2:var(--foreground-disabled)] disabled:[--list-row-ink-3:var(--foreground-disabled)]",
|
|
1002
|
-
"aria-disabled:cursor-not-allowed aria-disabled:[--list-row-ink:var(--foreground-disabled)]",
|
|
1003
|
-
"aria-disabled:[--list-row-ink-2:var(--foreground-disabled)] aria-disabled:[--list-row-ink-3:var(--foreground-disabled)]"
|
|
1004
|
-
],
|
|
1005
|
-
icon: ["flex shrink-0 items-center justify-center", "text-(--list-row-ink-3) [&>svg]:size-5 [&>svg]:shrink-0"],
|
|
1006
|
-
body: ["flex min-w-0 flex-1 flex-col gap-0.5"],
|
|
1007
|
-
line: ["flex min-w-0 items-center gap-2"],
|
|
1008
|
-
title: [
|
|
1009
|
-
"min-w-0 flex-1 truncate",
|
|
1010
|
-
"text-body font-semibold",
|
|
1011
|
-
"group-data-[tone=unread]/list-row:font-bold"
|
|
1012
|
-
],
|
|
1013
|
-
description: ["min-w-0 flex-1 truncate", "text-callout text-(--list-row-ink-2)"],
|
|
1014
|
-
meta: ["shrink-0", "font-mono text-mono-meta font-normal tabular-nums text-(--list-row-ink-3)"],
|
|
1015
|
-
value: ["max-w-[45%] shrink-0 truncate", "text-subhead text-(--list-row-ink-3)"],
|
|
1016
|
-
chevron: ["flex shrink-0 items-center justify-center", "text-(--list-row-ink-3) [&>svg]:size-5 [&>svg]:shrink-0"]
|
|
1017
|
-
},
|
|
1018
|
-
variants: {
|
|
1019
|
-
variant: {
|
|
1020
|
-
default: { root: ["min-h-16 [--list-row-rule-start:63px]", hairline] },
|
|
1021
|
-
plain: { root: ["[--list-row-rule-start:16px]", hairline] },
|
|
1022
|
-
entry: { root: "" }
|
|
1023
|
-
},
|
|
1024
|
-
interactive: {
|
|
1025
|
-
true: { root: [
|
|
1026
|
-
"not-disabled:not-aria-disabled:not-data-selected:hover:overlay-subtle",
|
|
1027
|
-
"not-disabled:not-aria-disabled:not-data-selected:active:overlay-medium",
|
|
1028
|
-
"not-data-selected:data-popup-open:overlay-subtle"
|
|
1029
|
-
] },
|
|
1030
|
-
false: {}
|
|
1031
|
-
},
|
|
1032
|
-
wrap: {
|
|
1033
|
-
true: { description: "whitespace-normal text-pretty" },
|
|
1034
|
-
false: {}
|
|
1035
|
-
}
|
|
1036
|
-
},
|
|
1037
|
-
defaultVariants: {
|
|
1038
|
-
variant: "default",
|
|
1039
|
-
interactive: true,
|
|
1040
|
-
wrap: false
|
|
1041
|
-
}
|
|
1042
|
-
});
|
|
1043
|
-
//#endregion
|
|
1044
|
-
//#region src/components/list-row/list-row.tsx
|
|
1045
|
-
/** An inset group: rows wrapped in a card (surface, hairline, radius-lg). */
|
|
1046
|
-
function ListRowGroup({ className, render, ...props }) {
|
|
1047
|
-
const { group } = listRow();
|
|
1048
|
-
const defaultProps = {
|
|
1049
|
-
"data-slot": "list-row-group",
|
|
1050
|
-
className: group({ className })
|
|
1051
|
-
};
|
|
1052
|
-
return useRender({
|
|
1053
|
-
defaultTagName: "div",
|
|
1054
|
-
render,
|
|
1055
|
-
props: mergeProps(defaultProps, props)
|
|
1056
|
-
});
|
|
1057
|
-
}
|
|
1058
|
-
/**
|
|
1059
|
-
* One row of a list. It renders a `button` by default; pass `render={<a />}`
|
|
1060
|
-
* (or a router link) for a row that goes somewhere. Children are the leading
|
|
1061
|
-
* block (an avatar, a channel or icon tile, `ListRowIcon`), `ListRowBody`, and
|
|
1062
|
-
* anything trailing (a value, a badge, a switch, `ListRowChevron`).
|
|
1063
|
-
*/
|
|
1064
|
-
function ListRow({ variant = "default", tone = "default", selected = false, interactive = true, className, render, ...props }) {
|
|
1065
|
-
const { root } = listRow({
|
|
1066
|
-
variant,
|
|
1067
|
-
interactive
|
|
1068
|
-
});
|
|
1069
|
-
const defaultProps = {
|
|
1070
|
-
"data-slot": "list-row",
|
|
1071
|
-
"data-variant": variant,
|
|
1072
|
-
"data-tone": tone === "default" ? void 0 : tone,
|
|
1073
|
-
"data-selected": selected ? "" : void 0,
|
|
1074
|
-
className: root({ className }),
|
|
1075
|
-
...interactive && !render ? { type: "button" } : {}
|
|
1076
|
-
};
|
|
1077
|
-
return useRender({
|
|
1078
|
-
defaultTagName: interactive ? "button" : "div",
|
|
1079
|
-
render,
|
|
1080
|
-
props: mergeProps(defaultProps, props)
|
|
1081
|
-
});
|
|
1082
|
-
}
|
|
1083
|
-
/** A 20px leading icon in ink-3: entry rows and settings. */
|
|
1084
|
-
function ListRowIcon({ className, render, ...props }) {
|
|
1085
|
-
const { icon } = listRow();
|
|
1086
|
-
const defaultProps = {
|
|
1087
|
-
"data-slot": "list-row-icon",
|
|
1088
|
-
"aria-hidden": true,
|
|
1089
|
-
className: icon({ className })
|
|
1090
|
-
};
|
|
1091
|
-
return useRender({
|
|
1092
|
-
defaultTagName: "span",
|
|
1093
|
-
render,
|
|
1094
|
-
props: mergeProps(defaultProps, props)
|
|
1095
|
-
});
|
|
1096
|
-
}
|
|
1097
|
-
/** The text column: the title and the preview, or a `ListRowTop` and a `ListRowBottom`. */
|
|
1098
|
-
function ListRowBody({ className, render, ...props }) {
|
|
1099
|
-
const { body } = listRow();
|
|
1100
|
-
const defaultProps = {
|
|
1101
|
-
"data-slot": "list-row-body",
|
|
1102
|
-
className: body({ className })
|
|
1103
|
-
};
|
|
1104
|
-
return useRender({
|
|
1105
|
-
defaultTagName: "span",
|
|
1106
|
-
render,
|
|
1107
|
-
props: mergeProps(defaultProps, props)
|
|
1108
|
-
});
|
|
1109
|
-
}
|
|
1110
|
-
/** The first line: the title, then the time. */
|
|
1111
|
-
function ListRowTop({ className, render, ...props }) {
|
|
1112
|
-
const { line } = listRow();
|
|
1113
|
-
const defaultProps = {
|
|
1114
|
-
"data-slot": "list-row-top",
|
|
1115
|
-
className: line({ className })
|
|
1116
|
-
};
|
|
1117
|
-
return useRender({
|
|
1118
|
-
defaultTagName: "span",
|
|
1119
|
-
render,
|
|
1120
|
-
props: mergeProps(defaultProps, props)
|
|
1121
|
-
});
|
|
1122
|
-
}
|
|
1123
|
-
/** The second line: the preview, then at most one badge. */
|
|
1124
|
-
function ListRowBottom({ className, render, ...props }) {
|
|
1125
|
-
const { line } = listRow();
|
|
1126
|
-
const defaultProps = {
|
|
1127
|
-
"data-slot": "list-row-bottom",
|
|
1128
|
-
className: line({ className })
|
|
1129
|
-
};
|
|
1130
|
-
return useRender({
|
|
1131
|
-
defaultTagName: "span",
|
|
1132
|
-
render,
|
|
1133
|
-
props: mergeProps(defaultProps, props)
|
|
1134
|
-
});
|
|
1135
|
-
}
|
|
1136
|
-
/** 16/24 600 on one line; the row's tone sets its weight and ink. */
|
|
1137
|
-
function ListRowTitle({ className, render, ...props }) {
|
|
1138
|
-
const { title } = listRow();
|
|
1139
|
-
const defaultProps = {
|
|
1140
|
-
"data-slot": "list-row-title",
|
|
1141
|
-
className: title({ className })
|
|
1142
|
-
};
|
|
1143
|
-
return useRender({
|
|
1144
|
-
defaultTagName: "span",
|
|
1145
|
-
render,
|
|
1146
|
-
props: mergeProps(defaultProps, props)
|
|
1147
|
-
});
|
|
1148
|
-
}
|
|
1149
|
-
/** The preview (who spoke first: "Wug: …") or a setting's consequence, 14/20 ink-2. */
|
|
1150
|
-
function ListRowDescription({ className, render, wrap = false, ...props }) {
|
|
1151
|
-
const { description } = listRow({ wrap });
|
|
1152
|
-
const defaultProps = {
|
|
1153
|
-
"data-slot": "list-row-description",
|
|
1154
|
-
className: description({ className })
|
|
1155
|
-
};
|
|
1156
|
-
return useRender({
|
|
1157
|
-
defaultTagName: "span",
|
|
1158
|
-
render,
|
|
1159
|
-
props: mergeProps(defaultProps, props)
|
|
1160
|
-
});
|
|
1161
|
-
}
|
|
1162
|
-
/** Machine-written facts in Space Mono 12, ink-3: the time, a gray count. */
|
|
1163
|
-
function ListRowMeta({ className, render, ...props }) {
|
|
1164
|
-
const { meta } = listRow();
|
|
1165
|
-
const defaultProps = {
|
|
1166
|
-
"data-slot": "list-row-meta",
|
|
1167
|
-
className: meta({ className })
|
|
1168
|
-
};
|
|
1169
|
-
return useRender({
|
|
1170
|
-
defaultTagName: "span",
|
|
1171
|
-
render,
|
|
1172
|
-
props: mergeProps(defaultProps, props)
|
|
1173
|
-
});
|
|
1174
|
-
}
|
|
1175
|
-
/** A setting's current value on the right, 15/20 ink-3, at most 45% of the row. */
|
|
1176
|
-
function ListRowValue({ className, render, ...props }) {
|
|
1177
|
-
const { value } = listRow();
|
|
1178
|
-
const defaultProps = {
|
|
1179
|
-
"data-slot": "list-row-value",
|
|
1180
|
-
className: value({ className })
|
|
1181
|
-
};
|
|
1182
|
-
return useRender({
|
|
1183
|
-
defaultTagName: "span",
|
|
1184
|
-
render,
|
|
1185
|
-
props: mergeProps(defaultProps, props)
|
|
1186
|
-
});
|
|
1187
|
-
}
|
|
1188
|
-
/** The ink-3 arrow of a row that opens another page. */
|
|
1189
|
-
function ListRowChevron({ className, render, ...props }) {
|
|
1190
|
-
const { chevron } = listRow();
|
|
1191
|
-
const defaultProps = {
|
|
1192
|
-
"data-slot": "list-row-chevron",
|
|
1193
|
-
"aria-hidden": true,
|
|
1194
|
-
className: chevron({ className }),
|
|
1195
|
-
children: /* @__PURE__ */ jsx(ChevronRight, {})
|
|
1196
|
-
};
|
|
1197
|
-
return useRender({
|
|
1198
|
-
defaultTagName: "span",
|
|
1199
|
-
render,
|
|
1200
|
-
props: mergeProps(defaultProps, props)
|
|
1201
|
-
});
|
|
1202
|
-
}
|
|
1203
|
-
//#endregion
|
|
1204
985
|
//#region src/components/status/status.tsx
|
|
1205
986
|
const status = tv({
|
|
1206
987
|
slots: { root: [
|
|
@@ -1222,7 +1003,7 @@ const status = tv({
|
|
|
1222
1003
|
size: {
|
|
1223
1004
|
xs: { root: "size-1.5 rounded-[1px] border" },
|
|
1224
1005
|
sm: { root: "size-2" },
|
|
1225
|
-
md: { root: "size-
|
|
1006
|
+
md: { root: "size-2.5" },
|
|
1226
1007
|
lg: { root: "size-[11px]" }
|
|
1227
1008
|
}
|
|
1228
1009
|
},
|
|
@@ -3224,370 +3005,32 @@ function RaftWordmarkArtwork() {
|
|
|
3224
3005
|
fill: "#141111",
|
|
3225
3006
|
d: "M419.051 17.002c-1.287-1.493-5.511-5.48-6.75-6.75-2.271-2.334-5.193-3.89-8.448-3.89H296.91a11.116 11.116 0 0 0-10.878 8.83l-.89 4.192c-1.254-2.732-3.462-4.272-5.574-6.4-3.255-3.256-6.479-6.845-11.275-6.845h-33.096a11.11 11.11 0 0 0-10.053 6.384l-5.13 10.895c-.381-.572-.746-1.128-1.159-1.588-1.715-1.859-5.669-5.67-6.749-6.75-5.209-5.24-12.372-8.893-21.694-8.893h-37.939a11.12 11.12 0 0 0-10.879 8.83L128.461 77.46a11.1 11.1 0 0 0 3.303 10.433c1.302 1.207 5.431 5.527 6.749 6.75 3.224 3.001 5.972 3.08 10.99 3.08h18.39c2.62 0 5.05-1.032 6.972-2.588 1.969 1.604 4.447 2.589 7.003 2.589h59.411c2.366 0 4.24-.763 5.971-2.589 2.033 2.271 3.335 2.589 7.719 2.589l57.346-.064c5.256 0 9.798-3.684 10.878-8.83l2.446-11.577h17.199l-.032.175c-.683 3.271-.032 6.813 2.239 9.274 1.461 1.588 5.686 5.654 6.75 6.75 2.318 2.414 5.256 4.113 8.607 4.129l21.598.08h.048c5.257 0 9.799-3.685 10.879-8.83l7.718-36.702h7.369c5.478 0 10.132-3.986 10.989-9.401l2.621-16.786a11.08 11.08 0 0 0-2.541-8.941z"
|
|
3226
3007
|
}),
|
|
3227
|
-
/* @__PURE__ */ jsx("path", {
|
|
3228
|
-
fill: "#fffaef",
|
|
3229
|
-
d: "M190.396 17.32c8.719 0 17.39 3.747 14.897 15.642-.715 3.399-2.271 6.289-4.701 8.703q-3.645 3.597-9.767 6.336c5.495 1.906 8.258 6.528 7.845 13.849-.444 7.734-1.064 17.93-1.064 17.93h-22.503c.54-7.036 1.747-17.168-.27-20.328-1.858-2.922-9.179-1.35-9.179-1.35l-4.574 21.677s-21.661.08-21.757 0l13.134-62.444h37.939zM176.119 29.5h-4.51s-2.922 13.53-3.192 15.389c8.338-.19 14.785-3.383 16.278-8.989 1.699-6.4-5.129-6.4-8.576-6.4M274.756 79.875h-23.551l-.191-12.42-16.087.16-4.876 12.26h-24.314l29.46-62.603h33.096zm-23.583-27.268-.111-21.058h-3.272l-8.226 21.042h11.609zM339.011 33.042h-23.615l-2.113 10.052h22.52l-3.701 16.294h-22.249l-4.288 20.407h-21.757l13.118-62.317h45.483l-3.382 15.563zM401.232 34.264h-16.389l-9.576 45.531-21.598-.08 9.56-45.45h-15.182l3.446-16.787h52.344l-2.62 16.786z"
|
|
3230
|
-
})
|
|
3231
|
-
] });
|
|
3232
|
-
}
|
|
3233
|
-
//#endregion
|
|
3234
|
-
//#region src/components/mobile-nav/mobile-nav.tsx
|
|
3235
|
-
const mobileNav = tv({ slots: {
|
|
3236
|
-
root: [
|
|
3237
|
-
"grid w-full flex-none grid-flow-col auto-cols-fr items-start gap-0",
|
|
3238
|
-
"border-t border-line-seam bg-layer-card px-2 pt-1.5 text-foreground-hint",
|
|
3239
|
-
"pb-[max(8px,min(env(safe-area-inset-bottom,0px),34px))]"
|
|
3240
|
-
],
|
|
3241
|
-
item: [
|
|
3242
|
-
"relative inline-flex shrink-0 items-center outline-none",
|
|
3243
|
-
"disabled:pointer-events-none disabled:opacity-45",
|
|
3244
|
-
"[&_svg]:shrink-0",
|
|
3245
|
-
"isolate min-w-0 flex-col justify-start gap-[7px] border-0 px-0 pt-1 pb-0",
|
|
3246
|
-
"font-sans text-[10px]/3 font-semibold text-foreground-hint",
|
|
3247
|
-
"*:relative *:z-10 [&_svg]:size-[22px] [&_svg]:stroke-2",
|
|
3248
|
-
"before:pointer-events-none before:absolute before:top-0 before:left-1/2 before:z-0 before:-translate-x-1/2",
|
|
3249
|
-
"before:h-[30px] before:w-14 before:rounded-control before:border-[1.5px] before:border-transparent before:content-['']",
|
|
3250
|
-
"active:before:bg-fill-medium",
|
|
3251
|
-
"data-[selected=true]:font-bold data-[selected=true]:text-foreground",
|
|
3252
|
-
"data-[selected=true]:[&_svg]:text-sticker-ink",
|
|
3253
|
-
"data-[selected=true]:before:border-sticker-ink data-[selected=true]:before:bg-brand data-[selected=true]:before:ring-[1.5px] data-[selected=true]:before:ring-sticker-edge",
|
|
3254
|
-
"data-[selected=true]:active:before:overlay-sticker-medium",
|
|
3255
|
-
"rounded-control focus-visible:shadow-focus"
|
|
3256
|
-
],
|
|
3257
|
-
itemLabel: ["min-w-0 truncate", "max-w-full"]
|
|
3258
|
-
} });
|
|
3259
|
-
function MobileNavRoot({ className, render, ...props }) {
|
|
3260
|
-
const { root } = mobileNav();
|
|
3261
|
-
const defaultProps = {
|
|
3262
|
-
"data-slot": "mobile-nav-root",
|
|
3263
|
-
className: root({ className })
|
|
3264
|
-
};
|
|
3265
|
-
return useRender({
|
|
3266
|
-
defaultTagName: "nav",
|
|
3267
|
-
render,
|
|
3268
|
-
props: mergeProps(defaultProps, props)
|
|
3269
|
-
});
|
|
3270
|
-
}
|
|
3271
|
-
function MobileNavItem({ nativeButton = true, selected, className, render, ...props }) {
|
|
3272
|
-
const { item } = mobileNav();
|
|
3273
|
-
const defaultProps = {
|
|
3274
|
-
type: nativeButton ? "button" : void 0,
|
|
3275
|
-
"aria-pressed": nativeButton ? selected : void 0,
|
|
3276
|
-
"data-slot": "mobile-nav-item",
|
|
3277
|
-
"data-selected": selected ? "true" : void 0,
|
|
3278
|
-
className: item({ className })
|
|
3279
|
-
};
|
|
3280
|
-
return useRender({
|
|
3281
|
-
render: render ?? /* @__PURE__ */ jsx(Button$1, {}),
|
|
3282
|
-
props: mergeProps(defaultProps, props)
|
|
3283
|
-
});
|
|
3284
|
-
}
|
|
3285
|
-
function MobileNavLabel({ className, render, ...props }) {
|
|
3286
|
-
const { itemLabel } = mobileNav();
|
|
3287
|
-
const defaultProps = {
|
|
3288
|
-
"data-slot": "mobile-nav-item-label",
|
|
3289
|
-
className: itemLabel({ className })
|
|
3290
|
-
};
|
|
3291
|
-
return useRender({
|
|
3292
|
-
defaultTagName: "span",
|
|
3293
|
-
render,
|
|
3294
|
-
props: mergeProps(defaultProps, props)
|
|
3295
|
-
});
|
|
3296
|
-
}
|
|
3297
|
-
//#endregion
|
|
3298
|
-
//#region src/components/workspace-button/workspace-button.tsx
|
|
3299
|
-
function WorkspaceButton({ className, children, ...props }) {
|
|
3300
|
-
return /* @__PURE__ */ jsxs(Button, {
|
|
3301
|
-
...props,
|
|
3302
|
-
variant: "on-frame",
|
|
3303
|
-
size: "md",
|
|
3304
|
-
"data-slot": "workspace-button",
|
|
3305
|
-
className: cn("max-w-full min-w-0 shrink justify-start gap-2", "*:data-[slot=button-content]:max-w-full [&>[data-slot=button-content]]:min-w-0", className),
|
|
3306
|
-
children: [children, /* @__PURE__ */ jsx(ChevronDown, {
|
|
3307
|
-
"aria-hidden": true,
|
|
3308
|
-
"data-slot": "workspace-button-chevron",
|
|
3309
|
-
className: "-ml-1 size-4 shrink-0"
|
|
3310
|
-
})]
|
|
3311
|
-
});
|
|
3312
|
-
}
|
|
3313
|
-
function WorkspaceButtonName({ className, ...props }) {
|
|
3314
|
-
return /* @__PURE__ */ jsx("span", {
|
|
3315
|
-
"data-slot": "workspace-button-name",
|
|
3316
|
-
className: cn("max-w-[200px] min-w-0 truncate", className),
|
|
3317
|
-
...props
|
|
3318
|
-
});
|
|
3319
|
-
}
|
|
3320
|
-
//#endregion
|
|
3321
|
-
//#region src/components/popover/popover.tsx
|
|
3322
|
-
const popover = tv({ slots: {
|
|
3323
|
-
trigger: ["select-none"],
|
|
3324
|
-
positioner: ["isolate z-50 outline-none"],
|
|
3325
|
-
content: [
|
|
3326
|
-
"max-h-(--available-height) min-w-[220px] overflow-hidden",
|
|
3327
|
-
"outline-none",
|
|
3328
|
-
"rounded-container bg-layer-popover text-foreground",
|
|
3329
|
-
"shadow-float ring-1 ring-line-seam"
|
|
3330
|
-
],
|
|
3331
|
-
header: ["flex items-center justify-between px-3", "min-h-11 gap-2 py-1.5 pr-1.5 pl-4"],
|
|
3332
|
-
separator: ["border-t", "border-line-hairline"],
|
|
3333
|
-
title: ["m-0", "font-sans text-headline font-bold text-foreground"],
|
|
3334
|
-
description: ["m-0", "font-sans text-footnote text-foreground-muted"],
|
|
3335
|
-
close: [
|
|
3336
|
-
"inline-flex items-center justify-center",
|
|
3337
|
-
"outline-none transition-colors",
|
|
3338
|
-
"h-8 min-w-8 rounded-chip px-1.5",
|
|
3339
|
-
"font-sans text-footnote font-bold text-foreground",
|
|
3340
|
-
"hover:bg-fill-medium active:bg-fill-medium",
|
|
3341
|
-
"focus-visible:shadow-focus",
|
|
3342
|
-
"[&_svg]:size-4.5"
|
|
3343
|
-
],
|
|
3344
|
-
arrow: ["size-2 rotate-45", "border-l border-t border-line-seam bg-layer-popover"],
|
|
3345
|
-
backdrop: ["fixed inset-0", "bg-transparent"],
|
|
3346
|
-
viewport: ["block"]
|
|
3347
|
-
} });
|
|
3348
|
-
function Popover(props) {
|
|
3349
|
-
return /* @__PURE__ */ jsx(Popover$1.Root, {
|
|
3350
|
-
"data-slot": "popover",
|
|
3351
|
-
...props
|
|
3352
|
-
});
|
|
3353
|
-
}
|
|
3354
|
-
function PopoverTrigger({ className, ...props }) {
|
|
3355
|
-
const { trigger } = popover();
|
|
3356
|
-
return /* @__PURE__ */ jsx(Popover$1.Trigger, {
|
|
3357
|
-
"data-slot": "popover-trigger",
|
|
3358
|
-
className: trigger({ className }),
|
|
3359
|
-
...props
|
|
3360
|
-
});
|
|
3361
|
-
}
|
|
3362
|
-
function PopoverPortal(props) {
|
|
3363
|
-
return /* @__PURE__ */ jsx(Popover$1.Portal, {
|
|
3364
|
-
"data-slot": "popover-portal",
|
|
3365
|
-
...useThemeScopeProps(props)
|
|
3366
|
-
});
|
|
3367
|
-
}
|
|
3368
|
-
function PopoverPopup({ className, ...props }) {
|
|
3369
|
-
const { content } = popover();
|
|
3370
|
-
return /* @__PURE__ */ jsx("div", {
|
|
3371
|
-
"data-slot": "popover-content",
|
|
3372
|
-
className: content({ className }),
|
|
3373
|
-
...props
|
|
3374
|
-
});
|
|
3375
|
-
}
|
|
3376
|
-
function PopoverContent({ align = "start", alignOffset = 0, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking, positionMethod = "fixed", side = "bottom", sideOffset = 4, sticky, container, portalProps, className, ...props }) {
|
|
3377
|
-
const { positioner, content } = popover();
|
|
3378
|
-
const portalContainer = container !== void 0 ? container : portalProps?.container;
|
|
3379
|
-
return /* @__PURE__ */ jsx(PopoverPortal, {
|
|
3380
|
-
...portalProps,
|
|
3381
|
-
container: portalContainer,
|
|
3382
|
-
children: /* @__PURE__ */ jsx(Popover$1.Positioner, {
|
|
3383
|
-
align,
|
|
3384
|
-
alignOffset,
|
|
3385
|
-
anchor,
|
|
3386
|
-
arrowPadding,
|
|
3387
|
-
collisionAvoidance,
|
|
3388
|
-
collisionBoundary,
|
|
3389
|
-
collisionPadding,
|
|
3390
|
-
disableAnchorTracking,
|
|
3391
|
-
positionMethod,
|
|
3392
|
-
side,
|
|
3393
|
-
sideOffset,
|
|
3394
|
-
sticky,
|
|
3395
|
-
className: positioner(),
|
|
3396
|
-
children: /* @__PURE__ */ jsx(Popover$1.Popup, {
|
|
3397
|
-
"data-slot": "popover-content",
|
|
3398
|
-
className: content({ className }),
|
|
3399
|
-
...props
|
|
3400
|
-
})
|
|
3401
|
-
})
|
|
3402
|
-
});
|
|
3403
|
-
}
|
|
3404
|
-
function PopoverViewport({ className, ...props }) {
|
|
3405
|
-
const { viewport } = popover();
|
|
3406
|
-
return /* @__PURE__ */ jsx(Popover$1.Viewport, {
|
|
3407
|
-
"data-slot": "popover-viewport",
|
|
3408
|
-
className: viewport({ className }),
|
|
3409
|
-
...props
|
|
3410
|
-
});
|
|
3411
|
-
}
|
|
3412
|
-
function PopoverHeader({ className, ...props }) {
|
|
3413
|
-
const { header } = popover();
|
|
3414
|
-
return /* @__PURE__ */ jsx("div", {
|
|
3415
|
-
"data-slot": "popover-header",
|
|
3416
|
-
className: header({ className }),
|
|
3417
|
-
...props
|
|
3418
|
-
});
|
|
3419
|
-
}
|
|
3420
|
-
function PopoverSeparator({ className, ...props }) {
|
|
3421
|
-
const { separator } = popover();
|
|
3422
|
-
return /* @__PURE__ */ jsx("div", {
|
|
3423
|
-
role: "separator",
|
|
3424
|
-
"aria-orientation": "horizontal",
|
|
3425
|
-
"data-slot": "popover-separator",
|
|
3426
|
-
className: separator({ className }),
|
|
3427
|
-
...props
|
|
3428
|
-
});
|
|
3429
|
-
}
|
|
3430
|
-
function PopoverTitle({ className, ...props }) {
|
|
3431
|
-
const { title } = popover();
|
|
3432
|
-
return /* @__PURE__ */ jsx(Popover$1.Title, {
|
|
3433
|
-
"data-slot": "popover-title",
|
|
3434
|
-
className: title({ className }),
|
|
3435
|
-
...props
|
|
3436
|
-
});
|
|
3437
|
-
}
|
|
3438
|
-
function PopoverDescription({ className, ...props }) {
|
|
3439
|
-
const { description } = popover();
|
|
3440
|
-
return /* @__PURE__ */ jsx(Popover$1.Description, {
|
|
3441
|
-
"data-slot": "popover-description",
|
|
3442
|
-
className: description({ className }),
|
|
3443
|
-
...props
|
|
3444
|
-
});
|
|
3445
|
-
}
|
|
3446
|
-
function PopoverClose({ className, ...props }) {
|
|
3447
|
-
const { close } = popover();
|
|
3448
|
-
return /* @__PURE__ */ jsx(Popover$1.Close, {
|
|
3449
|
-
"data-slot": "popover-close",
|
|
3450
|
-
className: close({ className }),
|
|
3451
|
-
...props
|
|
3452
|
-
});
|
|
3453
|
-
}
|
|
3454
|
-
function PopoverArrow({ className, ...props }) {
|
|
3455
|
-
const { arrow } = popover();
|
|
3456
|
-
return /* @__PURE__ */ jsx(Popover$1.Arrow, {
|
|
3457
|
-
"data-slot": "popover-arrow",
|
|
3458
|
-
className: arrow({ className }),
|
|
3459
|
-
...props
|
|
3460
|
-
});
|
|
3461
|
-
}
|
|
3462
|
-
function PopoverBackdrop({ className, ...props }) {
|
|
3463
|
-
const { backdrop } = popover();
|
|
3464
|
-
return /* @__PURE__ */ jsx(Popover$1.Backdrop, {
|
|
3465
|
-
"data-slot": "popover-backdrop",
|
|
3466
|
-
className: backdrop({ className }),
|
|
3467
|
-
...props
|
|
3468
|
-
});
|
|
3469
|
-
}
|
|
3470
|
-
//#endregion
|
|
3471
|
-
//#region src/components/preview-card/preview-card.tsx
|
|
3472
|
-
const previewCard = tv({ slots: {
|
|
3473
|
-
trigger: [],
|
|
3474
|
-
positioner: ["isolate z-50 outline-none"],
|
|
3475
|
-
popup: [
|
|
3476
|
-
"max-h-(--available-height) min-w-[220px] overflow-hidden",
|
|
3477
|
-
"outline-none",
|
|
3478
|
-
"origin-(--transform-origin) transform-gpu opacity-100 will-change-[transform,opacity]",
|
|
3479
|
-
"transition-[opacity,transform] duration-250 ease-[cubic-bezier(0.22,1,0.36,1)]",
|
|
3480
|
-
"data-starting-style:scale-[0.97] data-starting-style:opacity-0",
|
|
3481
|
-
"data-ending-style:scale-[0.99] data-ending-style:opacity-0 data-ending-style:duration-150",
|
|
3482
|
-
"data-instant:transition-none motion-reduce:transition-none",
|
|
3483
|
-
"w-[300px] rounded-container bg-layer-popover text-foreground",
|
|
3484
|
-
"shadow-float ring-1 ring-line-seam"
|
|
3485
|
-
],
|
|
3486
|
-
header: ["flex items-start gap-3", "px-4 pt-4 pb-3 last:pb-4"],
|
|
3487
|
-
separator: ["border-t", "border-line-hairline"],
|
|
3488
|
-
title: ["m-0 truncate", "font-sans text-headline font-bold text-foreground"],
|
|
3489
|
-
description: ["m-0 truncate", "px-4 py-3 last:pb-4 font-sans text-callout text-foreground-muted"],
|
|
3490
|
-
arrow: ["size-2 rotate-45", "border-l border-t border-line-seam bg-layer-popover"]
|
|
3491
|
-
} });
|
|
3492
|
-
function PreviewCard(props) {
|
|
3493
|
-
return /* @__PURE__ */ jsx(PreviewCard$1.Root, {
|
|
3494
|
-
"data-slot": "preview-card",
|
|
3495
|
-
...props
|
|
3496
|
-
});
|
|
3497
|
-
}
|
|
3498
|
-
function PreviewCardTrigger({ delay = 80, closeDelay = 40, className, ...props }) {
|
|
3499
|
-
const { trigger } = previewCard();
|
|
3500
|
-
return /* @__PURE__ */ jsx(PreviewCard$1.Trigger, {
|
|
3501
|
-
"data-slot": "preview-card-trigger",
|
|
3502
|
-
delay,
|
|
3503
|
-
closeDelay,
|
|
3504
|
-
className: trigger({ className }),
|
|
3505
|
-
...props
|
|
3506
|
-
});
|
|
3507
|
-
}
|
|
3508
|
-
function PreviewCardPortal(props) {
|
|
3509
|
-
return /* @__PURE__ */ jsx(PreviewCard$1.Portal, {
|
|
3510
|
-
"data-slot": "preview-card-portal",
|
|
3511
|
-
...useThemeScopeProps(props)
|
|
3512
|
-
});
|
|
3513
|
-
}
|
|
3514
|
-
function PreviewCardPopup({ className, ...props }) {
|
|
3515
|
-
const themeState = useTheme();
|
|
3516
|
-
const { popup } = previewCard();
|
|
3517
|
-
const scopeProps = resolveThemeScopeProps({
|
|
3518
|
-
...props,
|
|
3519
|
-
className: popup({ className })
|
|
3520
|
-
}, themeState);
|
|
3521
|
-
return /* @__PURE__ */ jsx("div", {
|
|
3522
|
-
"data-slot": "preview-card-content",
|
|
3523
|
-
...scopeProps
|
|
3524
|
-
});
|
|
3525
|
-
}
|
|
3526
|
-
function PreviewCardContent({ align = "start", alignOffset = 0, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking, positionMethod = "fixed", side = "bottom", sideOffset = 6, sticky, portalProps, className, ...props }) {
|
|
3527
|
-
const { positioner, popup } = previewCard();
|
|
3528
|
-
return /* @__PURE__ */ jsx(PreviewCardPortal, {
|
|
3529
|
-
...portalProps,
|
|
3530
|
-
children: /* @__PURE__ */ jsx(PreviewCard$1.Positioner, {
|
|
3531
|
-
align,
|
|
3532
|
-
alignOffset,
|
|
3533
|
-
anchor,
|
|
3534
|
-
arrowPadding,
|
|
3535
|
-
collisionAvoidance,
|
|
3536
|
-
collisionBoundary,
|
|
3537
|
-
collisionPadding,
|
|
3538
|
-
disableAnchorTracking,
|
|
3539
|
-
positionMethod,
|
|
3540
|
-
side,
|
|
3541
|
-
sideOffset,
|
|
3542
|
-
sticky,
|
|
3543
|
-
className: positioner(),
|
|
3544
|
-
children: /* @__PURE__ */ jsx(PreviewCard$1.Popup, {
|
|
3545
|
-
"data-slot": "preview-card-content",
|
|
3546
|
-
className: popup({ className }),
|
|
3547
|
-
...props
|
|
3548
|
-
})
|
|
3549
|
-
})
|
|
3550
|
-
});
|
|
3551
|
-
}
|
|
3552
|
-
function PreviewCardHeader({ className, ...props }) {
|
|
3553
|
-
const { header } = previewCard();
|
|
3554
|
-
return /* @__PURE__ */ jsx("div", {
|
|
3555
|
-
"data-slot": "preview-card-header",
|
|
3556
|
-
className: header({ className }),
|
|
3557
|
-
...props
|
|
3558
|
-
});
|
|
3559
|
-
}
|
|
3560
|
-
function PreviewCardSeparator({ className, ...props }) {
|
|
3561
|
-
const { separator } = previewCard();
|
|
3562
|
-
return /* @__PURE__ */ jsx("div", {
|
|
3563
|
-
role: "separator",
|
|
3564
|
-
"aria-orientation": "horizontal",
|
|
3565
|
-
"data-slot": "preview-card-separator",
|
|
3566
|
-
className: separator({ className }),
|
|
3567
|
-
...props
|
|
3568
|
-
});
|
|
3569
|
-
}
|
|
3570
|
-
function PreviewCardTitle({ className, ...props }) {
|
|
3571
|
-
const { title } = previewCard();
|
|
3572
|
-
return /* @__PURE__ */ jsx("p", {
|
|
3573
|
-
"data-slot": "preview-card-title",
|
|
3574
|
-
className: title({ className }),
|
|
3575
|
-
...props
|
|
3576
|
-
});
|
|
3008
|
+
/* @__PURE__ */ jsx("path", {
|
|
3009
|
+
fill: "#fffaef",
|
|
3010
|
+
d: "M190.396 17.32c8.719 0 17.39 3.747 14.897 15.642-.715 3.399-2.271 6.289-4.701 8.703q-3.645 3.597-9.767 6.336c5.495 1.906 8.258 6.528 7.845 13.849-.444 7.734-1.064 17.93-1.064 17.93h-22.503c.54-7.036 1.747-17.168-.27-20.328-1.858-2.922-9.179-1.35-9.179-1.35l-4.574 21.677s-21.661.08-21.757 0l13.134-62.444h37.939zM176.119 29.5h-4.51s-2.922 13.53-3.192 15.389c8.338-.19 14.785-3.383 16.278-8.989 1.699-6.4-5.129-6.4-8.576-6.4M274.756 79.875h-23.551l-.191-12.42-16.087.16-4.876 12.26h-24.314l29.46-62.603h33.096zm-23.583-27.268-.111-21.058h-3.272l-8.226 21.042h11.609zM339.011 33.042h-23.615l-2.113 10.052h22.52l-3.701 16.294h-22.249l-4.288 20.407h-21.757l13.118-62.317h45.483l-3.382 15.563zM401.232 34.264h-16.389l-9.576 45.531-21.598-.08 9.56-45.45h-15.182l3.446-16.787h52.344l-2.62 16.786z"
|
|
3011
|
+
})
|
|
3012
|
+
] });
|
|
3577
3013
|
}
|
|
3578
|
-
|
|
3579
|
-
|
|
3580
|
-
|
|
3581
|
-
|
|
3582
|
-
|
|
3583
|
-
|
|
3014
|
+
//#endregion
|
|
3015
|
+
//#region src/components/workspace-button/workspace-button.tsx
|
|
3016
|
+
function WorkspaceButton({ className, children, ...props }) {
|
|
3017
|
+
return /* @__PURE__ */ jsxs(Button, {
|
|
3018
|
+
...props,
|
|
3019
|
+
variant: "on-frame",
|
|
3020
|
+
size: "md",
|
|
3021
|
+
"data-slot": "workspace-button",
|
|
3022
|
+
className: cn("max-w-full min-w-0 shrink justify-start gap-2", "*:data-[slot=button-content]:max-w-full [&>[data-slot=button-content]]:min-w-0", className),
|
|
3023
|
+
children: [children, /* @__PURE__ */ jsx(ChevronDown, {
|
|
3024
|
+
"aria-hidden": true,
|
|
3025
|
+
"data-slot": "workspace-button-chevron",
|
|
3026
|
+
className: "-ml-1 size-4 shrink-0"
|
|
3027
|
+
})]
|
|
3584
3028
|
});
|
|
3585
3029
|
}
|
|
3586
|
-
function
|
|
3587
|
-
|
|
3588
|
-
|
|
3589
|
-
|
|
3590
|
-
className: arrow({ className }),
|
|
3030
|
+
function WorkspaceButtonName({ className, ...props }) {
|
|
3031
|
+
return /* @__PURE__ */ jsx("span", {
|
|
3032
|
+
"data-slot": "workspace-button-name",
|
|
3033
|
+
className: cn("max-w-[200px] min-w-0 truncate", className),
|
|
3591
3034
|
...props
|
|
3592
3035
|
});
|
|
3593
3036
|
}
|
|
@@ -5962,7 +5405,7 @@ const messageActionCard = tv({
|
|
|
5962
5405
|
status: [
|
|
5963
5406
|
"inline-flex h-auto items-center gap-1.5 rounded-none border-0 bg-transparent p-0 shadow-none",
|
|
5964
5407
|
"text-caption font-semibold text-foreground-muted",
|
|
5965
|
-
"before:size-
|
|
5408
|
+
"before:size-2.5 before:shrink-0 before:rounded-[2px] before:border-[1.5px] before:border-sticker-ink before:content-['']"
|
|
5966
5409
|
],
|
|
5967
5410
|
collapseTrigger: [
|
|
5968
5411
|
"flex shrink-0 cursor-pointer items-center justify-center",
|
|
@@ -9716,48 +9159,22 @@ function useComposerSuggestions({ value, onValueChange, detectTrigger, getItems,
|
|
|
9716
9159
|
};
|
|
9717
9160
|
}
|
|
9718
9161
|
//#endregion
|
|
9719
|
-
//#region src/components/skeleton/skeleton.tsx
|
|
9720
|
-
const skeleton = tv({
|
|
9721
|
-
slots: { root: [
|
|
9722
|
-
"animate-pulse motion-reduce:animate-none",
|
|
9723
|
-
"pointer-events-none",
|
|
9724
|
-
"data-[variant=line]:rounded-sticker data-[variant=line]:bg-fill-muted",
|
|
9725
|
-
"data-[variant=block]:rounded-sticker data-[variant=block]:bg-fill-muted"
|
|
9726
|
-
] },
|
|
9727
|
-
variants: { variant: {
|
|
9728
|
-
line: { root: "h-3" },
|
|
9729
|
-
block: { root: "" },
|
|
9730
|
-
circle: { root: ["rounded-sticker bg-fill-muted"] }
|
|
9731
|
-
} },
|
|
9732
|
-
defaultVariants: { variant: "block" }
|
|
9733
|
-
});
|
|
9734
|
-
function Skeleton({ variant = "block", className, ...props }) {
|
|
9735
|
-
const { root } = skeleton({ variant });
|
|
9736
|
-
return /* @__PURE__ */ jsx("div", {
|
|
9737
|
-
"aria-hidden": "true",
|
|
9738
|
-
"data-slot": "skeleton",
|
|
9739
|
-
"data-variant": variant,
|
|
9740
|
-
className: root({ className }),
|
|
9741
|
-
...props
|
|
9742
|
-
});
|
|
9743
|
-
}
|
|
9744
|
-
//#endregion
|
|
9745
9162
|
//#region src/components/banner/banner.tsx
|
|
9746
9163
|
const banner = tv({
|
|
9747
9164
|
slots: {
|
|
9748
9165
|
root: [
|
|
9749
9166
|
"group/banner @container grid gap-y-0",
|
|
9750
9167
|
"[&>svg]:col-start-1 [&>svg]:shrink-0",
|
|
9751
|
-
"*:data-[slot=
|
|
9168
|
+
"*:data-[slot=spinner]:col-start-1 *:data-[slot=spinner]:row-start-1",
|
|
9752
9169
|
"w-full grid-cols-[minmax(0,1fr)] items-start gap-x-2.5 rounded-container border-0",
|
|
9753
9170
|
"font-sans text-callout text-foreground ring-1 ring-line-hairline ring-inset",
|
|
9754
9171
|
"has-[>svg]:grid-cols-[20px_minmax(0,1fr)]",
|
|
9755
|
-
"has-[>[data-slot=
|
|
9172
|
+
"has-[>[data-slot=spinner]]:grid-cols-[20px_minmax(0,1fr)]",
|
|
9756
9173
|
"[&>svg]:row-start-1 [&>svg]:size-5 [&>svg]:text-foreground",
|
|
9757
9174
|
"[&>svg]:mt-[calc((1lh-20px)/2)]",
|
|
9758
|
-
"*:data-[slot=
|
|
9175
|
+
"*:data-[slot=spinner]:h-lh *:data-[slot=spinner]:leading-[inherit] *:data-[slot=spinner]:self-start *:data-[slot=spinner]:justify-self-center",
|
|
9759
9176
|
"has-[>svg]:[--banner-text-col:2]",
|
|
9760
|
-
"has-[>[data-slot=
|
|
9177
|
+
"has-[>[data-slot=spinner]]:[--banner-text-col:2]",
|
|
9761
9178
|
"has-[>[data-slot=banner-title]]:[--banner-desc-row:2]",
|
|
9762
9179
|
"has-[>[data-slot=banner-description]]:[--banner-last-row:var(--banner-desc-row,1)]",
|
|
9763
9180
|
"has-[>[data-banner-close]]:[--banner-action-end:span_2]"
|
|
@@ -9793,8 +9210,8 @@ const banner = tv({
|
|
|
9793
9210
|
},
|
|
9794
9211
|
size: {
|
|
9795
9212
|
sm: { root: [
|
|
9796
|
-
"gap-x-2 px-3 py-2
|
|
9797
|
-
"has-[>svg]:grid-cols-[16px_minmax(0,1fr)] has-[>[data-slot=
|
|
9213
|
+
"gap-x-2 px-3 py-2",
|
|
9214
|
+
"has-[>svg]:grid-cols-[16px_minmax(0,1fr)] has-[>[data-slot=spinner]]:grid-cols-[16px_minmax(0,1fr)]",
|
|
9798
9215
|
"[&>svg]:mt-[calc((1lh-16px)/2)] [&>svg]:size-4"
|
|
9799
9216
|
] },
|
|
9800
9217
|
md: { root: ["px-3.5 py-3"] },
|
|
@@ -10123,7 +9540,7 @@ const notificationCenter = tv({
|
|
|
10123
9540
|
true: { item: ["opacity-100"] },
|
|
10124
9541
|
false: { item: [
|
|
10125
9542
|
"pr-[37px]",
|
|
10126
|
-
"after:pointer-events-none after:absolute after:top-[
|
|
9543
|
+
"after:pointer-events-none after:absolute after:top-[calc(--spacing(3)+(var(--text-subhead--line-height)-10px)/2)] after:right-4 after:size-2.5",
|
|
10127
9544
|
"after:rounded-[2px] after:border-[1.5px] after:border-sticker-ink after:bg-attention-400"
|
|
10128
9545
|
] }
|
|
10129
9546
|
},
|
|
@@ -10413,7 +9830,7 @@ const toastStyles = tv({
|
|
|
10413
9830
|
icon: [
|
|
10414
9831
|
"flex h-lh w-5 shrink-0 items-center justify-center",
|
|
10415
9832
|
"[&_svg]:shrink-0",
|
|
10416
|
-
"[&_svg]:size-4
|
|
9833
|
+
"[&_svg]:size-4"
|
|
10417
9834
|
],
|
|
10418
9835
|
body: ["min-w-0"],
|
|
10419
9836
|
title: ["m-0 truncate text-callout", "font-normal text-foreground-on-hud"],
|
|
@@ -10847,11 +10264,11 @@ function DefaultToastItem({ placement, toast: toastObject }) {
|
|
|
10847
10264
|
})
|
|
10848
10265
|
});
|
|
10849
10266
|
}
|
|
10850
|
-
const
|
|
10851
|
-
info:
|
|
10852
|
-
success:
|
|
10853
|
-
warning:
|
|
10854
|
-
error:
|
|
10267
|
+
const TOAST_ICON = {
|
|
10268
|
+
info: Info,
|
|
10269
|
+
success: CircleCheck,
|
|
10270
|
+
warning: TriangleAlert,
|
|
10271
|
+
error: TriangleAlert
|
|
10855
10272
|
};
|
|
10856
10273
|
function hasLeading(toastObject) {
|
|
10857
10274
|
const leading = toastObject.data?.leading;
|
|
@@ -10863,10 +10280,8 @@ function DefaultToastIcon({ toast: toastObject }) {
|
|
|
10863
10280
|
children: toastObject.data?.leading
|
|
10864
10281
|
});
|
|
10865
10282
|
const intent = toastObject.data?.intent ?? getToastTone(toastObject.type);
|
|
10866
|
-
|
|
10867
|
-
|
|
10868
|
-
variant: TOAST_PIXEL[intent]
|
|
10869
|
-
}) });
|
|
10283
|
+
const Icon = TOAST_ICON[intent];
|
|
10284
|
+
return /* @__PURE__ */ jsx(ToastIcon, { children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": true }) });
|
|
10870
10285
|
}
|
|
10871
10286
|
function ToastArrowSvg(props) {
|
|
10872
10287
|
return /* @__PURE__ */ jsx("svg", {
|
|
@@ -11313,56 +10728,6 @@ function Separator({ children, className, orientation = "horizontal", ...props }
|
|
|
11313
10728
|
});
|
|
11314
10729
|
}
|
|
11315
10730
|
//#endregion
|
|
11316
|
-
//#region src/components/panel/panel-action.recipe.ts
|
|
11317
|
-
const panelActionBase = tv({ base: [
|
|
11318
|
-
"relative inline-flex w-auto shrink-0 items-center justify-center",
|
|
11319
|
-
"overflow-visible font-sans leading-none tabular-nums select-none outline-none",
|
|
11320
|
-
"transition-all duration-100",
|
|
11321
|
-
"[&>svg]:pointer-events-none [&>svg]:shrink-0",
|
|
11322
|
-
"h-control min-w-control rounded-control border-[1.5px] border-transparent bg-transparent py-0",
|
|
11323
|
-
"px-2 md:pointer-fine:px-[5px]",
|
|
11324
|
-
"after:absolute after:-inset-control-hit",
|
|
11325
|
-
"text-foreground",
|
|
11326
|
-
"hover:bg-fill-medium active:bg-fill-medium",
|
|
11327
|
-
"focus-visible:shadow-focus",
|
|
11328
|
-
"[&>svg]:size-control-icon",
|
|
11329
|
-
controlIconInset
|
|
11330
|
-
] });
|
|
11331
|
-
const panelAction = tv({
|
|
11332
|
-
extend: panelActionBase,
|
|
11333
|
-
base: [
|
|
11334
|
-
"whitespace-nowrap",
|
|
11335
|
-
"disabled:pointer-events-none disabled:transform-none",
|
|
11336
|
-
"gap-1.5 text-control font-bold",
|
|
11337
|
-
"disabled:bg-transparent disabled:text-foreground-disabled disabled:opacity-100",
|
|
11338
|
-
"aria-pressed:border-sticker-ink aria-pressed:bg-brand aria-pressed:text-sticker-ink aria-pressed:ring-[1.5px] aria-pressed:ring-sticker-edge",
|
|
11339
|
-
"aria-pressed:active:overlay-sticker-medium"
|
|
11340
|
-
]
|
|
11341
|
-
});
|
|
11342
|
-
const panelToggleAction = tv({
|
|
11343
|
-
extend: panelActionBase,
|
|
11344
|
-
base: [
|
|
11345
|
-
"data-disabled:pointer-events-none data-disabled:transform-none",
|
|
11346
|
-
"gap-1.5 text-control font-bold",
|
|
11347
|
-
"data-disabled:bg-transparent data-disabled:text-foreground-disabled data-disabled:opacity-100",
|
|
11348
|
-
"data-pressed:border-sticker-ink data-pressed:bg-brand data-pressed:text-sticker-ink data-pressed:ring-[1.5px] data-pressed:ring-sticker-edge",
|
|
11349
|
-
"data-pressed:active:overlay-sticker-medium"
|
|
11350
|
-
]
|
|
11351
|
-
});
|
|
11352
|
-
//#endregion
|
|
11353
|
-
//#region src/components/panel/panel-action.tsx
|
|
11354
|
-
function PanelAction({ className, render, nativeButton, ...props }) {
|
|
11355
|
-
return /* @__PURE__ */ jsx(Button$1, {
|
|
11356
|
-
...props,
|
|
11357
|
-
render,
|
|
11358
|
-
nativeButton: nativeButton ?? defaultNativeButton(render),
|
|
11359
|
-
type: "button",
|
|
11360
|
-
"data-slot": "panel-action",
|
|
11361
|
-
"data-icon-inset": "",
|
|
11362
|
-
className: panelAction({ className })
|
|
11363
|
-
});
|
|
11364
|
-
}
|
|
11365
|
-
//#endregion
|
|
11366
10731
|
//#region src/components/app-shell/app-shell.tsx
|
|
11367
10732
|
const appShell = tv({
|
|
11368
10733
|
slots: {
|
|
@@ -11838,7 +11203,7 @@ const panelNotice = tv({
|
|
|
11838
11203
|
"flex shrink-0 items-start",
|
|
11839
11204
|
"min-h-10 gap-2.5 border-b border-line-seam px-5 py-2.5 max-md:px-4",
|
|
11840
11205
|
"font-sans text-callout font-semibold text-foreground",
|
|
11841
|
-
"[&>svg]:lead-icon
|
|
11206
|
+
"[&>svg]:lead-icon"
|
|
11842
11207
|
],
|
|
11843
11208
|
content: ["min-w-0 flex-1"],
|
|
11844
11209
|
actions: ["flex shrink-0 items-center", "-my-1.5 gap-3"]
|
|
@@ -12234,8 +11599,9 @@ function LiveAgentActivityBarText({ className, render, ...props }) {
|
|
|
12234
11599
|
}
|
|
12235
11600
|
//#endregion
|
|
12236
11601
|
//#region src/components/tasks/task-status-icon.tsx
|
|
12237
|
-
/** Raft draws every status as its pixel: a
|
|
12238
|
-
* with a 1.5px sticker-ink edge (2px outer radius)
|
|
11602
|
+
/** Raft draws every status as its pixel: a 10px square in the status colour
|
|
11603
|
+
* with a 1.5px sticker-ink edge (2px outer radius), the size of every status
|
|
11604
|
+
* light beside text (status.md#sizes). The square keeps its size
|
|
12239
11605
|
* and sits centred in whatever box the context gives the icon, so an icon
|
|
12240
11606
|
* slot sized for a glyph still shows the same pixel. */
|
|
12241
11607
|
const TASK_STATUS_PIXEL_STYLE = {
|
|
@@ -12265,19 +11631,19 @@ function TaskStatusPixel({ status, className, ...props }) {
|
|
|
12265
11631
|
"aria-hidden": true,
|
|
12266
11632
|
"data-slot": "task-status-icon",
|
|
12267
11633
|
"data-status": status,
|
|
12268
|
-
width: "
|
|
12269
|
-
height: "
|
|
11634
|
+
width: "10",
|
|
11635
|
+
height: "10",
|
|
12270
11636
|
overflow: "visible",
|
|
12271
11637
|
className,
|
|
12272
11638
|
...props,
|
|
12273
11639
|
children: /* @__PURE__ */ jsx("rect", {
|
|
12274
11640
|
x: "50%",
|
|
12275
11641
|
y: "50%",
|
|
12276
|
-
width: "
|
|
12277
|
-
height: "
|
|
11642
|
+
width: "8.5",
|
|
11643
|
+
height: "8.5",
|
|
12278
11644
|
rx: "1.25",
|
|
12279
11645
|
strokeWidth: "1.5",
|
|
12280
|
-
transform: "translate(-
|
|
11646
|
+
transform: "translate(-4.25 -4.25)",
|
|
12281
11647
|
style: TASK_STATUS_PIXEL_STYLE[status]
|
|
12282
11648
|
})
|
|
12283
11649
|
});
|
|
@@ -12551,7 +11917,7 @@ const taskCardStatus = tv({ base: [
|
|
|
12551
11917
|
"font-sans text-[12px] leading-4 font-semibold text-foreground",
|
|
12552
11918
|
"[&:not(:has([data-slot=task-card-status-label]))]:hidden",
|
|
12553
11919
|
"**: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",
|
|
12554
|
-
"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-3 [&_svg:not([data-slot=task-status-icon])]:-mx-0.5 [&_svg[data-slot=task-status-icon]]:size-
|
|
11920
|
+
"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-3 [&_svg:not([data-slot=task-status-icon])]:-mx-0.5 [&_svg[data-slot=task-status-icon]]:size-2.5",
|
|
12555
11921
|
"[button&]:cursor-pointer [button&]:enabled:hover:overlay-medium [button&]:enabled:active:overlay-medium",
|
|
12556
11922
|
"disabled:cursor-default disabled:opacity-100",
|
|
12557
11923
|
"focus-visible:shadow-focus"
|
|
@@ -15686,9 +15052,9 @@ const taskChip = tv({
|
|
|
15686
15052
|
"no-underline select-text",
|
|
15687
15053
|
"transition-[filter,opacity] duration-100",
|
|
15688
15054
|
"focus-visible:keyboard:outline-2 focus-visible:keyboard:outline-offset-2 focus-visible:keyboard:outline-line-strong",
|
|
15689
|
-
"
|
|
15055
|
+
"border-0",
|
|
15690
15056
|
"font-sans font-semibold text-foreground",
|
|
15691
|
-
"[&>svg:not([data-slot=task-status-icon])]:-mx-0.5 [&>svg[data-slot=task-status-icon]]:size-
|
|
15057
|
+
"[&>svg:not([data-slot=task-status-icon])]:-mx-0.5 [&>svg[data-slot=task-status-icon]]:size-2.5",
|
|
15692
15058
|
"[a,button]:cursor-pointer [a,button]:hover:overlay-medium [a,button]:active:overlay-medium",
|
|
15693
15059
|
"focus-visible:outline-none focus-visible:shadow-focus"
|
|
15694
15060
|
] },
|
|
@@ -15701,7 +15067,7 @@ const taskChip = tv({
|
|
|
15701
15067
|
closed: { root: ["bg-task-status-closed-soft"] }
|
|
15702
15068
|
},
|
|
15703
15069
|
variant: {
|
|
15704
|
-
default: { root: ["h-[22px] gap-1.5 px-[7px] py-0", "text-[12px] leading-4"] },
|
|
15070
|
+
default: { root: ["h-[22px] gap-1.5 rounded-chip px-[7px] py-0", "text-[12px] leading-4"] },
|
|
15705
15071
|
inline: {}
|
|
15706
15072
|
},
|
|
15707
15073
|
size: {
|
|
@@ -15709,39 +15075,21 @@ const taskChip = tv({
|
|
|
15709
15075
|
sm: {}
|
|
15710
15076
|
}
|
|
15711
15077
|
},
|
|
15712
|
-
compoundVariants: [
|
|
15713
|
-
|
|
15714
|
-
|
|
15715
|
-
|
|
15716
|
-
|
|
15717
|
-
|
|
15718
|
-
|
|
15719
|
-
|
|
15720
|
-
|
|
15721
|
-
|
|
15722
|
-
|
|
15723
|
-
|
|
15724
|
-
|
|
15725
|
-
|
|
15726
|
-
|
|
15727
|
-
},
|
|
15728
|
-
{
|
|
15729
|
-
variant: "default",
|
|
15730
|
-
size: "sm",
|
|
15731
|
-
class: { root: ["h-5 gap-1 px-[5px]"] }
|
|
15732
|
-
},
|
|
15733
|
-
{
|
|
15734
|
-
variant: "inline",
|
|
15735
|
-
status: [
|
|
15736
|
-
"todo",
|
|
15737
|
-
"in-progress",
|
|
15738
|
-
"in-review",
|
|
15739
|
-
"done",
|
|
15740
|
-
"closed"
|
|
15741
|
-
],
|
|
15742
|
-
class: { root: ["rounded-sticker border-0 px-[4.5px]", "font-semibold"] }
|
|
15743
|
-
}
|
|
15744
|
-
],
|
|
15078
|
+
compoundVariants: [{
|
|
15079
|
+
variant: "inline",
|
|
15080
|
+
status: [
|
|
15081
|
+
"todo",
|
|
15082
|
+
"in-progress",
|
|
15083
|
+
"in-review",
|
|
15084
|
+
"done",
|
|
15085
|
+
"closed"
|
|
15086
|
+
],
|
|
15087
|
+
class: { root: [...inlineChip, "[&>svg]:size-3.5 [&>svg]:self-center [&>svg:not([data-slot=task-status-icon])]:mx-0"] }
|
|
15088
|
+
}, {
|
|
15089
|
+
variant: "default",
|
|
15090
|
+
size: "sm",
|
|
15091
|
+
class: { root: ["h-5 gap-1 px-[5px]"] }
|
|
15092
|
+
}],
|
|
15745
15093
|
defaultVariants: {
|
|
15746
15094
|
variant: "default",
|
|
15747
15095
|
size: "default"
|
|
@@ -16159,276 +15507,6 @@ function ActivityInboxSelectionCount({ className, ...props }) {
|
|
|
16159
15507
|
});
|
|
16160
15508
|
}
|
|
16161
15509
|
//#endregion
|
|
16162
|
-
//#region src/components/inbox-item/inbox-item.tsx
|
|
16163
|
-
const InboxItemDisabledContext = createContext(false);
|
|
16164
|
-
const InboxItemDensityContext = createContext(void 0);
|
|
16165
|
-
function InboxItem({ active = false, className, density, disabled = false, render, ...props }) {
|
|
16166
|
-
const { item } = inboxItem({ density });
|
|
16167
|
-
const defaultProps = {
|
|
16168
|
-
"aria-disabled": disabled || void 0,
|
|
16169
|
-
"data-active": active ? "true" : void 0,
|
|
16170
|
-
"data-density": density,
|
|
16171
|
-
"data-disabled": disabled ? "true" : void 0,
|
|
16172
|
-
"data-slot": "inbox-item",
|
|
16173
|
-
className: item({ className: `group/inbox-item ${className ?? ""}`.trim() })
|
|
16174
|
-
};
|
|
16175
|
-
const element = useRender({
|
|
16176
|
-
defaultTagName: "div",
|
|
16177
|
-
render,
|
|
16178
|
-
props: mergeProps(defaultProps, props)
|
|
16179
|
-
});
|
|
16180
|
-
return /* @__PURE__ */ jsx(InboxItemDisabledContext.Provider, {
|
|
16181
|
-
value: disabled,
|
|
16182
|
-
children: /* @__PURE__ */ jsx(InboxItemDensityContext.Provider, {
|
|
16183
|
-
value: density,
|
|
16184
|
-
children: element
|
|
16185
|
-
})
|
|
16186
|
-
});
|
|
16187
|
-
}
|
|
16188
|
-
function InboxItemTrigger({ className, onClick, render, ...props }) {
|
|
16189
|
-
const disabled = useContext(InboxItemDisabledContext);
|
|
16190
|
-
const { itemTrigger } = inboxItem();
|
|
16191
|
-
const defaultProps = {
|
|
16192
|
-
type: render ? void 0 : "button",
|
|
16193
|
-
"aria-disabled": disabled || void 0,
|
|
16194
|
-
"data-disabled": disabled ? "true" : void 0,
|
|
16195
|
-
"data-slot": "inbox-item-open",
|
|
16196
|
-
disabled: render ? void 0 : disabled,
|
|
16197
|
-
tabIndex: disabled && render ? -1 : void 0,
|
|
16198
|
-
className: itemTrigger({ className }),
|
|
16199
|
-
onClick: (event) => {
|
|
16200
|
-
if (disabled) {
|
|
16201
|
-
event.preventDefault();
|
|
16202
|
-
event.stopPropagation();
|
|
16203
|
-
return;
|
|
16204
|
-
}
|
|
16205
|
-
onClick?.(event);
|
|
16206
|
-
}
|
|
16207
|
-
};
|
|
16208
|
-
return useRender({
|
|
16209
|
-
defaultTagName: "button",
|
|
16210
|
-
render,
|
|
16211
|
-
props: mergeProps(defaultProps, props)
|
|
16212
|
-
});
|
|
16213
|
-
}
|
|
16214
|
-
function InboxItemLeading({ className, render, ...props }) {
|
|
16215
|
-
const { itemLeading } = inboxItem();
|
|
16216
|
-
const defaultProps = {
|
|
16217
|
-
"data-slot": "inbox-item-leading",
|
|
16218
|
-
className: itemLeading({ className })
|
|
16219
|
-
};
|
|
16220
|
-
return useRender({
|
|
16221
|
-
defaultTagName: "div",
|
|
16222
|
-
render,
|
|
16223
|
-
props: mergeProps(defaultProps, props)
|
|
16224
|
-
});
|
|
16225
|
-
}
|
|
16226
|
-
function InboxItemSelection({ className, render, ...props }) {
|
|
16227
|
-
const { itemSelection } = inboxItem();
|
|
16228
|
-
const defaultProps = {
|
|
16229
|
-
"data-slot": "inbox-item-selection",
|
|
16230
|
-
className: itemSelection({ className })
|
|
16231
|
-
};
|
|
16232
|
-
return useRender({
|
|
16233
|
-
defaultTagName: "div",
|
|
16234
|
-
render,
|
|
16235
|
-
props: mergeProps(defaultProps, props)
|
|
16236
|
-
});
|
|
16237
|
-
}
|
|
16238
|
-
function InboxItemContent({ className, render, ...props }) {
|
|
16239
|
-
const { itemContent } = inboxItem();
|
|
16240
|
-
const defaultProps = {
|
|
16241
|
-
"data-slot": "inbox-item-content",
|
|
16242
|
-
className: itemContent({ className })
|
|
16243
|
-
};
|
|
16244
|
-
return useRender({
|
|
16245
|
-
defaultTagName: "div",
|
|
16246
|
-
render,
|
|
16247
|
-
props: mergeProps(defaultProps, props)
|
|
16248
|
-
});
|
|
16249
|
-
}
|
|
16250
|
-
function InboxItemContext({ className, render, ...props }) {
|
|
16251
|
-
const { itemContext } = inboxItem();
|
|
16252
|
-
const defaultProps = {
|
|
16253
|
-
"data-slot": "inbox-item-context",
|
|
16254
|
-
className: itemContext({ className })
|
|
16255
|
-
};
|
|
16256
|
-
return useRender({
|
|
16257
|
-
defaultTagName: "div",
|
|
16258
|
-
render,
|
|
16259
|
-
props: mergeProps(defaultProps, props)
|
|
16260
|
-
});
|
|
16261
|
-
}
|
|
16262
|
-
function InboxItemSubtitle({ className, render, ...props }) {
|
|
16263
|
-
const { itemSubtitle } = inboxItem();
|
|
16264
|
-
const defaultProps = {
|
|
16265
|
-
"data-slot": "inbox-item-subtitle",
|
|
16266
|
-
className: itemSubtitle({ className })
|
|
16267
|
-
};
|
|
16268
|
-
return useRender({
|
|
16269
|
-
defaultTagName: "div",
|
|
16270
|
-
render,
|
|
16271
|
-
props: mergeProps(defaultProps, props)
|
|
16272
|
-
});
|
|
16273
|
-
}
|
|
16274
|
-
function InboxItemHeading({ className, render, ...props }) {
|
|
16275
|
-
const { itemHeading } = inboxItem();
|
|
16276
|
-
const defaultProps = {
|
|
16277
|
-
"data-slot": "inbox-item-heading",
|
|
16278
|
-
className: itemHeading({ className })
|
|
16279
|
-
};
|
|
16280
|
-
return useRender({
|
|
16281
|
-
defaultTagName: "div",
|
|
16282
|
-
render,
|
|
16283
|
-
props: mergeProps(defaultProps, props)
|
|
16284
|
-
});
|
|
16285
|
-
}
|
|
16286
|
-
function InboxItemTitle({ className, render, ...props }) {
|
|
16287
|
-
const density = useContext(InboxItemDensityContext);
|
|
16288
|
-
const { itemTitle } = inboxItem({ density });
|
|
16289
|
-
const defaultProps = {
|
|
16290
|
-
"data-slot": "inbox-item-title",
|
|
16291
|
-
className: itemTitle({ className })
|
|
16292
|
-
};
|
|
16293
|
-
return useRender({
|
|
16294
|
-
defaultTagName: "div",
|
|
16295
|
-
render,
|
|
16296
|
-
props: mergeProps(defaultProps, props)
|
|
16297
|
-
});
|
|
16298
|
-
}
|
|
16299
|
-
function InboxItemTrailing({ className, render, ...props }) {
|
|
16300
|
-
const density = useContext(InboxItemDensityContext);
|
|
16301
|
-
const { itemTrailing } = inboxItem({ density });
|
|
16302
|
-
const defaultProps = {
|
|
16303
|
-
"data-slot": "inbox-item-trailing",
|
|
16304
|
-
className: itemTrailing({ className })
|
|
16305
|
-
};
|
|
16306
|
-
return useRender({
|
|
16307
|
-
defaultTagName: "div",
|
|
16308
|
-
render,
|
|
16309
|
-
props: mergeProps(defaultProps, props)
|
|
16310
|
-
});
|
|
16311
|
-
}
|
|
16312
|
-
function InboxItemTimestamp({ className, render, ...props }) {
|
|
16313
|
-
const density = useContext(InboxItemDensityContext);
|
|
16314
|
-
const { itemTimestamp } = inboxItem({ density });
|
|
16315
|
-
const defaultProps = {
|
|
16316
|
-
"data-slot": "inbox-item-timestamp",
|
|
16317
|
-
className: itemTimestamp({ className })
|
|
16318
|
-
};
|
|
16319
|
-
return useRender({
|
|
16320
|
-
defaultTagName: "span",
|
|
16321
|
-
render,
|
|
16322
|
-
props: mergeProps(defaultProps, props)
|
|
16323
|
-
});
|
|
16324
|
-
}
|
|
16325
|
-
function InboxItemMarks({ className, render, ...props }) {
|
|
16326
|
-
const { itemMarks } = inboxItem();
|
|
16327
|
-
const defaultProps = {
|
|
16328
|
-
"data-slot": "inbox-item-marks",
|
|
16329
|
-
className: itemMarks({ className })
|
|
16330
|
-
};
|
|
16331
|
-
return useRender({
|
|
16332
|
-
defaultTagName: "div",
|
|
16333
|
-
render,
|
|
16334
|
-
props: mergeProps(defaultProps, props)
|
|
16335
|
-
});
|
|
16336
|
-
}
|
|
16337
|
-
function InboxItemHoverTarget({ className, onClick, render, ...props }) {
|
|
16338
|
-
const { itemHoverTarget } = inboxItem();
|
|
16339
|
-
const defaultProps = {
|
|
16340
|
-
"data-slot": "inbox-item-hover-target",
|
|
16341
|
-
className: itemHoverTarget({ className }),
|
|
16342
|
-
onClick: (event) => {
|
|
16343
|
-
onClick?.(event);
|
|
16344
|
-
if (event.defaultPrevented) return;
|
|
16345
|
-
const trigger = event.currentTarget.closest("[data-slot=inbox-item]")?.querySelector("[data-slot=inbox-item-open]");
|
|
16346
|
-
if (!trigger) return;
|
|
16347
|
-
trigger.dispatchEvent(new MouseEvent("click", {
|
|
16348
|
-
bubbles: true,
|
|
16349
|
-
cancelable: true,
|
|
16350
|
-
detail: event.detail,
|
|
16351
|
-
altKey: event.altKey,
|
|
16352
|
-
ctrlKey: event.ctrlKey,
|
|
16353
|
-
metaKey: event.metaKey,
|
|
16354
|
-
shiftKey: event.shiftKey
|
|
16355
|
-
}));
|
|
16356
|
-
}
|
|
16357
|
-
};
|
|
16358
|
-
return useRender({
|
|
16359
|
-
defaultTagName: "span",
|
|
16360
|
-
render,
|
|
16361
|
-
props: mergeProps(defaultProps, props)
|
|
16362
|
-
});
|
|
16363
|
-
}
|
|
16364
|
-
function InboxItemBody({ className, render, ...props }) {
|
|
16365
|
-
const density = useContext(InboxItemDensityContext);
|
|
16366
|
-
const { itemBody } = inboxItem({ density });
|
|
16367
|
-
const defaultProps = {
|
|
16368
|
-
"data-slot": "inbox-item-body",
|
|
16369
|
-
className: itemBody({ className })
|
|
16370
|
-
};
|
|
16371
|
-
return useRender({
|
|
16372
|
-
defaultTagName: "p",
|
|
16373
|
-
render,
|
|
16374
|
-
props: mergeProps(defaultProps, props)
|
|
16375
|
-
});
|
|
16376
|
-
}
|
|
16377
|
-
function InboxItemMessage({ className, render, ...props }) {
|
|
16378
|
-
const density = useContext(InboxItemDensityContext);
|
|
16379
|
-
const { itemMessage } = inboxItem({ density });
|
|
16380
|
-
const defaultProps = {
|
|
16381
|
-
"data-slot": "inbox-item-message",
|
|
16382
|
-
className: itemMessage({ className })
|
|
16383
|
-
};
|
|
16384
|
-
return useRender({
|
|
16385
|
-
defaultTagName: "p",
|
|
16386
|
-
render,
|
|
16387
|
-
props: mergeProps(defaultProps, props)
|
|
16388
|
-
});
|
|
16389
|
-
}
|
|
16390
|
-
function InboxItemSender({ className, render, ...props }) {
|
|
16391
|
-
const { itemSender } = inboxItem();
|
|
16392
|
-
const defaultProps = {
|
|
16393
|
-
"data-slot": "inbox-item-sender",
|
|
16394
|
-
className: itemSender({ className })
|
|
16395
|
-
};
|
|
16396
|
-
return useRender({
|
|
16397
|
-
defaultTagName: "span",
|
|
16398
|
-
render,
|
|
16399
|
-
props: mergeProps(defaultProps, props)
|
|
16400
|
-
});
|
|
16401
|
-
}
|
|
16402
|
-
function InboxItemMetadata({ className, render, ...props }) {
|
|
16403
|
-
const { itemMetadata } = inboxItem();
|
|
16404
|
-
const defaultProps = {
|
|
16405
|
-
"data-slot": "inbox-item-metadata",
|
|
16406
|
-
className: itemMetadata({ className })
|
|
16407
|
-
};
|
|
16408
|
-
return useRender({
|
|
16409
|
-
defaultTagName: "div",
|
|
16410
|
-
render,
|
|
16411
|
-
props: mergeProps(defaultProps, props)
|
|
16412
|
-
});
|
|
16413
|
-
}
|
|
16414
|
-
function InboxItemActions({ className, render, reveal, ...props }) {
|
|
16415
|
-
const density = useContext(InboxItemDensityContext);
|
|
16416
|
-
const { itemActions } = inboxItem({
|
|
16417
|
-
density,
|
|
16418
|
-
reveal
|
|
16419
|
-
});
|
|
16420
|
-
const defaultProps = {
|
|
16421
|
-
"data-reveal": reveal,
|
|
16422
|
-
"data-slot": "inbox-item-actions",
|
|
16423
|
-
className: itemActions({ className })
|
|
16424
|
-
};
|
|
16425
|
-
return useRender({
|
|
16426
|
-
defaultTagName: "div",
|
|
16427
|
-
render,
|
|
16428
|
-
props: mergeProps(defaultProps, props)
|
|
16429
|
-
});
|
|
16430
|
-
}
|
|
16431
|
-
//#endregion
|
|
16432
15510
|
//#region src/components/search/search.recipe.ts
|
|
16433
15511
|
const search = tv({ slots: {
|
|
16434
15512
|
frame: ["flex h-full min-h-0 flex-1 flex-col", "bg-layer-canvas text-foreground"],
|
|
@@ -16945,6 +16023,32 @@ function SearchTriggerShortcut({ className, ...props }) {
|
|
|
16945
16023
|
});
|
|
16946
16024
|
}
|
|
16947
16025
|
//#endregion
|
|
16026
|
+
//#region src/lib/located.ts
|
|
16027
|
+
/**
|
|
16028
|
+
* How long the located highlight lasts: `info-soft` at once, held 1.2s, faded
|
|
16029
|
+
* out by 2s (design/foundations/states.md#located). styles.css runs the
|
|
16030
|
+
* animation; useLocated drops `data-located` after this long.
|
|
16031
|
+
*/
|
|
16032
|
+
const LOCATED_MS = 2e3;
|
|
16033
|
+
function useLocated(request) {
|
|
16034
|
+
const [on, setOn] = useState(null);
|
|
16035
|
+
useEffect(() => {
|
|
16036
|
+
if (request == null) return;
|
|
16037
|
+
let timer;
|
|
16038
|
+
let frame = requestAnimationFrame(() => {
|
|
16039
|
+
frame = requestAnimationFrame(() => {
|
|
16040
|
+
setOn(() => request);
|
|
16041
|
+
timer = setTimeout(() => setOn(null), LOCATED_MS);
|
|
16042
|
+
});
|
|
16043
|
+
});
|
|
16044
|
+
return () => {
|
|
16045
|
+
cancelAnimationFrame(frame);
|
|
16046
|
+
if (timer !== void 0) clearTimeout(timer);
|
|
16047
|
+
};
|
|
16048
|
+
}, [request]);
|
|
16049
|
+
return request != null && on === request;
|
|
16050
|
+
}
|
|
16051
|
+
//#endregion
|
|
16948
16052
|
//#region src/lib/input-modality.ts
|
|
16949
16053
|
const INPUT_MODALITY_ATTRIBUTE = "data-input-modality";
|
|
16950
16054
|
/** Keys that move focus wherever focus is. */
|
|
@@ -17185,4 +16289,4 @@ function ThemeProvider({ mode, defaultMode = "light", onModeChange, storageKey,
|
|
|
17185
16289
|
});
|
|
17186
16290
|
}
|
|
17187
16291
|
//#endregion
|
|
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 };
|
|
16292
|
+
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, LOCATED_MS, 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, useLocated, useOrderedTabs, useTheme, useToastManager };
|