@botiverse/raft-ui 0.19.0 → 0.21.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +191 -3
- package/codemods/button-sizes.mjs +340 -0
- package/codemods/token-names.mjs +16 -0
- package/dist/cn.mjs +23 -2
- package/dist/components/combobox-select/combobox-select.css +58 -40
- package/dist/components/float-button/float-button.css +21 -12
- package/dist/foundation.css +66 -39
- package/dist/{index-DsVVBZ5T.d.mts → index-CP05_pvu.d.mts} +44 -2
- package/dist/index.d.mts +16 -25
- package/dist/index.mjs +213 -166
- package/dist/style.css +73 -58
- package/dist/styles.css +119 -24
- package/dist/tokens.json +90 -55
- package/dist/{touch-drag-CbWqiMlZ.mjs → touch-drag-B7uLTWXe.mjs} +265 -62
- package/dist/wip.d.mts +100 -3
- package/dist/wip.mjs +349 -5
- package/package.json +8 -1
package/dist/index.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { cn } from "./cn.mjs";
|
|
2
|
-
import { $ as
|
|
2
|
+
import { $ as MessageReactionTooltipContent, $n as Spinner, $t as DropdownMenuItemLabel, A as messageEmbed, An as Tooltip, At as MessageItemAvatarSlot, B as MessageReferenceLabel, Bn as DialogClose, Bt as AvatarImage, C as MessageQuotedPreviewThread, Cn as ScrollAreaScrollbar, Ct as MessageItemAttachments, D as MessageEmbedContent, Dn as Checkbox, Dt as MessageItemEmbedded, E as MessageEmbed, En as useMobileViewport, Et as MessageItemEdited, F as MessageMultiSelectCheckbox, Fn as TextLink, Ft as Avatar, G as MessageReactionChip, Gn as DialogNav, H as MessageReferenceText, Hn as DialogDescription, I as MessageMultiSelectToolbar, In as textLinkVariants, It as AvatarBadge, J as MessageReactionGlyph, Jn as DialogSurface, Jt as DropdownMenuCheckboxItemIndicator, K as MessageReactionCount, Kn as DialogOverlay, Kt as DropdownMenu, L as MessageMultiSelectToolbarActions, Ln as Badge, Lt as AvatarFallback, M as MessageTextSelectionToolbarButton, Mn as TooltipPortal, Mt as MessageItemGutter, N as MessageTextSelectionToolbarSeparator, Nn as TooltipProvider, Nt as MessageItem, O as MessageEmbedFooter, On as CheckboxIndicator, Ot as MessageItemFooter, P as MessageMultiSelect, Pn as TooltipTrigger, Pt as searchHit, Q as MessageReactionQuickRow, Qn as buttonVariants, Qt as DropdownMenuItemCount, R as MessageReferenceChip, Rn as Dialog, Rt as AvatarGroup, S as MessageQuotedPreviewText, Sn as ScrollAreaCorner, St as MessageItemTime, T as MessageQuotedPreviewUnavailable, Tn as ScrollAreaViewport, Tt as MessageItemContent, U as MessageReferenceUnavailable, Un as DialogFooter, V as MessageReferencePending, Vn as DialogContent, Vt as useOverflowTitle, W as MessageReactionAddButton, Wn as DialogHeader, X as MessageReactionPickerStatic, Xn as DialogTrigger, Xt as DropdownMenuFooter, Y as MessageReactionPickerContent, Yn as DialogTitle, Yt as DropdownMenuContent, Z as MessageReactionQuickButton, Zn as Button, Zt as DropdownMenuItem, _ as MessageQuotedPreviewAuthorName, _n as PanelScrollContent, _t as MessageItemMeta, an as DropdownMenuRadioItemIndicator, ar as useTheme, at as MessageItemBadge, b as MessageQuotedPreviewHeader, bn as ScrollArea, bt as MessageItemSenderButton, c as MessageListHistoryLimited, cn as DropdownMenuSubmenu, cr as controlIconInset, ct as MessageItemSavedIndicator, d as MessageQuotedPreview, dn as Kbd, dr as decisionWidth, en as DropdownMenuLabel, er as defaultNativeButton, et as MessageReactionTooltipMeta, f as MessageQuotedPreviewAttachment, fn as KbdGroup, g as MessageQuotedPreviewAuthorMeta, gn as PanelHeaderRoot, gt as MessageItemInlineStatus, hn as PanelFooter, ht as MessageItemHeader, in as DropdownMenuRadioItem, ir as useThemeScopeProps, it as MessageReactionTooltipSeparator, j as MessageTextSelectionToolbar, jn as TooltipContent, jt as MessageItemContinuationTime, k as MessageEmbedHeader, kn as PRESENCE_COLOR, kt as MessageItemSearchMatch, l as MessageListNotice, ln as DropdownMenuSubmenuTrigger, lr as headEdgePull, lt as MessageItemToolbar, m as MessageQuotedPreviewAuthor, mn as PanelBody, n as useMouseOnlyPointerSensor, nn as DropdownMenuPortal, nr as withOverlayLayer, nt as MessageReactionTooltipNameText, on as DropdownMenuSeparator, or as ThemeStateContext, ot as MessageItemBadgeSeparator, p as MessageQuotedPreviewAttachments, pn as Panel, q as MessageReactionErrorIndicator, qn as DialogPortal, qt as DropdownMenuCheckboxItem, rn as DropdownMenuRadioGroup, rr as resolveThemeScopeProps, rt as MessageReactionTooltipNames, s as MessageListDateDivider, sn as DropdownMenuShortcut, sr as tv, st as MessageItemReadReceipt, t as useHoldThenMoveTouchSensor, tn as DropdownMenuPopup, tr as useParentOverlayKind, tt as MessageReactionTooltipName, u as MessageList, un as DropdownMenuTrigger, ur as headEdges, ut as MessageItemToolbarButton, v as MessageQuotedPreviewChannel, vn as PanelScrollViewport, vt as MessageItemSender, w as MessageQuotedPreviewTimestamp, wn as ScrollAreaThumb, wt as MessageItemBody, x as MessageQuotedPreviewLoading, xn as ScrollAreaContent, xt as MessageItemSenderGroup, y as MessageQuotedPreviewContent, yn as PanelSection, yt as MessageItemSenderBadges, z as MessageReferenceIndicator, zn as DialogBody, zt as AvatarGroupCount } from "./touch-drag-B7uLTWXe.mjs";
|
|
3
3
|
import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
|
|
4
4
|
import { AlertTriangle, Bell, Check, CheckCircle2, ChevronDown, ChevronLeft, ChevronRight, Copy, FileText, Image, Info, Upload, X, Zap } from "lucide-react";
|
|
5
5
|
import { Children, cloneElement, createContext, createElement, isValidElement, use, useCallback, useContext, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
|
|
@@ -15,6 +15,7 @@ import { Popover as Popover$1 } from "@base-ui/react/popover";
|
|
|
15
15
|
import { PreviewCard as PreviewCard$1 } from "@base-ui/react/preview-card";
|
|
16
16
|
import { Input as Input$1 } from "@base-ui/react/input";
|
|
17
17
|
import { Field as Field$1 } from "@base-ui/react/field";
|
|
18
|
+
import { flushSync } from "react-dom";
|
|
18
19
|
import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
|
|
19
20
|
import { Select as Select$1 } from "@base-ui/react/select";
|
|
20
21
|
import { Radio } from "@base-ui/react/radio";
|
|
@@ -30,13 +31,13 @@ import { Toast } from "@base-ui/react/toast";
|
|
|
30
31
|
import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
|
|
31
32
|
import { Separator as Separator$1 } from "@base-ui/react/separator";
|
|
32
33
|
import { Group, Panel as Panel$1, Separator as Separator$2 } from "react-resizable-panels";
|
|
33
|
-
import { flushSync } from "react-dom";
|
|
34
34
|
//#region src/components/alert-dialog/alert-dialog.tsx
|
|
35
35
|
const alertDialog = tv({
|
|
36
36
|
slots: {
|
|
37
37
|
overlay: ["fixed inset-0 z-50 bg-layer-backdrop"],
|
|
38
38
|
content: [
|
|
39
|
-
"fixed top-1/2 left-1/2 z-50 grid w-[calc(100%-2rem)]
|
|
39
|
+
"fixed top-1/2 left-1/2 z-50 grid w-[calc(100%-2rem)] -translate-1/2 outline-none",
|
|
40
|
+
decisionWidth,
|
|
40
41
|
"overflow-clip rounded-dialog bg-layer-popover text-foreground",
|
|
41
42
|
"shadow-float ring-1 ring-line-seam"
|
|
42
43
|
],
|
|
@@ -218,7 +219,8 @@ const panelHeader = tv({
|
|
|
218
219
|
activity: [
|
|
219
220
|
"inline-flex shrink-0 items-center gap-1.5",
|
|
220
221
|
"font-sans text-caption text-foreground-hint",
|
|
221
|
-
"[&_svg]:size-3.5 [&_svg]:shrink-0"
|
|
222
|
+
"[&_svg]:size-3.5 [&_svg]:shrink-0",
|
|
223
|
+
"*:data-[slot=status]:lead-dot"
|
|
222
224
|
],
|
|
223
225
|
actions: panelHeadActions
|
|
224
226
|
},
|
|
@@ -242,7 +244,7 @@ const panelHeader = tv({
|
|
|
242
244
|
"max-md:**:data-[slot=panel-title]:text-foreground-on-frame",
|
|
243
245
|
"max-md:**:data-[slot=panel-meta]:text-foreground-on-frame-muted",
|
|
244
246
|
"max-md:**:data-[slot=panel-action]:text-foreground-on-frame",
|
|
245
|
-
"max-md:**:data-[slot=panel-action]:hover:bg-fill-frame-
|
|
247
|
+
"max-md:**:data-[slot=panel-action]:hover:bg-fill-frame-medium max-md:**:data-[slot=panel-action]:active:bg-fill-frame-medium"
|
|
246
248
|
]
|
|
247
249
|
}]
|
|
248
250
|
});
|
|
@@ -654,36 +656,6 @@ function FormSection({ className, render, title, status, description, children,
|
|
|
654
656
|
});
|
|
655
657
|
}
|
|
656
658
|
//#endregion
|
|
657
|
-
//#region src/components/text-link/text-link.tsx
|
|
658
|
-
const textLinkVariants = tv({
|
|
659
|
-
base: [
|
|
660
|
-
"rounded-[2px]",
|
|
661
|
-
"decoration-[1.5px] underline-offset-[3px] not-disabled:hover:underline",
|
|
662
|
-
"outline-none focus-visible:shadow-focus",
|
|
663
|
-
"disabled:cursor-not-allowed disabled:text-foreground-disabled"
|
|
664
|
-
],
|
|
665
|
-
variants: { variant: {
|
|
666
|
-
muted: ["font-medium text-foreground-muted", "hover:text-foreground"],
|
|
667
|
-
strong: ["font-semibold text-foreground"]
|
|
668
|
-
} },
|
|
669
|
-
defaultVariants: { variant: "muted" }
|
|
670
|
-
});
|
|
671
|
-
function TextLink({ variant, className, render, ...props }) {
|
|
672
|
-
const defaultProps = {
|
|
673
|
-
className: textLinkVariants({
|
|
674
|
-
variant,
|
|
675
|
-
className
|
|
676
|
-
}),
|
|
677
|
-
...render ? {} : { type: "button" }
|
|
678
|
-
};
|
|
679
|
-
return useRender({
|
|
680
|
-
defaultTagName: "button",
|
|
681
|
-
render,
|
|
682
|
-
props: mergeProps(defaultProps, props),
|
|
683
|
-
state: { slot: "text-link" }
|
|
684
|
-
});
|
|
685
|
-
}
|
|
686
|
-
//#endregion
|
|
687
659
|
//#region src/components/float-button/float-button.position.ts
|
|
688
660
|
function resolvePositionStyles(options) {
|
|
689
661
|
const { position, side, offset, style } = options;
|
|
@@ -1046,14 +1018,27 @@ const listRow = tv({
|
|
|
1046
1018
|
variants: {
|
|
1047
1019
|
variant: {
|
|
1048
1020
|
default: { root: ["min-h-16 [--list-row-rule-start:63px]", hairline] },
|
|
1049
|
-
plain: { root: [
|
|
1021
|
+
plain: { root: [
|
|
1022
|
+
"[--list-row-rule-start:16px]",
|
|
1023
|
+
hairline,
|
|
1024
|
+
"has-data-[slot=list-row-description]:[--list-row-ends:start]",
|
|
1025
|
+
"has-data-[slot=list-row-description]:[--list-row-end-shift:calc(var(--text-body--line-height)/2-50%)]",
|
|
1026
|
+
"*:data-[slot=list-row-icon]:[align-self:var(--list-row-ends,center)] *:data-[slot=list-row-icon]:translate-y-(--list-row-end-shift,0)",
|
|
1027
|
+
"*:data-[slot=avatar]:[align-self:var(--list-row-ends,center)] *:data-[slot=avatar]:translate-y-(--list-row-end-shift,0)",
|
|
1028
|
+
"*:data-[slot=icon-tile]:[align-self:var(--list-row-ends,center)] *:data-[slot=icon-tile]:translate-y-(--list-row-end-shift,0)",
|
|
1029
|
+
"*:data-[slot=switch]:[align-self:var(--list-row-ends,center)] *:data-[slot=switch]:translate-y-(--list-row-end-shift,0)",
|
|
1030
|
+
"*:data-[slot=checkbox]:[align-self:var(--list-row-ends,center)] *:data-[slot=checkbox]:translate-y-(--list-row-end-shift,0)",
|
|
1031
|
+
"*:data-[slot=radio-group-item]:[align-self:var(--list-row-ends,center)] *:data-[slot=radio-group-item]:translate-y-(--list-row-end-shift,0)",
|
|
1032
|
+
"*:data-[slot=list-row-value]:[align-self:var(--list-row-ends,center)] *:data-[slot=list-row-value]:translate-y-(--list-row-end-shift,0)",
|
|
1033
|
+
"*:data-[slot=list-row-chevron]:[align-self:var(--list-row-ends,center)] *:data-[slot=list-row-chevron]:translate-y-(--list-row-end-shift,0)"
|
|
1034
|
+
] },
|
|
1050
1035
|
entry: { root: "" }
|
|
1051
1036
|
},
|
|
1052
1037
|
interactive: {
|
|
1053
1038
|
true: { root: [
|
|
1054
|
-
"not-disabled:not-aria-disabled:not-data-selected:hover:
|
|
1055
|
-
"not-disabled:not-aria-disabled:not-data-selected:active:
|
|
1056
|
-
"not-data-selected:data-popup-open:
|
|
1039
|
+
"not-disabled:not-aria-disabled:not-data-selected:hover:overlay-subtle",
|
|
1040
|
+
"not-disabled:not-aria-disabled:not-data-selected:active:overlay-medium",
|
|
1041
|
+
"not-data-selected:data-popup-open:overlay-subtle"
|
|
1057
1042
|
] },
|
|
1058
1043
|
false: {}
|
|
1059
1044
|
},
|
|
@@ -1305,7 +1290,7 @@ const appRail = tv({ slots: {
|
|
|
1305
1290
|
"[&_svg]:shrink-0",
|
|
1306
1291
|
"size-10 rounded-control border-[1.5px] border-transparent",
|
|
1307
1292
|
"text-foreground-on-frame [&_svg]:size-5",
|
|
1308
|
-
"hover:bg-fill-frame-
|
|
1293
|
+
"hover:bg-fill-frame-medium active:bg-fill-frame-medium",
|
|
1309
1294
|
"data-[selected=true]:border-line-frame-active data-[selected=true]:bg-layer-frame-active",
|
|
1310
1295
|
"data-[selected=true]:ring-[1.5px] data-[selected=true]:ring-sticker-edge",
|
|
1311
1296
|
"data-[selected=true]:text-foreground-on-frame-active",
|
|
@@ -1596,10 +1581,10 @@ function CopyableCode({ children, className, truncate, ...props }) {
|
|
|
1596
1581
|
});
|
|
1597
1582
|
}
|
|
1598
1583
|
function CopyableCodeAction({ children, buttonClassName, className, onClick, size, variant, ...props }) {
|
|
1599
|
-
const { copied, copyValue
|
|
1584
|
+
const { copied, copyValue } = useCopyableCode("CopyableCodeAction");
|
|
1600
1585
|
const { action } = copyableCode();
|
|
1601
1586
|
const accessibleLabel = copied ? "Copied code" : "Copy code";
|
|
1602
|
-
const buttonSize = size ??
|
|
1587
|
+
const buttonSize = size ?? "icon-md";
|
|
1603
1588
|
const buttonVariant = variant ?? "ghost";
|
|
1604
1589
|
const handleClick = useCallback(async (event) => {
|
|
1605
1590
|
const value = event.currentTarget.closest("[data-slot=\"copyable-code-root\"]")?.querySelector("[data-slot=\"copyable-code\"]")?.textContent ?? "";
|
|
@@ -1968,7 +1953,11 @@ const sidebarItemRecipe = tv({
|
|
|
1968
1953
|
},
|
|
1969
1954
|
variants: {
|
|
1970
1955
|
interactive: {
|
|
1971
|
-
true: { sidebarItem: [
|
|
1956
|
+
true: { sidebarItem: [
|
|
1957
|
+
"hover:bg-fill-subtle active:bg-fill-medium not-data-active:data-popup-open:bg-fill-subtle",
|
|
1958
|
+
"data-active:active:overlay-sticker-medium",
|
|
1959
|
+
"focus-visible:shadow-focus"
|
|
1960
|
+
] },
|
|
1972
1961
|
false: { sidebarItem: "cursor-default" }
|
|
1973
1962
|
},
|
|
1974
1963
|
wrap: {
|
|
@@ -2471,7 +2460,7 @@ function SidebarSectionControls({ className, render, ...props }) {
|
|
|
2471
2460
|
props: mergeProps(defaultProps, props)
|
|
2472
2461
|
});
|
|
2473
2462
|
}
|
|
2474
|
-
function SidebarSectionControl({ className, render, size = "icon-
|
|
2463
|
+
function SidebarSectionControl({ className, render, size = "icon-md", variant = "ghost", loading = false, loadingLabel = "Loading", children, disabled, ...props }) {
|
|
2475
2464
|
const { sidebarSectionControl } = sidebarSectionRecipe();
|
|
2476
2465
|
return /* @__PURE__ */ jsx(Button, {
|
|
2477
2466
|
"data-slot": "sidebar-section-control",
|
|
@@ -2498,7 +2487,7 @@ const conversationPanel = tv({ slots: {
|
|
|
2498
2487
|
"*:data-[slot=tabs-list]:w-full *:data-[slot=tabs-list]:px-5 max-md:*:data-[slot=tabs-list]:px-4",
|
|
2499
2488
|
"*:data-[slot=tabs-list]:data-[variant=default]:py-2"
|
|
2500
2489
|
],
|
|
2501
|
-
footer: ["bg-layer-canvas"]
|
|
2490
|
+
footer: ["pt-0", "bg-layer-canvas"]
|
|
2502
2491
|
} });
|
|
2503
2492
|
//#endregion
|
|
2504
2493
|
//#region src/components/conversation-panel/conversation-panel.tsx
|
|
@@ -2618,13 +2607,13 @@ const contextMenu = tv({ slots: {
|
|
|
2618
2607
|
content: [
|
|
2619
2608
|
"flex flex-col max-h-(--available-height) overflow-hidden",
|
|
2620
2609
|
"outline-none",
|
|
2621
|
-
"min-w-60 gap-0 rounded-container bg-layer-popover p-1
|
|
2610
|
+
"min-w-60 gap-0 rounded-container bg-layer-popover p-1 text-foreground",
|
|
2622
2611
|
"shadow-float ring-1 ring-line-seam"
|
|
2623
2612
|
],
|
|
2624
2613
|
item: [
|
|
2625
2614
|
"flex w-full cursor-default select-none items-center",
|
|
2626
2615
|
"text-left outline-none transition-colors",
|
|
2627
|
-
"min-h-option gap-2.5 rounded-
|
|
2616
|
+
"min-h-option gap-2.5 rounded-chip px-2.5 py-option-inset",
|
|
2628
2617
|
"font-sans text-callout font-medium text-foreground",
|
|
2629
2618
|
"hover:bg-brand-soft data-highlighted:bg-brand-soft",
|
|
2630
2619
|
"data-checked:font-bold",
|
|
@@ -2635,7 +2624,7 @@ const contextMenu = tv({ slots: {
|
|
|
2635
2624
|
radioItem: [
|
|
2636
2625
|
"flex w-full cursor-default select-none items-center",
|
|
2637
2626
|
"text-left outline-none transition-colors",
|
|
2638
|
-
"min-h-option gap-2.5 rounded-
|
|
2627
|
+
"min-h-option gap-2.5 rounded-chip px-2.5 py-option-inset",
|
|
2639
2628
|
"font-sans text-callout font-medium text-foreground",
|
|
2640
2629
|
"hover:bg-brand-soft data-highlighted:bg-brand-soft",
|
|
2641
2630
|
"data-checked:font-bold",
|
|
@@ -2646,7 +2635,7 @@ const contextMenu = tv({ slots: {
|
|
|
2646
2635
|
submenuTrigger: [
|
|
2647
2636
|
"flex w-full cursor-default select-none items-center",
|
|
2648
2637
|
"text-left outline-none transition-colors",
|
|
2649
|
-
"min-h-option gap-2.5 rounded-
|
|
2638
|
+
"min-h-option gap-2.5 rounded-chip px-2.5 py-option-inset",
|
|
2650
2639
|
"font-sans text-callout font-medium text-foreground",
|
|
2651
2640
|
"hover:bg-brand-soft data-highlighted:bg-brand-soft data-popup-open:bg-brand-soft",
|
|
2652
2641
|
"data-disabled:pointer-events-none data-disabled:text-foreground-disabled",
|
|
@@ -2661,7 +2650,7 @@ const contextMenu = tv({ slots: {
|
|
|
2661
2650
|
"h-auto min-w-0 rounded-none bg-transparent p-0 shadow-none ring-0",
|
|
2662
2651
|
"font-mono text-mono-meta font-normal text-foreground-hint"
|
|
2663
2652
|
],
|
|
2664
|
-
separator: ["-mx-1
|
|
2653
|
+
separator: ["-mx-1 my-1 h-px border-0 bg-line-hairline"],
|
|
2665
2654
|
indicator: ["pointer-events-none ml-auto flex shrink-0 items-center justify-center", "size-4 text-foreground [&_svg]:size-4"]
|
|
2666
2655
|
} });
|
|
2667
2656
|
function ContextMenu(props) {
|
|
@@ -2695,7 +2684,7 @@ const CONTENT_COLLISION_AVOIDANCE = {
|
|
|
2695
2684
|
align: "shift",
|
|
2696
2685
|
fallbackAxisSide: "none"
|
|
2697
2686
|
};
|
|
2698
|
-
function ContextMenuContent({ align = "start", alignOffset = 0, anchor, arrowPadding, collisionAvoidance = CONTENT_COLLISION_AVOIDANCE, collisionBoundary, collisionPadding = 8, disableAnchorTracking
|
|
2687
|
+
function ContextMenuContent({ align = "start", alignOffset = 0, anchor, arrowPadding, collisionAvoidance = CONTENT_COLLISION_AVOIDANCE, collisionBoundary, collisionPadding = 8, disableAnchorTracking, positionMethod = "fixed", side = "right", sideOffset = 0, sticky, portalProps, className, ...props }) {
|
|
2699
2688
|
const { positioner, content } = contextMenu();
|
|
2700
2689
|
return /* @__PURE__ */ jsx(ContextMenuPortal, {
|
|
2701
2690
|
...portalProps,
|
|
@@ -2917,7 +2906,7 @@ const lightbox = tv({ slots: {
|
|
|
2917
2906
|
"data-[disabled=true]:cursor-default",
|
|
2918
2907
|
"[&_svg]:pointer-events-none [&_svg]:shrink-0",
|
|
2919
2908
|
"size-11 rounded-control border-[1.5px] border-line-strong bg-layer-card text-foreground shadow-none",
|
|
2920
|
-
"hover:
|
|
2909
|
+
"hover:overlay-medium active:overlay-medium",
|
|
2921
2910
|
"focus-visible:outline-transparent focus-visible:shadow-focus",
|
|
2922
2911
|
"[&_svg]:size-5.5"
|
|
2923
2912
|
],
|
|
@@ -2925,11 +2914,18 @@ const lightbox = tv({ slots: {
|
|
|
2925
2914
|
infoBar: [
|
|
2926
2915
|
"pointer-events-auto flex items-center",
|
|
2927
2916
|
"w-[clamp(144px,20vw,224px)] max-w-[calc(100vw-48px)] min-w-36",
|
|
2928
|
-
"gap-2 rounded-container py-
|
|
2917
|
+
"gap-2 rounded-container py-1 pr-1 pl-2.5",
|
|
2929
2918
|
"bg-layer-popover text-foreground shadow-float ring-1 ring-line-seam"
|
|
2930
2919
|
],
|
|
2931
2920
|
infoTitle: ["min-w-0 flex-1 truncate", "font-sans text-footnote font-semibold text-foreground"],
|
|
2932
|
-
infoActions: [
|
|
2921
|
+
infoActions: [
|
|
2922
|
+
"flex shrink-0 items-center",
|
|
2923
|
+
"gap-1",
|
|
2924
|
+
"*:data-[slot=button]:h-7 *:data-[slot=button]:w-auto *:data-[slot=button]:min-w-7",
|
|
2925
|
+
"*:data-[slot=button]:rounded-chip",
|
|
2926
|
+
"*:data-[slot=button]:after:inset-x-[-3px] *:data-[slot=button]:first:after:left-[-9.5px] *:data-[slot=button]:last:after:right-[-9.5px]",
|
|
2927
|
+
"pointer-coarse:*:data-[slot=button]:after:inset-y-[-9.5px]"
|
|
2928
|
+
],
|
|
2933
2929
|
thumbnailStrip: ["pointer-events-none absolute right-0 bottom-4 left-0 z-10", "flex items-center justify-center gap-1.5"],
|
|
2934
2930
|
thumbnail: [
|
|
2935
2931
|
"group/lightbox-thumb pointer-events-auto relative size-12 overflow-hidden",
|
|
@@ -3264,11 +3260,11 @@ const mobileNav = tv({ slots: {
|
|
|
3264
3260
|
"*:relative *:z-10 [&_svg]:size-[22px] [&_svg]:stroke-2",
|
|
3265
3261
|
"before:pointer-events-none before:absolute before:top-0 before:left-1/2 before:z-0 before:-translate-x-1/2",
|
|
3266
3262
|
"before:h-[30px] before:w-14 before:rounded-control before:border-[1.5px] before:border-transparent before:content-['']",
|
|
3267
|
-
"active:before:bg-fill-
|
|
3263
|
+
"active:before:bg-fill-medium",
|
|
3268
3264
|
"data-[selected=true]:font-bold data-[selected=true]:text-foreground",
|
|
3269
3265
|
"data-[selected=true]:[&_svg]:text-sticker-ink",
|
|
3270
3266
|
"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",
|
|
3271
|
-
"data-[selected=true]:active:before:
|
|
3267
|
+
"data-[selected=true]:active:before:overlay-sticker-medium",
|
|
3272
3268
|
"rounded-control focus-visible:shadow-focus"
|
|
3273
3269
|
],
|
|
3274
3270
|
itemLabel: ["min-w-0 truncate", "max-w-full"]
|
|
@@ -3345,16 +3341,16 @@ const popover = tv({ slots: {
|
|
|
3345
3341
|
"rounded-container bg-layer-popover text-foreground",
|
|
3346
3342
|
"shadow-float ring-1 ring-line-seam"
|
|
3347
3343
|
],
|
|
3348
|
-
header: ["flex items-center justify-between px-3", "min-h-11 gap-2 py-1.5 pr-
|
|
3344
|
+
header: ["flex items-center justify-between px-3", "min-h-11 gap-2 py-1.5 pr-1.5 pl-4"],
|
|
3349
3345
|
separator: ["border-t", "border-line-hairline"],
|
|
3350
3346
|
title: ["m-0", "font-sans text-headline font-bold text-foreground"],
|
|
3351
3347
|
description: ["m-0", "font-sans text-footnote text-foreground-muted"],
|
|
3352
3348
|
close: [
|
|
3353
3349
|
"inline-flex items-center justify-center",
|
|
3354
3350
|
"outline-none transition-colors",
|
|
3355
|
-
"h-8 min-w-8 rounded-
|
|
3351
|
+
"h-8 min-w-8 rounded-chip px-1.5",
|
|
3356
3352
|
"font-sans text-footnote font-bold text-foreground",
|
|
3357
|
-
"hover:bg-fill-
|
|
3353
|
+
"hover:bg-fill-medium active:bg-fill-medium",
|
|
3358
3354
|
"focus-visible:shadow-focus",
|
|
3359
3355
|
"[&_svg]:size-4.5"
|
|
3360
3356
|
],
|
|
@@ -3390,7 +3386,7 @@ function PopoverPopup({ className, ...props }) {
|
|
|
3390
3386
|
...props
|
|
3391
3387
|
});
|
|
3392
3388
|
}
|
|
3393
|
-
function PopoverContent({ align = "start", alignOffset = 0, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking
|
|
3389
|
+
function PopoverContent({ align = "start", alignOffset = 0, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking, positionMethod = "fixed", side = "bottom", sideOffset = 4, sticky, container, portalProps, className, ...props }) {
|
|
3394
3390
|
const { positioner, content } = popover();
|
|
3395
3391
|
const portalContainer = container !== void 0 ? container : portalProps?.container;
|
|
3396
3392
|
return /* @__PURE__ */ jsx(PopoverPortal, {
|
|
@@ -3540,7 +3536,7 @@ function PreviewCardPopup({ className, ...props }) {
|
|
|
3540
3536
|
...scopeProps
|
|
3541
3537
|
});
|
|
3542
3538
|
}
|
|
3543
|
-
function PreviewCardContent({ align = "start", alignOffset = 0, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking
|
|
3539
|
+
function PreviewCardContent({ align = "start", alignOffset = 0, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking, positionMethod = "fixed", side = "bottom", sideOffset = 6, sticky, portalProps, className, ...props }) {
|
|
3544
3540
|
const { positioner, popup } = previewCard();
|
|
3545
3541
|
return /* @__PURE__ */ jsx(PreviewCardPortal, {
|
|
3546
3542
|
...portalProps,
|
|
@@ -3898,7 +3894,12 @@ const inputGroup = tv({
|
|
|
3898
3894
|
variant: "default",
|
|
3899
3895
|
align: "inline-end",
|
|
3900
3896
|
class: {
|
|
3901
|
-
addon:
|
|
3897
|
+
addon: [
|
|
3898
|
+
"pl-2",
|
|
3899
|
+
"*:data-[slot=button]:size-control-embedded *:data-[slot=button]:rounded-chip",
|
|
3900
|
+
"[&>[data-slot=button]_svg:not([class*='size-'])]:size-4",
|
|
3901
|
+
"[&>[data-slot=button]:last-child]:me-[calc(var(--control-embedded-inset)-0.75rem-1px)]"
|
|
3902
|
+
],
|
|
3902
3903
|
text: "pl-0.5"
|
|
3903
3904
|
}
|
|
3904
3905
|
}
|
|
@@ -3992,14 +3993,14 @@ const combobox = tv({
|
|
|
3992
3993
|
"transition-[background-color,color] duration-100",
|
|
3993
3994
|
"[&>svg]:shrink-0",
|
|
3994
3995
|
"rounded-sticker text-foreground-hint opacity-100",
|
|
3995
|
-
"hover:bg-transparent hover:text-foreground-hint",
|
|
3996
3996
|
"[&>svg]:size-3.5 [&>svg]:stroke-2 [&>svg_*]:stroke-2"
|
|
3997
3997
|
],
|
|
3998
3998
|
control: [
|
|
3999
3999
|
"flex min-w-0 items-center gap-2",
|
|
4000
4000
|
"outline-none",
|
|
4001
4001
|
"[&>svg]:pointer-events-none [&>svg]:shrink-0",
|
|
4002
|
-
"
|
|
4002
|
+
"**:data-[slot='combobox-clear']:size-control-embedded [&_[data-slot='combobox-clear']]:px-0 **:data-[slot='combobox-clear']:shrink-0",
|
|
4003
|
+
"[&>[data-slot=combobox-clear]:last-child]:me-[calc(var(--control-embedded-inset)-0.75rem-1px)]",
|
|
4003
4004
|
"[&_[data-slot='combobox-trigger-indicator']]:size-4",
|
|
4004
4005
|
"[&_[data-slot='combobox-trigger-indicator']>svg]:shrink-0",
|
|
4005
4006
|
"min-h-control rounded-control border-[1.5px] border-line-field bg-layer-card px-3 py-0",
|
|
@@ -4027,11 +4028,11 @@ const combobox = tv({
|
|
|
4027
4028
|
],
|
|
4028
4029
|
header: ["flex items-center justify-between px-3", "gap-2 py-1.5 pr-1.5 pl-4"],
|
|
4029
4030
|
separator: ["h-px shrink-0 border-0", "bg-line-hairline"],
|
|
4030
|
-
list: ["max-h-64 overflow-y-auto overscroll-contain", "flex flex-col p-1
|
|
4031
|
+
list: ["max-h-64 overflow-y-auto overscroll-contain", "flex flex-col p-1 scroll-py-1"],
|
|
4031
4032
|
item: [
|
|
4032
4033
|
"flex w-full shrink-0 cursor-default select-none items-center justify-between overflow-hidden",
|
|
4033
4034
|
"text-left outline-none transition-colors",
|
|
4034
|
-
"min-h-option gap-2.5 rounded-
|
|
4035
|
+
"min-h-option gap-2.5 rounded-chip px-2.5 py-option-inset",
|
|
4035
4036
|
"font-sans text-callout font-medium text-foreground wrap-anywhere",
|
|
4036
4037
|
"bg-transparent hover:bg-brand-soft data-highlighted:bg-brand-soft",
|
|
4037
4038
|
"data-selected:font-bold",
|
|
@@ -4046,9 +4047,9 @@ const combobox = tv({
|
|
|
4046
4047
|
"inline-flex items-center justify-center",
|
|
4047
4048
|
"pointer-events-none opacity-0 outline-none transition-[background-color,color] duration-100",
|
|
4048
4049
|
"data-visible:pointer-events-auto data-visible:opacity-100",
|
|
4049
|
-
"h-7 min-w-0 rounded-
|
|
4050
|
+
"h-7 min-w-0 rounded-chip px-2",
|
|
4050
4051
|
"font-sans text-control font-semibold text-foreground-muted",
|
|
4051
|
-
"hover:bg-fill-
|
|
4052
|
+
"hover:bg-fill-medium hover:text-foreground active:bg-fill-medium",
|
|
4052
4053
|
"focus-visible:shadow-focus",
|
|
4053
4054
|
"[&>svg]:size-4 [&>svg]:stroke-2 [&>svg_*]:stroke-2"
|
|
4054
4055
|
],
|
|
@@ -4056,19 +4057,21 @@ const combobox = tv({
|
|
|
4056
4057
|
groupLabel: ["py-2", "px-2.5 pt-2 pb-1 text-caption font-bold text-foreground-hint"],
|
|
4057
4058
|
chips: [
|
|
4058
4059
|
"flex flex-wrap items-center",
|
|
4059
|
-
"min-h-control gap-1.5 rounded-control border-[1.5px] border-line-field bg-layer-card py-1.
|
|
4060
|
+
"min-h-control gap-1.5 rounded-control border-[1.5px] border-line-field bg-layer-card py-[calc(var(--control-embedded-inset)-1.5px)] pr-3 pl-[calc(var(--control-embedded-inset)-1px)]",
|
|
4061
|
+
"*:data-[slot=combobox-input]:h-control-embedded",
|
|
4060
4062
|
"transition-shadow duration-90 ease-out has-focus-visible:shadow-focus"
|
|
4061
4063
|
],
|
|
4062
4064
|
chip: [
|
|
4063
4065
|
"inline-flex min-w-0 max-w-full items-center overflow-hidden",
|
|
4064
4066
|
"[&>:not([data-slot=combobox-chip-remove])]:min-w-0 [&>:not([data-slot=combobox-chip-remove])]:truncate",
|
|
4065
|
-
"h-
|
|
4067
|
+
"h-control-embedded gap-1.5 rounded-chip bg-fill-muted pr-0.5 pl-2",
|
|
4066
4068
|
"text-footnote font-semibold text-foreground"
|
|
4067
4069
|
],
|
|
4068
4070
|
chipRemove: [
|
|
4069
4071
|
"inline-flex shrink-0 items-center justify-center outline-none transition-colors",
|
|
4070
|
-
"size-[
|
|
4071
|
-
"hover:bg-fill-
|
|
4072
|
+
"size-[calc(var(--control-embedded-size)-4px)] rounded-sticker text-foreground-hint",
|
|
4073
|
+
"hover:bg-fill-medium active:bg-fill-medium",
|
|
4074
|
+
"focus-visible:keyboard:inset-ring-2 focus-visible:keyboard:inset-ring-foreground",
|
|
4072
4075
|
"[&>svg]:size-3.5"
|
|
4073
4076
|
]
|
|
4074
4077
|
},
|
|
@@ -4247,7 +4250,7 @@ function ComboboxSeparator({ className, ...props }) {
|
|
|
4247
4250
|
...props
|
|
4248
4251
|
});
|
|
4249
4252
|
}
|
|
4250
|
-
function ComboboxContent({ align = "start", alignOffset = 0, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding = 8, disableAnchorTracking
|
|
4253
|
+
function ComboboxContent({ align = "start", alignOffset = 0, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding = 8, disableAnchorTracking, positionMethod = "fixed", side = "bottom", sideOffset, sticky, portalProps, className, initialFocus = false, finalFocus = false, ...props }) {
|
|
4251
4254
|
const { positioner, content } = combobox();
|
|
4252
4255
|
return /* @__PURE__ */ jsx(ComboboxPortal, {
|
|
4253
4256
|
...portalProps,
|
|
@@ -4402,9 +4405,9 @@ const pickerTriggerButton = tv({ base: [
|
|
|
4402
4405
|
"gap-1.5 rounded-control border-0 bg-transparent px-2.5 py-0",
|
|
4403
4406
|
"font-sans text-control font-semibold text-foreground-muted",
|
|
4404
4407
|
"inset-ring inset-ring-line-seam",
|
|
4405
|
-
"hover:bg-fill-
|
|
4408
|
+
"hover:bg-fill-medium active:bg-fill-medium",
|
|
4406
4409
|
"data-has-value:bg-info-soft data-has-value:text-foreground data-has-value:inset-ring-0",
|
|
4407
|
-
"data-has-value:hover:bg-info-soft data-has-value:hover:
|
|
4410
|
+
"data-has-value:hover:bg-info-soft data-has-value:hover:overlay-medium data-has-value:active:overlay-medium",
|
|
4408
4411
|
"data-invalid:inset-ring data-invalid:inset-ring-danger-strong",
|
|
4409
4412
|
"focus-visible:shadow-focus",
|
|
4410
4413
|
"disabled:bg-fill-muted disabled:text-foreground-disabled disabled:opacity-100 disabled:inset-ring-0",
|
|
@@ -4434,6 +4437,7 @@ const select = tv({
|
|
|
4434
4437
|
"[&_[data-slot='select-trigger-content']_svg]:shrink-0",
|
|
4435
4438
|
"h-control w-full gap-2 pr-3 pl-3.5",
|
|
4436
4439
|
"border-[1.5px] border-line-field",
|
|
4440
|
+
"hover:bg-none",
|
|
4437
4441
|
"text-subhead font-semibold text-foreground",
|
|
4438
4442
|
"data-placeholder:font-medium data-placeholder:text-foreground-hint",
|
|
4439
4443
|
"data-invalid:border-danger-strong data-invalid:hover:border-danger-strong",
|
|
@@ -4453,14 +4457,14 @@ const select = tv({
|
|
|
4453
4457
|
"relative max-h-(--available-height) min-w-[max(var(--anchor-width),220px)] overflow-hidden",
|
|
4454
4458
|
"max-w-[min(var(--available-width),max(var(--anchor-width),24rem))]",
|
|
4455
4459
|
"outline-none",
|
|
4456
|
-
"rounded-container bg-layer-popover p-1
|
|
4460
|
+
"rounded-container bg-layer-popover p-1 text-foreground",
|
|
4457
4461
|
"shadow-float ring-1 ring-line-seam"
|
|
4458
4462
|
],
|
|
4459
4463
|
list: ["max-h-64 overflow-y-auto overscroll-contain scroll-py-6", "flex flex-col"],
|
|
4460
4464
|
item: [
|
|
4461
4465
|
"flex w-full shrink-0 cursor-default select-none items-center justify-between overflow-hidden",
|
|
4462
4466
|
"text-left outline-none transition-colors",
|
|
4463
|
-
"min-h-option flex-wrap gap-x-2.5 gap-y-0.5 rounded-
|
|
4467
|
+
"min-h-option flex-wrap gap-x-2.5 gap-y-0.5 rounded-chip px-2.5 py-option-inset",
|
|
4464
4468
|
"text-callout font-medium text-foreground",
|
|
4465
4469
|
"bg-transparent hover:bg-brand-soft data-highlighted:bg-brand-soft",
|
|
4466
4470
|
"data-selected:font-bold data-selected:**:data-[slot='select-item-text']:font-bold",
|
|
@@ -4487,7 +4491,7 @@ const select = tv({
|
|
|
4487
4491
|
label: ["m-0", "font-sans text-footnote font-semibold text-foreground-muted"],
|
|
4488
4492
|
group: ["flex flex-col"],
|
|
4489
4493
|
groupLabel: ["py-2", "px-2.5 pt-2 pb-1 text-caption font-bold text-foreground-hint"],
|
|
4490
|
-
separator: ["h-px shrink-0 border-0", "-mx-1
|
|
4494
|
+
separator: ["h-px shrink-0 border-0", "-mx-1 my-1 bg-line-hairline"],
|
|
4491
4495
|
scrollArrow: [
|
|
4492
4496
|
"absolute inset-x-0 z-10 flex h-6 w-full cursor-default items-center justify-center",
|
|
4493
4497
|
"outline-none transition-colors",
|
|
@@ -4597,7 +4601,7 @@ function SelectPopup({ className, ...props }) {
|
|
|
4597
4601
|
...props
|
|
4598
4602
|
});
|
|
4599
4603
|
}
|
|
4600
|
-
function SelectContent({ align = "start", alignItemWithTrigger = false, alignOffset = 0, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding = 8, disableAnchorTracking
|
|
4604
|
+
function SelectContent({ align = "start", alignItemWithTrigger = false, alignOffset = 0, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding = 8, disableAnchorTracking, positionMethod = "fixed", side = "bottom", sideOffset, sticky, portalProps, className, ...props }) {
|
|
4601
4605
|
const { positioner, content } = select();
|
|
4602
4606
|
const positionerNode = /* @__PURE__ */ jsx(Select$1.Positioner, {
|
|
4603
4607
|
align,
|
|
@@ -4795,6 +4799,9 @@ const radioGroup = tv({ slots: {
|
|
|
4795
4799
|
"relative inline-flex shrink-0 touch-manipulation items-center justify-center rounded-full outline-none",
|
|
4796
4800
|
"data-disabled:cursor-not-allowed",
|
|
4797
4801
|
"after:absolute after:-inset-x-3 after:-inset-y-2 after:content-['']",
|
|
4802
|
+
"pointer-coarse:after:-inset-y-[calc(--spacing(3)+1.5px)]",
|
|
4803
|
+
"[label>&]:my-[max(0px,calc((1lh-1.25rem)/2))]",
|
|
4804
|
+
"[label>&]:after:-inset-y-[calc(max(0px,(1lh-1.25rem)/2)+5.5px)]",
|
|
4798
4805
|
"size-5 border-[1.5px] border-line-strong bg-layer-card text-foreground",
|
|
4799
4806
|
"focus-visible:shadow-focus",
|
|
4800
4807
|
"data-disabled:border-foreground-disabled data-disabled:bg-fill-muted data-disabled:text-foreground-disabled"
|
|
@@ -4882,7 +4889,7 @@ function SwitchThumb({ className, ...props }) {
|
|
|
4882
4889
|
//#region src/components/segmented-control/segmented-control.tsx
|
|
4883
4890
|
const segmentedControl = tv({
|
|
4884
4891
|
slots: {
|
|
4885
|
-
root: ["inline-flex shrink-0 items-center", "w-fit flex-nowrap gap-
|
|
4892
|
+
root: ["inline-flex shrink-0 items-center", "w-fit flex-nowrap gap-[3px] rounded-[11px] bg-fill-muted p-[3px]"],
|
|
4886
4893
|
item: [
|
|
4887
4894
|
"inline-flex min-w-0 shrink-0 items-center gap-1.5",
|
|
4888
4895
|
"outline-none disabled:pointer-events-none",
|
|
@@ -4890,9 +4897,9 @@ const segmentedControl = tv({
|
|
|
4890
4897
|
"h-8 justify-center rounded-control border-[1.5px] border-transparent bg-transparent px-3",
|
|
4891
4898
|
"font-sans text-callout font-semibold text-foreground-muted",
|
|
4892
4899
|
"[&_svg:not([class*='size-'])]:size-4",
|
|
4893
|
-
"hover:bg-fill-
|
|
4900
|
+
"hover:bg-fill-medium active:bg-fill-medium",
|
|
4894
4901
|
"data-checked:border-sticker-ink data-checked:bg-brand data-checked:font-bold data-checked:text-sticker-ink data-checked:ring-[1.5px] data-checked:ring-sticker-edge",
|
|
4895
|
-
"data-checked:hover:bg-brand data-checked:
|
|
4902
|
+
"data-checked:hover:bg-brand data-checked:active:bg-brand data-checked:active:overlay-sticker-medium",
|
|
4896
4903
|
"focus-visible:shadow-focus",
|
|
4897
4904
|
"data-disabled:cursor-not-allowed data-disabled:text-foreground-disabled data-disabled:hover:bg-transparent"
|
|
4898
4905
|
],
|
|
@@ -4976,7 +4983,7 @@ const toggleGroup = tv({ slots: {
|
|
|
4976
4983
|
"inline-flex max-w-full items-center",
|
|
4977
4984
|
"data-[orientation=horizontal]:flex-row data-[orientation=horizontal]:flex-wrap",
|
|
4978
4985
|
"data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch",
|
|
4979
|
-
"gap-
|
|
4986
|
+
"gap-[3px] rounded-[11px] bg-fill-muted p-[3px]"
|
|
4980
4987
|
],
|
|
4981
4988
|
item: [
|
|
4982
4989
|
"inline-flex h-8 min-w-0 shrink-0 items-center justify-center gap-1.5",
|
|
@@ -4987,9 +4994,9 @@ const toggleGroup = tv({ slots: {
|
|
|
4987
4994
|
"rounded-control border-[1.5px] border-transparent bg-transparent px-3",
|
|
4988
4995
|
"font-sans text-callout font-semibold text-foreground-muted",
|
|
4989
4996
|
"[&_svg:not([class*='size-'])]:size-4",
|
|
4990
|
-
"hover:bg-fill-
|
|
4997
|
+
"hover:bg-fill-medium active:bg-fill-medium",
|
|
4991
4998
|
"data-pressed:border-sticker-ink data-pressed:bg-brand data-pressed:font-bold data-pressed:text-sticker-ink data-pressed:ring-[1.5px] data-pressed:ring-sticker-edge",
|
|
4992
|
-
"data-pressed:hover:bg-brand data-pressed:
|
|
4999
|
+
"data-pressed:hover:bg-brand data-pressed:active:bg-brand data-pressed:active:overlay-sticker-medium",
|
|
4993
5000
|
"focus-visible:shadow-focus",
|
|
4994
5001
|
"data-disabled:opacity-100 data-disabled:text-foreground-disabled data-disabled:hover:bg-transparent"
|
|
4995
5002
|
],
|
|
@@ -5117,6 +5124,8 @@ const descriptionList = tv({
|
|
|
5117
5124
|
inline: { root: [
|
|
5118
5125
|
"flex flex-wrap items-baseline gap-x-6 gap-y-2",
|
|
5119
5126
|
"*:data-[slot=description-item]:flex *:data-[slot=description-item]:min-w-0 *:data-[slot=description-item]:items-baseline *:data-[slot=description-item]:gap-3",
|
|
5127
|
+
"*:data-[slot=description-item]:max-w-[min(100%,24rem)]",
|
|
5128
|
+
"[&>[data-slot=description-item]>[data-slot=description-details]]:min-w-0",
|
|
5120
5129
|
"[&>[data-slot=description-item]+[data-slot=description-item]]:pt-0",
|
|
5121
5130
|
"[&>[data-slot=description-item]>[data-slot=description-term]]:shrink-0",
|
|
5122
5131
|
"[&>[data-slot=description-item]>[data-slot=description-details]>:is([data-slot=badge],[data-slot=task-chip],[data-slot=task-status-badge]):first-child]:-ml-1.5",
|
|
@@ -5178,14 +5187,15 @@ const codeBlock = tv({ slots: {
|
|
|
5178
5187
|
],
|
|
5179
5188
|
header: [
|
|
5180
5189
|
"flex h-(--code-block-header-height) items-center",
|
|
5181
|
-
"gap-2 border-b border-line-hairline pr-
|
|
5190
|
+
"gap-2 border-b border-line-hairline pr-[calc(var(--control-embedded-inset)-1px)] pl-3",
|
|
5182
5191
|
"font-mono text-mono-meta text-foreground-hint"
|
|
5183
5192
|
],
|
|
5184
5193
|
title: ["min-w-0 flex-1 truncate font-mono", "text-mono-meta"],
|
|
5185
5194
|
actions: [
|
|
5186
|
-
"ml-auto flex items-center gap-
|
|
5187
|
-
"[[data-slot=code-block-body]>&]:
|
|
5188
|
-
"[[data-slot=code-block-body]>&]:
|
|
5195
|
+
"ml-auto flex items-center gap-1",
|
|
5196
|
+
"[[data-slot=code-block-body]>&]:col-start-2 [[data-slot=code-block-body]>&]:row-start-1",
|
|
5197
|
+
"[[data-slot=code-block-body]>&]:z-10 [[data-slot=code-block-body]>&]:ml-3",
|
|
5198
|
+
"[[data-slot=code-block-body]>&]:my-[calc(var(--control-embedded-inset)-0.5rem-1px)] [[data-slot=code-block-body]>&]:mr-[calc(var(--control-embedded-inset)-0.75rem-1px)]"
|
|
5189
5199
|
],
|
|
5190
5200
|
corner: [
|
|
5191
5201
|
"pointer-events-none absolute z-20 size-1",
|
|
@@ -5194,7 +5204,9 @@ const codeBlock = tv({ slots: {
|
|
|
5194
5204
|
"hidden"
|
|
5195
5205
|
],
|
|
5196
5206
|
body: [
|
|
5197
|
-
"relative min-w-0
|
|
5207
|
+
"relative grid min-w-0 grid-cols-[minmax(0,1fr)_auto] items-start *:col-start-1",
|
|
5208
|
+
"p-4 font-mono [&_pre]:overflow-x-auto",
|
|
5209
|
+
"[&_pre]:outline-none [&_pre]:focus-visible:keyboard:inset-ring-2 [&_pre]:focus-visible:keyboard:inset-ring-foreground",
|
|
5198
5210
|
"px-3 py-2 text-mono-code text-foreground",
|
|
5199
5211
|
"[&_pre_span]:text-(--shiki-light,currentColor)",
|
|
5200
5212
|
"dark:[&_pre_span]:text-(--shiki-dark,currentColor)"
|
|
@@ -5203,8 +5215,8 @@ const codeBlock = tv({ slots: {
|
|
|
5203
5215
|
"inline-flex shrink-0 items-center justify-center",
|
|
5204
5216
|
"transition-[color,background-color,opacity]",
|
|
5205
5217
|
"focus-visible:outline-none",
|
|
5206
|
-
"size-8 rounded-
|
|
5207
|
-
"hover:bg-fill-
|
|
5218
|
+
"size-8 rounded-chip text-foreground",
|
|
5219
|
+
"hover:bg-fill-medium active:bg-fill-medium",
|
|
5208
5220
|
"focus-visible:ring-0 focus-visible:shadow-focus",
|
|
5209
5221
|
"[&_svg:not([class*='size-'])]:size-4.5"
|
|
5210
5222
|
]
|
|
@@ -5260,7 +5272,7 @@ function CodeBlockTitle({ className, render, ...props }) {
|
|
|
5260
5272
|
state: { slot: "code-block-title" }
|
|
5261
5273
|
});
|
|
5262
5274
|
}
|
|
5263
|
-
/** Trailing action region.
|
|
5275
|
+
/** Trailing action region. In the header it ends the header; in the body it takes a column of its own beside the code. */
|
|
5264
5276
|
function CodeBlockActions({ className, render, ...props }) {
|
|
5265
5277
|
const { actions } = codeBlock();
|
|
5266
5278
|
const defaultProps = { className: actions({ className }) };
|
|
@@ -5285,7 +5297,10 @@ function CodeBlockAction({ className, render, ...props }) {
|
|
|
5285
5297
|
state: { slot: "code-block-action" }
|
|
5286
5298
|
});
|
|
5287
5299
|
}
|
|
5288
|
-
/**
|
|
5300
|
+
/**
|
|
5301
|
+
* Inner code panel. Render the code in a `CodeBlockPre` (or a complete pre
|
|
5302
|
+
* and code) as children.
|
|
5303
|
+
*/
|
|
5289
5304
|
function CodeBlockBody({ children, className, render, ...props }) {
|
|
5290
5305
|
const { body, corner } = codeBlock();
|
|
5291
5306
|
const defaultProps = {
|
|
@@ -5305,6 +5320,35 @@ function CodeBlockBody({ children, className, render, ...props }) {
|
|
|
5305
5320
|
state: { slot: "code-block-body" }
|
|
5306
5321
|
});
|
|
5307
5322
|
}
|
|
5323
|
+
/**
|
|
5324
|
+
* The code's `pre`. A long line scrolls inside it; while it does, it is a
|
|
5325
|
+
* named region the keyboard can reach (`tabindex="0"`, `role="region"`, its
|
|
5326
|
+
* `aria-label`, "Code" by default), since Safari doesn't focus a scroller on
|
|
5327
|
+
* its own. Code that fits adds no Tab stop.
|
|
5328
|
+
*/
|
|
5329
|
+
function CodeBlockPre({ render, ref, "aria-label": ariaLabel = "Code", ...props }) {
|
|
5330
|
+
const preRef = useRef(null);
|
|
5331
|
+
const [overflowing, setOverflowing] = useState(false);
|
|
5332
|
+
useEffect(() => {
|
|
5333
|
+
const pre = preRef.current;
|
|
5334
|
+
if (!pre) return;
|
|
5335
|
+
const observer = new ResizeObserver(() => setOverflowing(pre.scrollWidth > pre.clientWidth));
|
|
5336
|
+
observer.observe(pre);
|
|
5337
|
+
for (const child of pre.children) observer.observe(child);
|
|
5338
|
+
return () => observer.disconnect();
|
|
5339
|
+
}, []);
|
|
5340
|
+
return useRender({
|
|
5341
|
+
defaultTagName: "pre",
|
|
5342
|
+
render,
|
|
5343
|
+
ref: ref ? [preRef, ref] : preRef,
|
|
5344
|
+
props: mergeProps(overflowing ? {
|
|
5345
|
+
tabIndex: 0,
|
|
5346
|
+
role: "region",
|
|
5347
|
+
"aria-label": ariaLabel
|
|
5348
|
+
} : {}, props),
|
|
5349
|
+
state: { slot: "code-block-pre" }
|
|
5350
|
+
});
|
|
5351
|
+
}
|
|
5308
5352
|
//#endregion
|
|
5309
5353
|
//#region src/components/inline-code/inline-code.tsx
|
|
5310
5354
|
const inlineCode = tv({
|
|
@@ -5664,17 +5708,19 @@ function createMessageTextSelectionAnchor(selection, contextElement) {
|
|
|
5664
5708
|
const messageSystem = tv({ slots: {
|
|
5665
5709
|
systemRoot: [
|
|
5666
5710
|
"flex min-w-0 items-center justify-center",
|
|
5667
|
-
"gap-2 px-4
|
|
5711
|
+
"gap-2 px-4 pt-timeline-lead pb-timeline-row in-data-[slot=system-message-group-panel]:py-1.5",
|
|
5668
5712
|
"font-mono text-mono-meta text-foreground-hint",
|
|
5669
5713
|
"before:min-w-3 before:flex-1 before:border-t before:border-line-hairline",
|
|
5670
5714
|
"after:min-w-3 after:flex-1 after:border-t after:border-line-hairline"
|
|
5671
5715
|
],
|
|
5672
5716
|
systemTime: ["shrink-0 whitespace-nowrap", "font-mono text-mono-meta text-foreground-hint"],
|
|
5673
5717
|
systemContent: ["min-w-0 truncate", "text-foreground-hint"],
|
|
5674
|
-
systemGroup: [""],
|
|
5718
|
+
systemGroup: ["group/system-group"],
|
|
5675
5719
|
systemGroupHeader: [
|
|
5676
5720
|
"flex justify-center",
|
|
5677
|
-
"items-center gap-2 px-4
|
|
5721
|
+
"items-center gap-2 px-4",
|
|
5722
|
+
"pt-[calc(var(--spacing-timeline-lead)-(--spacing(7)-var(--text-mono-meta--line-height))/2)]",
|
|
5723
|
+
"mb-[calc(var(--spacing-timeline-row)-(--spacing(7)-var(--text-mono-meta--line-height))/2)] group-data-open/system-group:mb-0 group-data-open/system-group:pb-1.5",
|
|
5678
5724
|
"before:min-w-3 before:flex-1 before:border-t before:border-line-hairline",
|
|
5679
5725
|
"after:min-w-3 after:flex-1 after:border-t after:border-line-hairline"
|
|
5680
5726
|
],
|
|
@@ -5683,7 +5729,7 @@ const messageSystem = tv({ slots: {
|
|
|
5683
5729
|
"[&[data-panel-open]_[data-slot=system-message-group-chevron]]:-rotate-90",
|
|
5684
5730
|
"h-7 gap-1 rounded-control px-2 py-0",
|
|
5685
5731
|
"font-mono text-mono-meta text-foreground-hint",
|
|
5686
|
-
"hover:bg-fill-
|
|
5732
|
+
"hover:bg-fill-medium hover:text-foreground active:bg-fill-medium",
|
|
5687
5733
|
"outline-none focus-visible:shadow-focus"
|
|
5688
5734
|
],
|
|
5689
5735
|
systemGroupSummary: ["truncate"],
|
|
@@ -5801,7 +5847,7 @@ const messageReplies = tv({ slots: {
|
|
|
5801
5847
|
"group/message-replies flex min-w-0 w-full flex-col text-left",
|
|
5802
5848
|
"transition-colors focus-visible:keyboard:outline-1 focus-visible:keyboard:outline-line-strong",
|
|
5803
5849
|
"mt-2 max-w-[480px] gap-1 rounded-container border-0 px-2.5 py-2",
|
|
5804
|
-
"bg-fill-muted text-foreground-muted hover:
|
|
5850
|
+
"bg-fill-muted text-foreground-muted hover:overlay-subtle active:overlay-medium",
|
|
5805
5851
|
"focus-visible:outline-none focus-visible:shadow-focus"
|
|
5806
5852
|
],
|
|
5807
5853
|
summary: [
|
|
@@ -5919,8 +5965,8 @@ const messageActionCard = tv({
|
|
|
5919
5965
|
"[&>svg]:transition-transform [&>svg]:duration-200 motion-reduce:[&>svg]:transition-none",
|
|
5920
5966
|
"data-panel-open:[&>svg]:rotate-180",
|
|
5921
5967
|
"focus-visible:keyboard:outline-2 focus-visible:keyboard:outline-offset-1",
|
|
5922
|
-
"my-0 -mr-1 size-[27px] rounded-
|
|
5923
|
-
"hover:bg-fill-
|
|
5968
|
+
"my-0 -mr-1 size-[27px] rounded-chip text-foreground-muted",
|
|
5969
|
+
"hover:bg-fill-medium hover:text-foreground active:bg-fill-medium",
|
|
5924
5970
|
"focus-visible:outline-none focus-visible:shadow-focus",
|
|
5925
5971
|
"[&>svg]:size-4"
|
|
5926
5972
|
]
|
|
@@ -5969,7 +6015,7 @@ const messageActionCardContent = tv({ slots: {
|
|
|
5969
6015
|
"[&>svg]:size-3.5 [&>svg]:shrink-0",
|
|
5970
6016
|
"mb-0 rounded-control bg-fill-muted px-2.5 py-2",
|
|
5971
6017
|
"text-footnote text-foreground-muted",
|
|
5972
|
-
"[&>svg]:mt-
|
|
6018
|
+
"[&>svg]:mt-[calc((1lh-14px)/2)] [&>svg]:text-foreground-muted"
|
|
5973
6019
|
],
|
|
5974
6020
|
completion: ["inline-flex items-center gap-1.5 text-footnote text-foreground-muted", "[&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-foreground"],
|
|
5975
6021
|
actions: ["flex flex-wrap items-center justify-end", "mt-1 gap-2"],
|
|
@@ -6267,14 +6313,14 @@ const messageAttachment = tv({ slots: {
|
|
|
6267
6313
|
card: [
|
|
6268
6314
|
"group/attachment relative inline-flex h-20 w-44 min-w-44 max-w-44 shrink-0 flex-col overflow-hidden",
|
|
6269
6315
|
"text-left",
|
|
6270
|
-
"rounded-container border border-line-hairline bg-layer-card py-2 pr-
|
|
6271
|
-
"outline-none hover:
|
|
6316
|
+
"rounded-container border border-line-hairline bg-layer-card py-2 pr-[calc(var(--control-embedded-inset)-1px)] pl-2.5 text-foreground",
|
|
6317
|
+
"outline-none hover:overlay-subtle active:overlay-medium focus-visible:shadow-focus",
|
|
6272
6318
|
"[&_[data-slot=message-attachment-action]_svg]:size-4"
|
|
6273
6319
|
],
|
|
6274
6320
|
title: ["block w-full max-w-full shrink-0 truncate", "pr-1 font-sans text-callout font-semibold text-foreground"],
|
|
6275
6321
|
meta: ["mt-auto flex w-full min-w-0 max-w-full items-center justify-between", "gap-2 font-mono text-mono-meta text-foreground-hint"],
|
|
6276
6322
|
metaStart: "min-w-0 flex-1 truncate",
|
|
6277
|
-
metaEnd: ["ml-auto inline-flex shrink-0 items-center gap-1", "[&_svg]:size-[10px] [&_svg]:shrink-0"],
|
|
6323
|
+
metaEnd: ["ml-auto inline-flex shrink-0 items-center gap-1 self-stretch", "[&_svg]:size-[10px] [&_svg]:shrink-0"],
|
|
6278
6324
|
summary: [
|
|
6279
6325
|
"mt-0.5 inline-flex shrink-0 items-center whitespace-nowrap",
|
|
6280
6326
|
"[&_svg]:shrink-0",
|
|
@@ -6288,8 +6334,8 @@ const messageAttachment = tv({ slots: {
|
|
|
6288
6334
|
"relative flex items-center justify-center",
|
|
6289
6335
|
"before:absolute before:-inset-1 before:content-['']",
|
|
6290
6336
|
"[&_svg]:shrink-0",
|
|
6291
|
-
"-
|
|
6292
|
-
"outline-none hover:bg-fill-
|
|
6337
|
+
"-mt-1 mb-[calc(var(--control-embedded-inset)-9px)] size-6 self-end rounded-chip text-foreground",
|
|
6338
|
+
"outline-none hover:bg-fill-medium active:bg-fill-medium",
|
|
6293
6339
|
"focus-visible:shadow-focus",
|
|
6294
6340
|
"[&_svg]:size-4"
|
|
6295
6341
|
]
|
|
@@ -6437,8 +6483,8 @@ const messageImageGallery = tv({
|
|
|
6437
6483
|
"absolute z-10 hidden items-center justify-center",
|
|
6438
6484
|
"focus:flex",
|
|
6439
6485
|
"group-hover/img:flex",
|
|
6440
|
-
"right-
|
|
6441
|
-
"bg-layer-card text-foreground hover:
|
|
6486
|
+
"right-[calc(var(--control-embedded-inset)-1px)] bottom-[calc(var(--control-embedded-inset)-1px)] size-8 rounded-chip border-[1.5px] border-line-strong",
|
|
6487
|
+
"bg-layer-card text-foreground hover:overlay-medium active:overlay-medium",
|
|
6442
6488
|
"outline-none focus-visible:shadow-focus",
|
|
6443
6489
|
"[&_svg]:size-4"
|
|
6444
6490
|
]
|
|
@@ -6661,8 +6707,8 @@ const messageVideoPreview = tv({ slots: {
|
|
|
6661
6707
|
"transition-colors duration-150",
|
|
6662
6708
|
"outline-[1px] outline-offset-2 outline-transparent focus-visible:keyboard:outline-foreground",
|
|
6663
6709
|
"disabled:cursor-default [&_svg]:shrink-0",
|
|
6664
|
-
"top-
|
|
6665
|
-
"bg-layer-card text-foreground hover:
|
|
6710
|
+
"top-[calc(var(--control-embedded-inset)-1px)] right-[calc(var(--control-embedded-inset)-1px)] size-8 rounded-chip border-[1.5px] border-line-strong",
|
|
6711
|
+
"bg-layer-card text-foreground hover:overlay-medium active:overlay-medium",
|
|
6666
6712
|
"outline-none focus-visible:shadow-focus",
|
|
6667
6713
|
"disabled:border-line-hairline disabled:bg-fill-muted disabled:bg-none disabled:text-foreground-disabled",
|
|
6668
6714
|
"[&_svg]:size-4"
|
|
@@ -6815,8 +6861,8 @@ const messageForwardedBundleItem = tv({
|
|
|
6815
6861
|
action: {
|
|
6816
6862
|
static: {},
|
|
6817
6863
|
interactive: { attachment: [
|
|
6818
|
-
"cursor-pointer
|
|
6819
|
-
"hover:
|
|
6864
|
+
"cursor-pointer focus-visible:keyboard:outline-2 focus-visible:keyboard:outline-offset-2 focus-visible:keyboard:outline-line-strong",
|
|
6865
|
+
"hover:overlay-medium active:overlay-medium",
|
|
6820
6866
|
"focus-visible:outline-none focus-visible:shadow-focus"
|
|
6821
6867
|
] }
|
|
6822
6868
|
} },
|
|
@@ -8118,12 +8164,12 @@ function OtterIndicator({ status, className, ...props }) {
|
|
|
8118
8164
|
const table = tv({ slots: {
|
|
8119
8165
|
root: ["w-full border-collapse caption-bottom", "font-sans text-callout text-foreground"],
|
|
8120
8166
|
header: [],
|
|
8121
|
-
body: ["[&>tr:last-child>td]:border-b-0 [&>tr:last-child>th]:border-b-0", "[&>tr]:hover:bg-fill-
|
|
8167
|
+
body: ["[&>tr:last-child>td]:border-b-0 [&>tr:last-child>th]:border-b-0", "[&>tr]:hover:bg-fill-subtle [&>tr]:active:bg-fill-medium"],
|
|
8122
8168
|
row: [
|
|
8123
|
-
"not-aria-selected:not-data-[selected=true]:data-popup-open:bg-fill-
|
|
8124
|
-
"not-aria-selected:not-data-[selected=true]:has-data-popup-open:bg-fill-
|
|
8125
|
-
"aria-selected:bg-info-soft aria-selected:hover:bg-info-soft",
|
|
8126
|
-
"data-[selected=true]:bg-info-soft data-[selected=true]:hover:bg-info-soft"
|
|
8169
|
+
"not-aria-selected:not-data-[selected=true]:data-popup-open:bg-fill-subtle",
|
|
8170
|
+
"not-aria-selected:not-data-[selected=true]:has-data-popup-open:bg-fill-subtle",
|
|
8171
|
+
"aria-selected:bg-info-soft aria-selected:hover:bg-info-soft aria-selected:active:bg-info-soft",
|
|
8172
|
+
"data-[selected=true]:bg-info-soft data-[selected=true]:hover:bg-info-soft data-[selected=true]:active:bg-info-soft"
|
|
8127
8173
|
],
|
|
8128
8174
|
head: [
|
|
8129
8175
|
"text-left whitespace-nowrap",
|
|
@@ -8485,8 +8531,8 @@ const files = tv({ slots: {
|
|
|
8485
8531
|
"group/file-row flex w-full min-w-0 gap-3 px-3",
|
|
8486
8532
|
"transition-colors",
|
|
8487
8533
|
"items-center rounded-container border border-line-hairline bg-layer-card py-2.5 pr-1.5 pl-2.5 shadow-none",
|
|
8488
|
-
"[@media(hover:hover)]:has-[[data-slot=file-row-open]:hover]:
|
|
8489
|
-
"has-data-popup-open:
|
|
8534
|
+
"[@media(hover:hover)]:has-[[data-slot=file-row-open]:hover]:overlay-subtle has-[[data-slot=file-row-open]:active]:overlay-medium",
|
|
8535
|
+
"has-data-popup-open:overlay-subtle",
|
|
8490
8536
|
"has-[[data-slot=file-row-open]:focus-visible]:shadow-focus"
|
|
8491
8537
|
],
|
|
8492
8538
|
rowOpen: [
|
|
@@ -8570,7 +8616,7 @@ function FileMetaItem(props) {
|
|
|
8570
8616
|
function FileActions(props) {
|
|
8571
8617
|
return useFileSlot("actions", "file-actions", "span", props);
|
|
8572
8618
|
}
|
|
8573
|
-
function FileAction({ variant, size = "icon-
|
|
8619
|
+
function FileAction({ variant, size = "icon-md", ...props }) {
|
|
8574
8620
|
return /* @__PURE__ */ jsx(Button, {
|
|
8575
8621
|
variant: variant ?? "ghost",
|
|
8576
8622
|
size,
|
|
@@ -8582,7 +8628,7 @@ function FileAction({ variant, size = "icon-sm", ...props }) {
|
|
|
8582
8628
|
const composer = tv({ slots: {
|
|
8583
8629
|
root: [
|
|
8584
8630
|
"flex w-full flex-col gap-2 p-2",
|
|
8585
|
-
"rounded-container border-[1.5px] px-3 pt-3 pb-
|
|
8631
|
+
"rounded-container border-[1.5px] px-3 pt-3 pb-[calc(var(--control-embedded-inset)-1px)]",
|
|
8586
8632
|
"border-line-field bg-layer-card text-foreground shadow-none",
|
|
8587
8633
|
"has-focus-visible:shadow-focus"
|
|
8588
8634
|
],
|
|
@@ -8593,16 +8639,16 @@ const composer = tv({ slots: {
|
|
|
8593
8639
|
"font-sans text-body font-normal text-foreground",
|
|
8594
8640
|
"placeholder:text-foreground-hint"
|
|
8595
8641
|
],
|
|
8596
|
-
toolbar: ["flex items-center justify-between", "gap-2"],
|
|
8642
|
+
toolbar: ["flex items-center justify-between", "mx-[calc(var(--control-embedded-inset)-0.75rem-1px)] gap-2"],
|
|
8597
8643
|
actions: ["flex items-center gap-2"],
|
|
8598
8644
|
meta: ["flex items-center", "gap-2"],
|
|
8599
8645
|
iconButton: [
|
|
8600
|
-
"size-8 rounded-
|
|
8646
|
+
"size-8 rounded-chip text-foreground-muted",
|
|
8601
8647
|
"disabled:border-transparent disabled:bg-transparent",
|
|
8602
8648
|
"aria-disabled:border-transparent aria-disabled:bg-transparent",
|
|
8603
|
-
"[[data-slot=composer-actions]:first-child>&:first-child]:ml-[-5px]",
|
|
8604
8649
|
"[&_svg:not([class*='size-'])]:size-4.5"
|
|
8605
|
-
]
|
|
8650
|
+
],
|
|
8651
|
+
submit: ["rounded-chip"]
|
|
8606
8652
|
} });
|
|
8607
8653
|
//#endregion
|
|
8608
8654
|
//#region src/components/composer/composer.tsx
|
|
@@ -8671,15 +8717,17 @@ function ComposerIconButton({ className, ...props }) {
|
|
|
8671
8717
|
const { iconButton } = composer();
|
|
8672
8718
|
return /* @__PURE__ */ jsx(Button, {
|
|
8673
8719
|
type: "button",
|
|
8674
|
-
size: "icon-
|
|
8720
|
+
size: "icon-md",
|
|
8675
8721
|
variant: "ghost",
|
|
8676
8722
|
className: iconButton({ className }),
|
|
8677
8723
|
...props
|
|
8678
8724
|
});
|
|
8679
8725
|
}
|
|
8680
|
-
function ComposerSubmit({ type = "submit", ...props }) {
|
|
8726
|
+
function ComposerSubmit({ type = "submit", className, ...props }) {
|
|
8727
|
+
const { submit } = composer();
|
|
8681
8728
|
return /* @__PURE__ */ jsx(Button, {
|
|
8682
8729
|
...props,
|
|
8730
|
+
className: submit({ className }),
|
|
8683
8731
|
type,
|
|
8684
8732
|
variant: "accent"
|
|
8685
8733
|
});
|
|
@@ -8708,7 +8756,7 @@ const composerAttachment = tv({
|
|
|
8708
8756
|
],
|
|
8709
8757
|
attachmentsNav: [
|
|
8710
8758
|
"absolute top-1/2 z-30 -translate-y-1/2",
|
|
8711
|
-
"size-8 shadow-none",
|
|
8759
|
+
"size-8 rounded-chip shadow-none",
|
|
8712
8760
|
"[&_svg:not([class*='size-'])]:size-4.5"
|
|
8713
8761
|
],
|
|
8714
8762
|
attachment: ["group/composer-attachment relative", "[--ca-overlay-border:1px]"],
|
|
@@ -8754,7 +8802,7 @@ const composerAttachment = tv({
|
|
|
8754
8802
|
"[&_svg]:shrink-0",
|
|
8755
8803
|
"-top-1.5 -right-1.5 size-5 rounded-sticker border-[1.5px] border-line-strong",
|
|
8756
8804
|
"bg-layer-card text-foreground opacity-100",
|
|
8757
|
-
"hover:
|
|
8805
|
+
"hover:overlay-medium active:overlay-medium",
|
|
8758
8806
|
"outline-none focus-visible:shadow-focus",
|
|
8759
8807
|
"disabled:cursor-not-allowed disabled:border-line-hairline disabled:bg-fill-muted disabled:text-foreground-disabled",
|
|
8760
8808
|
"after:absolute after:-inset-3 after:content-['']",
|
|
@@ -8970,7 +9018,7 @@ function ComposerAttachmentsScrollArea({ children, className, onMouseEnter, onMo
|
|
|
8970
9018
|
children: [
|
|
8971
9019
|
showPrev ? /* @__PURE__ */ jsx(Button, {
|
|
8972
9020
|
type: "button",
|
|
8973
|
-
size: "icon-
|
|
9021
|
+
size: "icon-md",
|
|
8974
9022
|
variant: navVariant,
|
|
8975
9023
|
"aria-label": "Scroll attachments left",
|
|
8976
9024
|
className: prevNavClassName,
|
|
@@ -8985,7 +9033,7 @@ function ComposerAttachmentsScrollArea({ children, className, onMouseEnter, onMo
|
|
|
8985
9033
|
}),
|
|
8986
9034
|
showNext ? /* @__PURE__ */ jsx(Button, {
|
|
8987
9035
|
type: "button",
|
|
8988
|
-
size: "icon-
|
|
9036
|
+
size: "icon-md",
|
|
8989
9037
|
variant: navVariant,
|
|
8990
9038
|
"aria-label": "Scroll attachments right",
|
|
8991
9039
|
className: nextNavClassName,
|
|
@@ -9276,14 +9324,14 @@ const composerSuggestionList = tv({
|
|
|
9276
9324
|
slots: {
|
|
9277
9325
|
root: [
|
|
9278
9326
|
"absolute inset-x-0 bottom-full w-auto overflow-y-auto",
|
|
9279
|
-
"mb-2 max-h-60 overflow-x-hidden rounded-container p-1
|
|
9327
|
+
"mb-2 max-h-60 overflow-x-hidden rounded-container p-1",
|
|
9280
9328
|
"bg-layer-popover text-foreground ring-1 ring-line-seam shadow-float"
|
|
9281
9329
|
],
|
|
9282
9330
|
group: ["flex flex-col"],
|
|
9283
9331
|
groupLabel: ["py-1.5", "px-2.5 pt-2 pb-1 font-sans text-caption font-bold text-foreground-hint"],
|
|
9284
9332
|
item: [
|
|
9285
9333
|
"flex w-full items-center text-left",
|
|
9286
|
-
"min-h-9 cursor-pointer gap-2.5 rounded-
|
|
9334
|
+
"min-h-9 cursor-pointer gap-2.5 rounded-chip px-2.5 py-1",
|
|
9287
9335
|
"font-sans text-callout font-medium text-foreground",
|
|
9288
9336
|
"hover:bg-brand-soft data-[highlighted=true]:bg-brand-soft",
|
|
9289
9337
|
"data-[disabled=true]:cursor-default data-[disabled=true]:text-foreground-disabled",
|
|
@@ -9297,7 +9345,7 @@ const composerSuggestionList = tv({
|
|
|
9297
9345
|
},
|
|
9298
9346
|
variants: {
|
|
9299
9347
|
separated: {
|
|
9300
|
-
true: { group: ["-mx-1
|
|
9348
|
+
true: { group: ["-mx-1 mt-1 border-t border-line-hairline px-1 pt-1"] },
|
|
9301
9349
|
false: {}
|
|
9302
9350
|
},
|
|
9303
9351
|
iconVariant: {
|
|
@@ -9704,7 +9752,7 @@ const banner = tv({
|
|
|
9704
9752
|
"has-[>[data-slot=status]]:grid-cols-[20px_minmax(0,1fr)]",
|
|
9705
9753
|
"[&>svg]:row-start-1 [&>svg]:size-5 [&>svg]:text-foreground",
|
|
9706
9754
|
"[&>svg]:mt-[calc((1lh-20px)/2)]",
|
|
9707
|
-
"*:data-[slot=status]:
|
|
9755
|
+
"*:data-[slot=status]:lead-dot *:data-[slot=status]:self-start *:data-[slot=status]:justify-self-center",
|
|
9708
9756
|
"has-[>svg]:[--banner-text-col:2]",
|
|
9709
9757
|
"has-[>[data-slot=status]]:[--banner-text-col:2]",
|
|
9710
9758
|
"has-[>[data-slot=banner-title]]:[--banner-desc-row:2]",
|
|
@@ -9744,8 +9792,7 @@ const banner = tv({
|
|
|
9744
9792
|
sm: { root: [
|
|
9745
9793
|
"gap-x-2 px-3 py-2 text-footnote",
|
|
9746
9794
|
"has-[>svg]:grid-cols-[16px_minmax(0,1fr)] has-[>[data-slot=status]]:grid-cols-[16px_minmax(0,1fr)]",
|
|
9747
|
-
"[&>svg]:mt-[calc((1lh-16px)/2)] [&>svg]:size-4"
|
|
9748
|
-
"*:data-[slot=status]:mt-[calc((var(--text-footnote--line-height)-9px)/2)]"
|
|
9795
|
+
"[&>svg]:mt-[calc((1lh-16px)/2)] [&>svg]:size-4"
|
|
9749
9796
|
] },
|
|
9750
9797
|
md: { root: ["px-3.5 py-3"] },
|
|
9751
9798
|
lg: { root: ["px-4 py-3.5"] }
|
|
@@ -9904,7 +9951,7 @@ function BannerClose({ className, children, "aria-label": ariaLabel = "Dismiss",
|
|
|
9904
9951
|
return /* @__PURE__ */ jsx(Button, {
|
|
9905
9952
|
...props,
|
|
9906
9953
|
variant: "ghost",
|
|
9907
|
-
size: "icon-
|
|
9954
|
+
size: "icon-md",
|
|
9908
9955
|
"aria-label": ariaLabel,
|
|
9909
9956
|
"data-banner-close": "",
|
|
9910
9957
|
className: close({ className }),
|
|
@@ -10017,7 +10064,7 @@ const notificationCenter = tv({
|
|
|
10017
10064
|
"relative inline-flex size-10 items-center justify-center overflow-visible p-0",
|
|
10018
10065
|
"rounded-control border-[1.5px] border-transparent bg-transparent text-foreground-on-frame",
|
|
10019
10066
|
"select-none outline-none",
|
|
10020
|
-
"hover:bg-fill-frame-
|
|
10067
|
+
"hover:bg-fill-frame-medium active:bg-fill-frame-medium data-popup-open:bg-fill-frame-medium",
|
|
10021
10068
|
"focus-visible:shadow-focus",
|
|
10022
10069
|
"[&_svg]:size-5 [&_svg]:shrink-0"
|
|
10023
10070
|
],
|
|
@@ -10125,7 +10172,7 @@ function NotificationCenterTrigger({ className, children, ...props }) {
|
|
|
10125
10172
|
function NotificationCenterPortal(props) {
|
|
10126
10173
|
return /* @__PURE__ */ jsx(Popover$1.Portal, { ...useThemeScopeProps(props) });
|
|
10127
10174
|
}
|
|
10128
|
-
function NotificationCenterPopup({ viewport = "desktop", size = "md", className, initialFocus = false, align = "center", alignOffset = 0, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking
|
|
10175
|
+
function NotificationCenterPopup({ viewport = "desktop", size = "md", className, initialFocus = false, align = "center", alignOffset = 0, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking, positionMethod = "fixed", side = "bottom", sideOffset = 4, sticky, portalProps, ...props }) {
|
|
10129
10176
|
const { popup } = notificationCenter({
|
|
10130
10177
|
viewport,
|
|
10131
10178
|
size
|
|
@@ -10363,7 +10410,7 @@ const toastStyles = tv({
|
|
|
10363
10410
|
icon: [
|
|
10364
10411
|
"flex h-lh w-5 shrink-0 items-center justify-center",
|
|
10365
10412
|
"[&_svg]:shrink-0",
|
|
10366
|
-
"[&_svg]:size-4"
|
|
10413
|
+
"[&_svg]:size-4 *:data-[slot=status]:lead-dot"
|
|
10367
10414
|
],
|
|
10368
10415
|
body: ["min-w-0"],
|
|
10369
10416
|
title: ["m-0 truncate text-callout", "font-normal text-foreground-on-hud"],
|
|
@@ -10867,9 +10914,9 @@ const tabs = tv({
|
|
|
10867
10914
|
tab: [
|
|
10868
10915
|
"h-8 justify-center gap-1.5 rounded-control border-[1.5px] border-transparent px-3",
|
|
10869
10916
|
"after:inset-x-0 after:-inset-y-1.5",
|
|
10870
|
-
"hover:bg-fill-
|
|
10917
|
+
"hover:bg-fill-medium active:bg-fill-medium",
|
|
10871
10918
|
"data-active:border-sticker-ink data-active:bg-brand data-active:font-bold data-active:text-sticker-ink data-active:ring-[1.5px] data-active:ring-sticker-edge",
|
|
10872
|
-
"data-active:active:
|
|
10919
|
+
"data-active:active:overlay-sticker-medium",
|
|
10873
10920
|
"data-disabled:bg-transparent"
|
|
10874
10921
|
]
|
|
10875
10922
|
},
|
|
@@ -11273,7 +11320,7 @@ const panelActionBase = tv({ base: [
|
|
|
11273
11320
|
"px-2 md:pointer-fine:px-[5px]",
|
|
11274
11321
|
"after:absolute after:-inset-control-hit",
|
|
11275
11322
|
"text-foreground",
|
|
11276
|
-
"hover:bg-fill-
|
|
11323
|
+
"hover:bg-fill-medium active:bg-fill-medium",
|
|
11277
11324
|
"focus-visible:shadow-focus",
|
|
11278
11325
|
"[&>svg]:size-control-icon",
|
|
11279
11326
|
controlIconInset
|
|
@@ -11286,7 +11333,7 @@ const panelAction = tv({
|
|
|
11286
11333
|
"gap-1.5 text-control font-bold",
|
|
11287
11334
|
"disabled:bg-transparent disabled:text-foreground-disabled disabled:opacity-100",
|
|
11288
11335
|
"aria-pressed:border-sticker-ink aria-pressed:bg-brand aria-pressed:text-sticker-ink aria-pressed:ring-[1.5px] aria-pressed:ring-sticker-edge",
|
|
11289
|
-
"aria-pressed:active:
|
|
11336
|
+
"aria-pressed:active:overlay-sticker-medium"
|
|
11290
11337
|
]
|
|
11291
11338
|
});
|
|
11292
11339
|
const panelToggleAction = tv({
|
|
@@ -11296,7 +11343,7 @@ const panelToggleAction = tv({
|
|
|
11296
11343
|
"gap-1.5 text-control font-bold",
|
|
11297
11344
|
"data-disabled:bg-transparent data-disabled:text-foreground-disabled data-disabled:opacity-100",
|
|
11298
11345
|
"data-pressed:border-sticker-ink data-pressed:bg-brand data-pressed:text-sticker-ink data-pressed:ring-[1.5px] data-pressed:ring-sticker-edge",
|
|
11299
|
-
"data-pressed:active:
|
|
11346
|
+
"data-pressed:active:overlay-sticker-medium"
|
|
11300
11347
|
]
|
|
11301
11348
|
});
|
|
11302
11349
|
//#endregion
|
|
@@ -11787,7 +11834,8 @@ const panelNotice = tv({
|
|
|
11787
11834
|
root: [
|
|
11788
11835
|
"flex shrink-0 items-start",
|
|
11789
11836
|
"min-h-10 gap-2.5 border-b border-line-seam px-5 py-2.5 max-md:px-4",
|
|
11790
|
-
"font-sans text-callout font-semibold text-foreground"
|
|
11837
|
+
"font-sans text-callout font-semibold text-foreground",
|
|
11838
|
+
"[&>svg]:lead-icon *:data-[slot=status]:lead-dot"
|
|
11791
11839
|
],
|
|
11792
11840
|
content: ["min-w-0 flex-1"],
|
|
11793
11841
|
actions: ["flex shrink-0 items-center", "-my-1.5 gap-3"]
|
|
@@ -11918,12 +11966,12 @@ const threadPanel = tv({ slots: {
|
|
|
11918
11966
|
searchCount: ["shrink-0 whitespace-nowrap font-mono tabular-nums", "text-mono-meta text-foreground-hint"],
|
|
11919
11967
|
originalMessage: [
|
|
11920
11968
|
"relative shrink-0",
|
|
11921
|
-
"border-b border-line-hairline bg-transparent pb-
|
|
11969
|
+
"border-b border-line-hairline bg-transparent pb-timeline-end",
|
|
11922
11970
|
"**:data-message-item:bg-transparent"
|
|
11923
11971
|
],
|
|
11924
|
-
replySummary: ["pt-
|
|
11925
|
-
replyCount: ["
|
|
11926
|
-
footer: ["text-caption text-foreground-hint"]
|
|
11972
|
+
replySummary: ["pt-timeline-start", "px-5"],
|
|
11973
|
+
replyCount: ["my-timeline-row border-b pb-2 text-center font-mono", "border-line-hairline text-mono-meta text-foreground-hint"],
|
|
11974
|
+
footer: ["pt-0", "text-caption text-foreground-hint"]
|
|
11927
11975
|
} });
|
|
11928
11976
|
//#endregion
|
|
11929
11977
|
//#region src/components/thread-panel/thread-panel.tsx
|
|
@@ -12501,7 +12549,7 @@ const taskCardStatus = tv({ base: [
|
|
|
12501
12549
|
"[&:not(:has([data-slot=task-card-status-label]))]:hidden",
|
|
12502
12550
|
"**: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",
|
|
12503
12551
|
"[&_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-[9px]",
|
|
12504
|
-
"[button&]:cursor-pointer [button&]:enabled:hover:
|
|
12552
|
+
"[button&]:cursor-pointer [button&]:enabled:hover:overlay-medium [button&]:enabled:active:overlay-medium",
|
|
12505
12553
|
"disabled:cursor-default disabled:opacity-100",
|
|
12506
12554
|
"focus-visible:shadow-focus"
|
|
12507
12555
|
] });
|
|
@@ -12516,7 +12564,7 @@ const taskCard = tv({ slots: {
|
|
|
12516
12564
|
"group-data-[dragging=true]/task-draggable:transform-none",
|
|
12517
12565
|
"motion-reduce:transform-none motion-reduce:transition-none",
|
|
12518
12566
|
"rounded-container border border-line-hairline bg-layer-card p-3 text-foreground shadow-none",
|
|
12519
|
-
"data-[interactive=true]:hover:
|
|
12567
|
+
"data-[interactive=true]:hover:overlay-subtle data-[interactive=true]:active:overlay-medium",
|
|
12520
12568
|
"data-[disabled=true]:bg-fill-muted data-[disabled=true]:opacity-100",
|
|
12521
12569
|
"group-data-[dragging=true]/task-draggable:shadow-float"
|
|
12522
12570
|
],
|
|
@@ -15638,8 +15686,7 @@ const taskChip = tv({
|
|
|
15638
15686
|
"rounded-chip border-0",
|
|
15639
15687
|
"font-sans font-semibold text-foreground",
|
|
15640
15688
|
"[&>svg:not([data-slot=task-status-icon])]:-mx-0.5 [&>svg[data-slot=task-status-icon]]:size-[9px]",
|
|
15641
|
-
"hover:
|
|
15642
|
-
"[a,button]:cursor-pointer [a,button]:hover:press-overlay [a,button]:active:press-overlay",
|
|
15689
|
+
"[a,button]:cursor-pointer [a,button]:hover:overlay-medium [a,button]:active:overlay-medium",
|
|
15643
15690
|
"focus-visible:outline-none focus-visible:shadow-focus"
|
|
15644
15691
|
] },
|
|
15645
15692
|
variants: {
|
|
@@ -15671,7 +15718,7 @@ const taskChip = tv({
|
|
|
15671
15718
|
],
|
|
15672
15719
|
class: { root: [
|
|
15673
15720
|
"items-baseline gap-1.5 rounded-full border py-0 pr-2 pl-1 align-baseline",
|
|
15674
|
-
"[font-size:inherit] leading-[1.2em] font-[450]
|
|
15721
|
+
"[font-size:inherit] leading-[1.2em] font-[450]",
|
|
15675
15722
|
"[&>svg]:size-[0.857em] [&>svg]:self-center"
|
|
15676
15723
|
] }
|
|
15677
15724
|
},
|
|
@@ -16123,8 +16170,8 @@ const inboxItem = tv({
|
|
|
16123
16170
|
"[[data-slot=inbox-item]+&]:before:block has-data-[slot=inbox-item-selection]:before:left-11",
|
|
16124
16171
|
"has-data-[slot=inbox-item-leading]:before:left-16",
|
|
16125
16172
|
"has-data-[slot=inbox-item-selection]:has-data-[slot=inbox-item-leading]:before:left-23",
|
|
16126
|
-
"hover:bg-fill-
|
|
16127
|
-
"not-data-[active=true]:data-popup-open:bg-fill-
|
|
16173
|
+
"hover:bg-fill-subtle not-data-[active=true]:active:bg-fill-medium",
|
|
16174
|
+
"not-data-[active=true]:data-popup-open:bg-fill-subtle not-data-[active=true]:has-data-popup-open:bg-fill-subtle",
|
|
16128
16175
|
"data-[active=true]:bg-info-soft data-[active=true]:hover:bg-info-soft",
|
|
16129
16176
|
"data-disabled:pointer-events-none data-disabled:hover:bg-transparent",
|
|
16130
16177
|
"has-[[data-slot=inbox-item-open]:focus-visible]:keyboard:inset-ring-2 has-[[data-slot=inbox-item-open]:focus-visible]:keyboard:inset-ring-foreground",
|
|
@@ -16205,7 +16252,7 @@ const inboxItem = tv({
|
|
|
16205
16252
|
"[&>[data-slot=panel-toggle-action][data-pressed]]:border-transparent",
|
|
16206
16253
|
"[&>[data-slot=panel-toggle-action][data-pressed]]:bg-transparent",
|
|
16207
16254
|
"[&>[data-slot=panel-toggle-action][data-pressed]]:text-foreground",
|
|
16208
|
-
"[&>[data-slot=panel-toggle-action][data-pressed]]:hover:bg-fill-pressed",
|
|
16255
|
+
"[&>[data-slot=panel-toggle-action][data-pressed]]:hover:bg-fill-medium [&>[data-slot=panel-toggle-action][data-pressed]]:active:bg-fill-medium",
|
|
16209
16256
|
"pointer-coarse:gap-3",
|
|
16210
16257
|
"pointer-coarse:*:data-[slot=panel-action]:after:absolute pointer-coarse:*:data-[slot=panel-action]:after:-inset-1.5",
|
|
16211
16258
|
"pointer-coarse:*:data-[slot=panel-toggle-action]:after:absolute pointer-coarse:*:data-[slot=panel-toggle-action]:after:-inset-1.5"
|
|
@@ -16609,8 +16656,8 @@ const searchEntity = tv({ slots: {
|
|
|
16609
16656
|
"relative rounded-none border-0 bg-transparent px-4 py-3 text-foreground shadow-none",
|
|
16610
16657
|
"max-md:min-h-16",
|
|
16611
16658
|
"not-first:before:absolute not-first:before:top-0 not-first:before:right-0 not-first:before:left-[55px] not-first:before:border-t not-first:before:border-line-hairline",
|
|
16612
|
-
"hover:bg-fill-
|
|
16613
|
-
"not-data-[selected=true]:data-popup-open:bg-fill-
|
|
16659
|
+
"hover:bg-fill-subtle active:bg-fill-medium",
|
|
16660
|
+
"not-data-[selected=true]:data-popup-open:bg-fill-subtle",
|
|
16614
16661
|
"disabled:cursor-default disabled:hover:bg-transparent disabled:active:bg-transparent",
|
|
16615
16662
|
"data-[selected=true]:bg-brand-soft data-[selected=true]:hover:bg-brand-soft",
|
|
16616
16663
|
"outline-none focus-visible:keyboard:inset-ring-2 focus-visible:keyboard:inset-ring-foreground"
|
|
@@ -16749,8 +16796,8 @@ const searchMessage = tv({ slots: {
|
|
|
16749
16796
|
"w-full text-left transition-colors",
|
|
16750
16797
|
"relative block rounded-none border-0 bg-transparent px-4 py-3 text-foreground shadow-none",
|
|
16751
16798
|
"not-first:before:absolute not-first:before:top-0 not-first:before:right-0 not-first:before:left-4 not-first:before:border-t not-first:before:border-line-hairline",
|
|
16752
|
-
"hover:bg-fill-
|
|
16753
|
-
"not-data-[selected=true]:data-popup-open:bg-fill-
|
|
16799
|
+
"hover:bg-fill-subtle active:bg-fill-medium",
|
|
16800
|
+
"not-data-[selected=true]:data-popup-open:bg-fill-subtle",
|
|
16754
16801
|
"disabled:cursor-default disabled:hover:bg-transparent disabled:active:bg-transparent",
|
|
16755
16802
|
"data-[selected=true]:bg-brand-soft data-[selected=true]:hover:bg-brand-soft",
|
|
16756
16803
|
"outline-none focus-visible:keyboard:inset-ring-2 focus-visible:keyboard:inset-ring-foreground"
|
|
@@ -16982,7 +17029,7 @@ const searchTrigger = tv({ slots: {
|
|
|
16982
17029
|
"rounded-control border-[1.5px] border-line-field bg-layer-card",
|
|
16983
17030
|
"text-left font-sans text-body font-normal text-foreground-hint",
|
|
16984
17031
|
"select-none outline-none transition-colors duration-100",
|
|
16985
|
-
"
|
|
17032
|
+
"active:overlay-medium focus-visible:shadow-focus",
|
|
16986
17033
|
"disabled:cursor-not-allowed disabled:border-line-hairline disabled:bg-fill-muted disabled:bg-none disabled:text-foreground-disabled",
|
|
16987
17034
|
"aria-disabled:cursor-not-allowed aria-disabled:border-line-hairline aria-disabled:bg-fill-muted aria-disabled:bg-none aria-disabled:text-foreground-disabled",
|
|
16988
17035
|
"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&>svg:not([class*='size-'])]:size-[18px]"
|
|
@@ -17268,4 +17315,4 @@ function ThemeProvider({ mode, defaultMode = "light", onModeChange, storageKey,
|
|
|
17268
17315
|
});
|
|
17269
17316
|
}
|
|
17270
17317
|
//#endregion
|
|
17271
|
-
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, CodeBlockTitle, Combobox, ComboboxChip, ComboboxChipRemove, ComboboxChips, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxControl, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxHeader, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxList, ComboboxPopup, ComboboxPortal, ComboboxRow, ComboboxSeparator, ComboboxTrigger, ComboboxTriggerCount, ComboboxTriggerIndicator, ComboboxValue, Composer, ComposerActions, ComposerAttachment, ComposerAttachmentBody, ComposerAttachmentFailedOverlay, ComposerAttachmentFile, ComposerAttachmentImage, ComposerAttachmentMeta, ComposerAttachmentRemove, ComposerAttachmentTitle, ComposerAttachmentUploadProgressBar, ComposerAttachmentUploadingOverlay, ComposerAttachments, ComposerAttachmentsScrollArea, ComposerDropOverlay, ComposerDropOverlayLabel, ComposerDropOverlayPrompt, ComposerIconButton, ComposerInput, ComposerMeta, ComposerRoot, ComposerSubmit, ComposerSuggestionAside, ComposerSuggestionContent, ComposerSuggestionGroup, ComposerSuggestionGroupLabel, ComposerSuggestionIcon, ComposerSuggestionList, ComposerSuggestionMeta, ComposerSuggestionOption, ComposerSuggestionTitle, ComposerToolbar, ComposerToolbarLabel, ContextMenu, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuContent, ContextMenuFooter, ContextMenuItem, ContextMenuItemLabel, ContextMenuLabel, ContextMenuPopup, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSubmenu, ContextMenuSubmenuTrigger, ContextMenuTrigger, ConversationPanelBody, ConversationPanelContent, ConversationPanelEmptyState, ConversationPanelEmptyStateBrand, ConversationPanelEmptyStateBrandMark, ConversationPanelFooter, ConversationPanelRoot, ConversationPanelTabs, CopyableCode, CopyableCodeAction, CopyableCodeRoot, DescriptionDetails, DescriptionItem, DescriptionList, DescriptionTerm, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogNav, DialogOverlay, DialogPortal, DialogSurface, DialogTitle, DialogTrigger, DirectMessageIcon, Drawer, DrawerActions, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, DropdownMenuContent, DropdownMenuFooter, DropdownMenuItem, DropdownMenuItemCount, DropdownMenuItemLabel, DropdownMenuLabel, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRadioItemIndicator, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSubmenu, DropdownMenuSubmenuTrigger, DropdownMenuTrigger, EmptyState, EmptyStateActions, EmptyStateContent, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle, Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity, FileAction, FileActions, FileContent, FileImage, FileMeta, FileMetaItem, FileName, FilePreview, FilePreviewBadge, FilePreviewCode, FilePreviewDocument, FilePreviewFile, FilePreviewMedia, FileRow, FileRowOpen, FileThumbnail, FilesList, FilesPanel, FilesViewport, FloatButton, FloatButtonGroup, FormSection, IconTile, InboxItem, InboxItemActions, InboxItemBody, InboxItemContent, InboxItemContext, InboxItemHeading, InboxItemHoverTarget, InboxItemLeading, InboxItemMarks, InboxItemMessage, InboxItemMetadata, InboxItemSelection, InboxItemSender, InboxItemSubtitle, InboxItemTimestamp, InboxItemTitle, InboxItemTrailing, InboxItemTrigger, InlineCode, Input, InputGroup, InputGroupAddon, InputGroupInput, Kbd, KbdGroup, Label, LabelAsterisk, LabelOptional, LabelSub, LegacyTaskPanelActions, LegacyTaskPanelBody, LegacyTaskPanelField, LegacyTaskPanelFieldLabel, LegacyTaskPanelFieldText, LegacyTaskPanelFieldTitle, LegacyTaskPanelHeader, LegacyTaskPanelIcon, LegacyTaskPanelMeta, LegacyTaskPanelMetaLabel, LegacyTaskPanelMetaRow, LegacyTaskPanelMetaValue, LegacyTaskPanelRoot, LegacyTaskPanelSection, LegacyTaskPanelStatus, LegacyTaskPanelTitle, LegacyTaskPanelTitleMeta, Lightbox, LightboxActions, LightboxClose, LightboxContent, LightboxHeader, LightboxHeaderLabel, LightboxHeaderMeta, LightboxInfoActions, LightboxInfoBar, LightboxInfoDock, LightboxInfoTitle, LightboxMedia, LightboxNavigationButton, LightboxPortal, LightboxStage, LightboxThumbnail, LightboxThumbnailStrip, LightboxTitle, LightboxToolbar, LightboxTrigger, ListRow, ListRowBody, ListRowBottom, ListRowChevron, ListRowDescription, ListRowGroup, ListRowIcon, ListRowMeta, ListRowTitle, ListRowTop, ListRowValue, LiveAgentActivityBar, LiveAgentActivityBarAvatar, LiveAgentActivityBarContent, LiveAgentActivityBarRow, LiveAgentActivityBarStatus, LiveAgentActivityBarText, MarkdownBlockquote, MarkdownCell, MarkdownCheckbox, MarkdownHeaderCell, MarkdownHeading, MarkdownImage, MarkdownInlineCode, MarkdownLink, MarkdownList, MarkdownListItem, MarkdownMark, MarkdownOrderedList, MarkdownParagraph, MarkdownRule, MarkdownTable, MarkdownTableRow, MarkdownTableScroll, MessageActionCard, MessageActionCardActions, MessageActionCardActionsNote, MessageActionCardCollapseTrigger, MessageActionCardCompletion, MessageActionCardContent, MessageActionCardHeader, MessageActionCardHeaderDescription, MessageActionCardHeaderIcon, MessageActionCardHeaderStatus, MessageActionCardHeaderTitle, MessageActionCardHint, MessageActionCardHintLabel, MessageActionCardNotice, MessageActionCardProperties, MessageActionCardProperty, MessageActionCardPropertyLabel, MessageActionCardPropertyValue, MessageActionCardScope, MessageActionCardScopeDescription, MessageActionCardScopeList, MessageActionCardScopeListLabel, MessageActionCardScopeListViewport, MessageActionCardScopeName, MessageActionCardStatus, MessageAttachmentAction, MessageAttachmentCard, MessageAttachmentCommentSummary, MessageAttachmentDiffAddition, MessageAttachmentDiffDeletion, MessageAttachmentDiffSummary, MessageAttachmentGroup, MessageAttachmentMeta, MessageAttachmentMetaEnd, MessageAttachmentMetaStart, MessageAttachmentSummary, MessageAttachmentTitle, MessageEmbed, MessageEmbedContent, MessageEmbedFooter, MessageEmbedHeader, MessageForwardedBundle, MessageForwardedBundleAttachment, MessageForwardedBundleAttachmentMeta, MessageForwardedBundleAttachmentName, MessageForwardedBundleAttachments, MessageForwardedBundleFooter, MessageForwardedBundleFooterAction, MessageForwardedBundleGallery, MessageForwardedBundleGalleryTile, MessageForwardedBundleHeader, MessageForwardedBundleHeaderContent, MessageForwardedBundleHeaderCount, MessageForwardedBundleHeaderLabel, MessageForwardedBundleItem, MessageForwardedBundleItemAuthor, MessageForwardedBundleItemContent, MessageForwardedBundleItemMeta, MessageForwardedBundleItems, MessageForwardedBundleSource, MessageForwardedBundleSourceLabel, MessageIcon, MessageImageGallery, MessageImageGalleryAction, MessageImageGalleryItem, MessageImageGalleryMedia, MessageImageGalleryOverlay, MessageImageGalleryPreview, MessageImageGalleryRow, MessageItem, MessageItemAttachments, MessageItemAvatarSlot, MessageItemBadge, MessageItemBadgeSeparator, MessageItemBody, MessageItemContent, MessageItemContinuationTime, MessageItemEdited, MessageItemEmbedded, MessageItemFooter, MessageItemGutter, MessageItemHeader, MessageItemInlineStatus, MessageItemMeta, MessageItemReadReceipt, MessageItemSavedIndicator, MessageItemSearchMatch, MessageItemSender, MessageItemSenderBadges, MessageItemSenderButton, MessageItemSenderGroup, MessageItemTime, MessageItemToolbar, MessageItemToolbarButton, MessageItemTranslationAction, MessageItemTranslationFailedStatus, MessageItemTranslationOriginal, MessageItemTranslationOriginalLabel, MessageItemTranslationProgressTrack, MessageItemTranslationRetryAction, MessageItemTranslationStatus, MessageList, MessageListDateDivider, MessageListHistoryLimited, MessageListNotice, MessageMultiSelect, MessageMultiSelectCheckbox, MessageMultiSelectToolbar, MessageQuotedPreview, MessageQuotedPreviewAttachment, MessageQuotedPreviewAttachments, MessageQuotedPreviewAuthor, MessageQuotedPreviewAuthorMeta, MessageQuotedPreviewAuthorName, MessageQuotedPreviewChannel, MessageQuotedPreviewContent, MessageQuotedPreviewHeader, MessageQuotedPreviewLoading, MessageQuotedPreviewText, MessageQuotedPreviewThread, MessageQuotedPreviewTimestamp, MessageQuotedPreviewUnavailable, MessageReactionAddButton, MessageReactionChip, MessageReactionCount, MessageReactionErrorIndicator, MessageReactionGlyph, MessageReactionPickerContent, MessageReactionPickerStatic, MessageReactionQuickButton, MessageReactionQuickRow, MessageReactionTooltipContent, MessageReactionTooltipMeta, MessageReactionTooltipName, MessageReactionTooltipNameText, MessageReactionTooltipNames, MessageReactionTooltipSeparator, MessageReferenceChip, MessageReferenceIndicator, MessageReferenceLabel, MessageReferencePending, MessageReferenceText, MessageReferenceUnavailable, MessageReplies, MessageRepliesItem, MessageRepliesItemContent, MessageRepliesItemSender, MessageRepliesItemTime, MessageRepliesSummary, MessageRepliesSummaryItem, MessageTextSelectionToolbar, MessageTextSelectionToolbarButton, MessageTextSelectionToolbarSeparator, MessageVideoPreview, MessageVideoPreviewAction, MessageVideoPreviewFailureAction, MessageVideoPreviewFailureContent, MessageVideoPreviewFailureIcon, MessageVideoPreviewFailureTitle, MessageVideoPreviewFallback, MessageVideoPreviewMedia, MobileNavItem, MobileNavLabel, MobileNavRoot, NotificationCenter, NotificationCenterActionButton, NotificationCenterCount, NotificationCenterEmptyState, NotificationCenterHeader, NotificationCenterItem, NotificationCenterItemActions, NotificationCenterItemBody, NotificationCenterItemContent, NotificationCenterItemIcon, NotificationCenterItemRow, NotificationCenterItemTitle, NotificationCenterList, NotificationCenterPopup, NotificationCenterScroller, NotificationCenterTitle, NotificationCenterTrigger, OtterIndicator, Panel, PanelAction, PanelActions, PanelActivity, PanelBody, PanelFooter, PanelHeader, PanelHeaderContent, PanelHeaderIcon, PanelHeaderRoot, PanelHeading, PanelMeta, PanelNotice, PanelNoticeActions, PanelNoticeContent, PanelScrollContent, PanelScrollViewport, PanelSection, PanelSectionHeader, PanelStatus, PanelTitle, PanelToggleAction, PickerTriggerButton, Popover, PopoverArrow, PopoverBackdrop, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverPopup, PopoverPortal, PopoverSeparator, PopoverTitle, PopoverTrigger, PopoverViewport, PreviewCard, PreviewCardArrow, PreviewCardContent, PreviewCardDescription, PreviewCardHeader, PreviewCardPopup, PreviewCardPortal, PreviewCardSeparator, PreviewCardTitle, PreviewCardTrigger, ProfilePanel, ProfilePanelBody, ProfilePanelHeader, ProfilePanelHeaderContent, ProfilePanelSection, Progress, ProgressHeader, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, RadioGroup, RadioGroupIndicator, RadioGroupItem, RaftLogo, RaftLogoLockup, RaftWordmark, ResizableGroup, ResizableHandle, ResizablePanel, SINGLE_IMAGE_MAX_HEIGHT, SINGLE_IMAGE_MAX_WIDTH, ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, SearchEntityResult, SearchEntityResultActivity, SearchEntityResultContent, SearchEntityResultDescription, SearchEntityResultHeader, SearchEntityResultIcon, SearchEntityResultLeading, SearchEntityResultTitle, SearchMessageResult, SearchMessageResultBody, SearchMessageResultHeader, SearchMessageResultMatch, SearchMessageResultMeta, SearchMessageResultSender, SearchMessageResultThreadMeta, SearchMessageResultTimestamp, SearchResultsList, SearchResultsSection, SearchResultsSectionHeading, SearchResultsSummary, SearchShellFilters, SearchShellRoot, SearchShellViewport, SearchThreadMessageResult, SearchThreadResult, SearchThreadResultHeader, SearchThreadResultMessages, SearchThreadResultMeta, SearchThreadResultTimestamp, SearchThreadResultTitle, SearchTrigger, SearchTriggerLabel, SearchTriggerShortcut, SegmentedControl, SegmentedControlCount, SegmentedControlItem, SegmentedControlLabel, Select, SelectArrow, SelectContent, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemDescription, SelectItemIndicator, SelectItemLeading, SelectItemText, SelectLabel, SelectList, SelectPopup, SelectPortal, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectTrigger, SelectValue, Separator, SidebarBody, SidebarContent, SidebarControl, SidebarGroupLabel, SidebarHeader, SidebarHeaderTitle, SidebarItem, SidebarItemAside, SidebarItemChannelIcon, SidebarItemContent, SidebarItemCount, SidebarItemCountSeparator, SidebarItemIcon, SidebarItemIndicator, SidebarItemMeta, SidebarItemMetaIcon, SidebarItemStatus, SidebarItemSubtitle, SidebarItemThreadCount, SidebarItemTitle, SidebarList, SidebarLiveActivity, SidebarMenu, SidebarMenuAside, SidebarMenuCount, SidebarMenuIcon, SidebarMenuTitle, SidebarRoot, SidebarSection, SidebarSectionAttention, SidebarSectionChevron, SidebarSectionControl, SidebarSectionControls, SidebarSectionCount, SidebarSectionDisclosure, SidebarSectionEmpty, SidebarSectionHeader, SidebarSectionTitle, SidebarSectionTrailing, Skeleton, SortableComposerAttachment, SortableComposerAttachments, SortableComposerAttachmentsScroll, SortableTabsList, SortableTabsTab, Spinner, Status, Step, Steps, Switch, SwitchThumb, SystemMessage, SystemMessageContent, SystemMessageGroup, SystemMessageGroupChevron, SystemMessageGroupDisclosure, SystemMessageGroupHeader, SystemMessageGroupPanel, SystemMessageGroupSummary, SystemMessageTime, TASK_STATUS_IDS, Table, TableBody, TableCaption, TableCell, TableColgroup, TableColumn, TableHead, TableHeader, TableRow, Tabs, TabsLabel, TabsList, TabsPanel, TabsTab, TaskBoardColumn, TaskBoardColumnBadge, TaskBoardColumnChevron, TaskBoardColumnCount, TaskBoardColumnEmpty, TaskBoardColumnEmptyAllowed, TaskBoardColumnEmptyBlocked, TaskBoardColumnEmptyIdle, TaskBoardColumnHeading, TaskBoardColumnItems, TaskBoardColumnPanel, TaskBoardColumnTrigger, TaskBoardRoot, TaskCard, TaskCardBody, TaskCardChannel, TaskCardDescription, TaskCardLegacy, TaskCardMeta, TaskCardNumber, TaskCardRow, TaskCardStatus, TaskCardTitle, TaskChip, TaskClosedIcon, TaskDndProvider, TaskDoneIcon, TaskDragOverlay, TaskDraggable, TaskDropPlaceholder, TaskDropZone, TaskInProgressIcon, TaskInReviewIcon, TaskListRoot, TaskLoadingList, TaskLoadingRow, TaskSection, TaskSectionBadge, TaskSectionChevron, TaskSectionCount, TaskSectionEmpty, TaskSectionHeading, TaskSectionItems, TaskSectionPanel, TaskSectionTrigger, TaskStatusBadge, TaskStatusIcon, TaskTodoIcon, TasksPanelEmpty, TasksPanelRoot, TasksPanelToolbar, TasksPanelToolbarFilters, TasksPanelToolbarGroup, TasksPanelToolbarLabel, TasksPanelToolbarNewTask, TasksPanelToolbarView, TasksPanelViewport, Text, TextHeading, TextLink, TextMono, TextSans, Textarea, TextareaCounter, TextareaGroup, ThemeProvider, ThreadIcon, ThreadPanelActions, ThreadPanelBody, ThreadPanelContent, ThreadPanelFooter, ThreadPanelHeader, ThreadPanelOriginalMessage, ThreadPanelReplyCount, ThreadPanelReplySummary, ThreadPanelRoot, ThreadPanelSearch, ThreadPanelSearchCount, ThreadPanelSearchTrailing, ThreadPanelTitle, ThreadPanelTitleMeta, Timeline, TimelineContent, TimelineItem, TimelineTime, TimelineTitle, ToastAction, ToastActions, ToastArrow, ToastBody, ToastClose, ToastContent, ToastDescription, ToastIcon, ToastPortal, ToastPositioner, ToastProgress, ToastProvider, ToastRoot, ToastTitle, ToastViewport, ToggleGroup, ToggleGroupItem, ToggleGroupLabel, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, VirtualList, WorkspaceButton, WorkspaceButtonName, buildMessageImageGalleryRows, buttonVariants, classifyMessageImageAspect, cn, createMessageTextSelectionAnchor, createToastManager, getTextSelectionFocusRect, installInputModality, taskStatusSoft, taskStatusStrong, textLinkVariants, toast, useComposerSuggestions, useOrderedTabs, useTheme, useToastManager };
|
|
17318
|
+
export { ActivityInboxControls, ActivityInboxLoadingMore, ActivityInboxPanel, ActivityInboxSelectionCount, ActivityInboxSelectionToolbar, ActivityInboxSidebar, ActivityInboxViewport, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AppRailFooter, AppRailHeader, AppRailItem, AppRailItemAttention, AppRailItemBadge, AppRailItemIcon, AppRailItemIndicator, AppRailItemLabel, AppRailNav, AppRailRoot, AppShellMainSlot, AppShellOverlaySlot, AppShellPanelSlot, AppShellRailSlot, AppShellRoot, AppShellSidebarSlot, AppShellSidebarTrigger, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Banner, BannerAction, BannerClose, BannerDescription, BannerTitle, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardLeading, CardTitle, CardTrailing, ChatIcon, Checkbox, CheckboxIndicator, CodeBlock, CodeBlockAction, CodeBlockActions, CodeBlockBody, CodeBlockHeader, CodeBlockPre, CodeBlockTitle, Combobox, ComboboxChip, ComboboxChipRemove, ComboboxChips, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxControl, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxHeader, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxList, ComboboxPopup, ComboboxPortal, ComboboxRow, ComboboxSeparator, ComboboxTrigger, ComboboxTriggerCount, ComboboxTriggerIndicator, ComboboxValue, Composer, ComposerActions, ComposerAttachment, ComposerAttachmentBody, ComposerAttachmentFailedOverlay, ComposerAttachmentFile, ComposerAttachmentImage, ComposerAttachmentMeta, ComposerAttachmentRemove, ComposerAttachmentTitle, ComposerAttachmentUploadProgressBar, ComposerAttachmentUploadingOverlay, ComposerAttachments, ComposerAttachmentsScrollArea, ComposerDropOverlay, ComposerDropOverlayLabel, ComposerDropOverlayPrompt, ComposerIconButton, ComposerInput, ComposerMeta, ComposerRoot, ComposerSubmit, ComposerSuggestionAside, ComposerSuggestionContent, ComposerSuggestionGroup, ComposerSuggestionGroupLabel, ComposerSuggestionIcon, ComposerSuggestionList, ComposerSuggestionMeta, ComposerSuggestionOption, ComposerSuggestionTitle, ComposerToolbar, ComposerToolbarLabel, ContextMenu, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuContent, ContextMenuFooter, ContextMenuItem, ContextMenuItemLabel, ContextMenuLabel, ContextMenuPopup, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSubmenu, ContextMenuSubmenuTrigger, ContextMenuTrigger, ConversationPanelBody, ConversationPanelContent, ConversationPanelEmptyState, ConversationPanelEmptyStateBrand, ConversationPanelEmptyStateBrandMark, ConversationPanelFooter, ConversationPanelRoot, ConversationPanelTabs, CopyableCode, CopyableCodeAction, CopyableCodeRoot, DescriptionDetails, DescriptionItem, DescriptionList, DescriptionTerm, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogNav, DialogOverlay, DialogPortal, DialogSurface, DialogTitle, DialogTrigger, DirectMessageIcon, Drawer, DrawerActions, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, DropdownMenuContent, DropdownMenuFooter, DropdownMenuItem, DropdownMenuItemCount, DropdownMenuItemLabel, DropdownMenuLabel, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRadioItemIndicator, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSubmenu, DropdownMenuSubmenuTrigger, DropdownMenuTrigger, EmptyState, EmptyStateActions, EmptyStateContent, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle, Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity, FileAction, FileActions, FileContent, FileImage, FileMeta, FileMetaItem, FileName, FilePreview, FilePreviewBadge, FilePreviewCode, FilePreviewDocument, FilePreviewFile, FilePreviewMedia, FileRow, FileRowOpen, FileThumbnail, FilesList, FilesPanel, FilesViewport, FloatButton, FloatButtonGroup, FormSection, IconTile, InboxItem, InboxItemActions, InboxItemBody, InboxItemContent, InboxItemContext, InboxItemHeading, InboxItemHoverTarget, InboxItemLeading, InboxItemMarks, InboxItemMessage, InboxItemMetadata, InboxItemSelection, InboxItemSender, InboxItemSubtitle, InboxItemTimestamp, InboxItemTitle, InboxItemTrailing, InboxItemTrigger, InlineCode, Input, InputGroup, InputGroupAddon, InputGroupInput, Kbd, KbdGroup, Label, LabelAsterisk, LabelOptional, LabelSub, LegacyTaskPanelActions, LegacyTaskPanelBody, LegacyTaskPanelField, LegacyTaskPanelFieldLabel, LegacyTaskPanelFieldText, LegacyTaskPanelFieldTitle, LegacyTaskPanelHeader, LegacyTaskPanelIcon, LegacyTaskPanelMeta, LegacyTaskPanelMetaLabel, LegacyTaskPanelMetaRow, LegacyTaskPanelMetaValue, LegacyTaskPanelRoot, LegacyTaskPanelSection, LegacyTaskPanelStatus, LegacyTaskPanelTitle, LegacyTaskPanelTitleMeta, Lightbox, LightboxActions, LightboxClose, LightboxContent, LightboxHeader, LightboxHeaderLabel, LightboxHeaderMeta, LightboxInfoActions, LightboxInfoBar, LightboxInfoDock, LightboxInfoTitle, LightboxMedia, LightboxNavigationButton, LightboxPortal, LightboxStage, LightboxThumbnail, LightboxThumbnailStrip, LightboxTitle, LightboxToolbar, LightboxTrigger, ListRow, ListRowBody, ListRowBottom, ListRowChevron, ListRowDescription, ListRowGroup, ListRowIcon, ListRowMeta, ListRowTitle, ListRowTop, ListRowValue, LiveAgentActivityBar, LiveAgentActivityBarAvatar, LiveAgentActivityBarContent, LiveAgentActivityBarRow, LiveAgentActivityBarStatus, LiveAgentActivityBarText, MarkdownBlockquote, MarkdownCell, MarkdownCheckbox, MarkdownHeaderCell, MarkdownHeading, MarkdownImage, MarkdownInlineCode, MarkdownLink, MarkdownList, MarkdownListItem, MarkdownMark, MarkdownOrderedList, MarkdownParagraph, MarkdownRule, MarkdownTable, MarkdownTableRow, MarkdownTableScroll, MessageActionCard, MessageActionCardActions, MessageActionCardActionsNote, MessageActionCardCollapseTrigger, MessageActionCardCompletion, MessageActionCardContent, MessageActionCardHeader, MessageActionCardHeaderDescription, MessageActionCardHeaderIcon, MessageActionCardHeaderStatus, MessageActionCardHeaderTitle, MessageActionCardHint, MessageActionCardHintLabel, MessageActionCardNotice, MessageActionCardProperties, MessageActionCardProperty, MessageActionCardPropertyLabel, MessageActionCardPropertyValue, MessageActionCardScope, MessageActionCardScopeDescription, MessageActionCardScopeList, MessageActionCardScopeListLabel, MessageActionCardScopeListViewport, MessageActionCardScopeName, MessageActionCardStatus, MessageAttachmentAction, MessageAttachmentCard, MessageAttachmentCommentSummary, MessageAttachmentDiffAddition, MessageAttachmentDiffDeletion, MessageAttachmentDiffSummary, MessageAttachmentGroup, MessageAttachmentMeta, MessageAttachmentMetaEnd, MessageAttachmentMetaStart, MessageAttachmentSummary, MessageAttachmentTitle, MessageEmbed, MessageEmbedContent, MessageEmbedFooter, MessageEmbedHeader, MessageForwardedBundle, MessageForwardedBundleAttachment, MessageForwardedBundleAttachmentMeta, MessageForwardedBundleAttachmentName, MessageForwardedBundleAttachments, MessageForwardedBundleFooter, MessageForwardedBundleFooterAction, MessageForwardedBundleGallery, MessageForwardedBundleGalleryTile, MessageForwardedBundleHeader, MessageForwardedBundleHeaderContent, MessageForwardedBundleHeaderCount, MessageForwardedBundleHeaderLabel, MessageForwardedBundleItem, MessageForwardedBundleItemAuthor, MessageForwardedBundleItemContent, MessageForwardedBundleItemMeta, MessageForwardedBundleItems, MessageForwardedBundleSource, MessageForwardedBundleSourceLabel, MessageIcon, MessageImageGallery, MessageImageGalleryAction, MessageImageGalleryItem, MessageImageGalleryMedia, MessageImageGalleryOverlay, MessageImageGalleryPreview, MessageImageGalleryRow, MessageItem, MessageItemAttachments, MessageItemAvatarSlot, MessageItemBadge, MessageItemBadgeSeparator, MessageItemBody, MessageItemContent, MessageItemContinuationTime, MessageItemEdited, MessageItemEmbedded, MessageItemFooter, MessageItemGutter, MessageItemHeader, MessageItemInlineStatus, MessageItemMeta, MessageItemReadReceipt, MessageItemSavedIndicator, MessageItemSearchMatch, MessageItemSender, MessageItemSenderBadges, MessageItemSenderButton, MessageItemSenderGroup, MessageItemTime, MessageItemToolbar, MessageItemToolbarButton, MessageItemTranslationAction, MessageItemTranslationFailedStatus, MessageItemTranslationOriginal, MessageItemTranslationOriginalLabel, MessageItemTranslationProgressTrack, MessageItemTranslationRetryAction, MessageItemTranslationStatus, MessageList, MessageListDateDivider, MessageListHistoryLimited, MessageListNotice, MessageMultiSelect, MessageMultiSelectCheckbox, MessageMultiSelectToolbar, MessageMultiSelectToolbarActions, MessageQuotedPreview, MessageQuotedPreviewAttachment, MessageQuotedPreviewAttachments, MessageQuotedPreviewAuthor, MessageQuotedPreviewAuthorMeta, MessageQuotedPreviewAuthorName, MessageQuotedPreviewChannel, MessageQuotedPreviewContent, MessageQuotedPreviewHeader, MessageQuotedPreviewLoading, MessageQuotedPreviewText, MessageQuotedPreviewThread, MessageQuotedPreviewTimestamp, MessageQuotedPreviewUnavailable, MessageReactionAddButton, MessageReactionChip, MessageReactionCount, MessageReactionErrorIndicator, MessageReactionGlyph, MessageReactionPickerContent, MessageReactionPickerStatic, MessageReactionQuickButton, MessageReactionQuickRow, MessageReactionTooltipContent, MessageReactionTooltipMeta, MessageReactionTooltipName, MessageReactionTooltipNameText, MessageReactionTooltipNames, MessageReactionTooltipSeparator, MessageReferenceChip, MessageReferenceIndicator, MessageReferenceLabel, MessageReferencePending, MessageReferenceText, MessageReferenceUnavailable, MessageReplies, MessageRepliesItem, MessageRepliesItemContent, MessageRepliesItemSender, MessageRepliesItemTime, MessageRepliesSummary, MessageRepliesSummaryItem, MessageTextSelectionToolbar, MessageTextSelectionToolbarButton, MessageTextSelectionToolbarSeparator, MessageVideoPreview, MessageVideoPreviewAction, MessageVideoPreviewFailureAction, MessageVideoPreviewFailureContent, MessageVideoPreviewFailureIcon, MessageVideoPreviewFailureTitle, MessageVideoPreviewFallback, MessageVideoPreviewMedia, MobileNavItem, MobileNavLabel, MobileNavRoot, NotificationCenter, NotificationCenterActionButton, NotificationCenterCount, NotificationCenterEmptyState, NotificationCenterHeader, NotificationCenterItem, NotificationCenterItemActions, NotificationCenterItemBody, NotificationCenterItemContent, NotificationCenterItemIcon, NotificationCenterItemRow, NotificationCenterItemTitle, NotificationCenterList, NotificationCenterPopup, NotificationCenterScroller, NotificationCenterTitle, NotificationCenterTrigger, OtterIndicator, Panel, PanelAction, PanelActions, PanelActivity, PanelBody, PanelFooter, PanelHeader, PanelHeaderContent, PanelHeaderIcon, PanelHeaderRoot, PanelHeading, PanelMeta, PanelNotice, PanelNoticeActions, PanelNoticeContent, PanelScrollContent, PanelScrollViewport, PanelSection, PanelSectionHeader, PanelStatus, PanelTitle, PanelToggleAction, PickerTriggerButton, Popover, PopoverArrow, PopoverBackdrop, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverPopup, PopoverPortal, PopoverSeparator, PopoverTitle, PopoverTrigger, PopoverViewport, PreviewCard, PreviewCardArrow, PreviewCardContent, PreviewCardDescription, PreviewCardHeader, PreviewCardPopup, PreviewCardPortal, PreviewCardSeparator, PreviewCardTitle, PreviewCardTrigger, ProfilePanel, ProfilePanelBody, ProfilePanelHeader, ProfilePanelHeaderContent, ProfilePanelSection, Progress, ProgressHeader, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, RadioGroup, RadioGroupIndicator, RadioGroupItem, RaftLogo, RaftLogoLockup, RaftWordmark, ResizableGroup, ResizableHandle, ResizablePanel, SINGLE_IMAGE_MAX_HEIGHT, SINGLE_IMAGE_MAX_WIDTH, ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, SearchEntityResult, SearchEntityResultActivity, SearchEntityResultContent, SearchEntityResultDescription, SearchEntityResultHeader, SearchEntityResultIcon, SearchEntityResultLeading, SearchEntityResultTitle, SearchMessageResult, SearchMessageResultBody, SearchMessageResultHeader, SearchMessageResultMatch, SearchMessageResultMeta, SearchMessageResultSender, SearchMessageResultThreadMeta, SearchMessageResultTimestamp, SearchResultsList, SearchResultsSection, SearchResultsSectionHeading, SearchResultsSummary, SearchShellFilters, SearchShellRoot, SearchShellViewport, SearchThreadMessageResult, SearchThreadResult, SearchThreadResultHeader, SearchThreadResultMessages, SearchThreadResultMeta, SearchThreadResultTimestamp, SearchThreadResultTitle, SearchTrigger, SearchTriggerLabel, SearchTriggerShortcut, SegmentedControl, SegmentedControlCount, SegmentedControlItem, SegmentedControlLabel, Select, SelectArrow, SelectContent, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemDescription, SelectItemIndicator, SelectItemLeading, SelectItemText, SelectLabel, SelectList, SelectPopup, SelectPortal, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectTrigger, SelectValue, Separator, SidebarBody, SidebarContent, SidebarControl, SidebarGroupLabel, SidebarHeader, SidebarHeaderTitle, SidebarItem, SidebarItemAside, SidebarItemChannelIcon, SidebarItemContent, SidebarItemCount, SidebarItemCountSeparator, SidebarItemIcon, SidebarItemIndicator, SidebarItemMeta, SidebarItemMetaIcon, SidebarItemStatus, SidebarItemSubtitle, SidebarItemThreadCount, SidebarItemTitle, SidebarList, SidebarLiveActivity, SidebarMenu, SidebarMenuAside, SidebarMenuCount, SidebarMenuIcon, SidebarMenuTitle, SidebarRoot, SidebarSection, SidebarSectionAttention, SidebarSectionChevron, SidebarSectionControl, SidebarSectionControls, SidebarSectionCount, SidebarSectionDisclosure, SidebarSectionEmpty, SidebarSectionHeader, SidebarSectionTitle, SidebarSectionTrailing, Skeleton, SortableComposerAttachment, SortableComposerAttachments, SortableComposerAttachmentsScroll, SortableTabsList, SortableTabsTab, Spinner, Status, Step, Steps, Switch, SwitchThumb, SystemMessage, SystemMessageContent, SystemMessageGroup, SystemMessageGroupChevron, SystemMessageGroupDisclosure, SystemMessageGroupHeader, SystemMessageGroupPanel, SystemMessageGroupSummary, SystemMessageTime, TASK_STATUS_IDS, Table, TableBody, TableCaption, TableCell, TableColgroup, TableColumn, TableHead, TableHeader, TableRow, Tabs, TabsLabel, TabsList, TabsPanel, TabsTab, TaskBoardColumn, TaskBoardColumnBadge, TaskBoardColumnChevron, TaskBoardColumnCount, TaskBoardColumnEmpty, TaskBoardColumnEmptyAllowed, TaskBoardColumnEmptyBlocked, TaskBoardColumnEmptyIdle, TaskBoardColumnHeading, TaskBoardColumnItems, TaskBoardColumnPanel, TaskBoardColumnTrigger, TaskBoardRoot, TaskCard, TaskCardBody, TaskCardChannel, TaskCardDescription, TaskCardLegacy, TaskCardMeta, TaskCardNumber, TaskCardRow, TaskCardStatus, TaskCardTitle, TaskChip, TaskClosedIcon, TaskDndProvider, TaskDoneIcon, TaskDragOverlay, TaskDraggable, TaskDropPlaceholder, TaskDropZone, TaskInProgressIcon, TaskInReviewIcon, TaskListRoot, TaskLoadingList, TaskLoadingRow, TaskSection, TaskSectionBadge, TaskSectionChevron, TaskSectionCount, TaskSectionEmpty, TaskSectionHeading, TaskSectionItems, TaskSectionPanel, TaskSectionTrigger, TaskStatusBadge, TaskStatusIcon, TaskTodoIcon, TasksPanelEmpty, TasksPanelRoot, TasksPanelToolbar, TasksPanelToolbarFilters, TasksPanelToolbarGroup, TasksPanelToolbarLabel, TasksPanelToolbarNewTask, TasksPanelToolbarView, TasksPanelViewport, Text, TextHeading, TextLink, TextMono, TextSans, Textarea, TextareaCounter, TextareaGroup, ThemeProvider, ThreadIcon, ThreadPanelActions, ThreadPanelBody, ThreadPanelContent, ThreadPanelFooter, ThreadPanelHeader, ThreadPanelOriginalMessage, ThreadPanelReplyCount, ThreadPanelReplySummary, ThreadPanelRoot, ThreadPanelSearch, ThreadPanelSearchCount, ThreadPanelSearchTrailing, ThreadPanelTitle, ThreadPanelTitleMeta, Timeline, TimelineContent, TimelineItem, TimelineTime, TimelineTitle, ToastAction, ToastActions, ToastArrow, ToastBody, ToastClose, ToastContent, ToastDescription, ToastIcon, ToastPortal, ToastPositioner, ToastProgress, ToastProvider, ToastRoot, ToastTitle, ToastViewport, ToggleGroup, ToggleGroupItem, ToggleGroupLabel, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, VirtualList, WorkspaceButton, WorkspaceButtonName, buildMessageImageGalleryRows, buttonVariants, classifyMessageImageAspect, cn, createMessageTextSelectionAnchor, createToastManager, getTextSelectionFocusRect, installInputModality, taskStatusSoft, taskStatusStrong, textLinkVariants, toast, useComposerSuggestions, useOrderedTabs, useTheme, useToastManager };
|