@botiverse/raft-ui 0.20.0 → 0.21.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +157 -0
- package/codemods/button-sizes.mjs +340 -0
- package/dist/cn.mjs +8 -1
- package/dist/foundation.css +13 -0
- package/dist/{touch-drag-BA_Fxs2Z.mjs → inbox-item.recipe-DelZxRmY.mjs} +525 -32
- package/dist/{index-RFu5pOr7.d.mts → index-jTmbN7ov.d.mts} +95 -3
- package/dist/index.d.mts +2 -44
- package/dist/index.mjs +45 -291
- package/dist/styles.css +67 -0
- package/dist/tokens.json +24 -0
- package/dist/wip.d.mts +112 -3
- package/dist/wip.mjs +370 -3
- 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 MessageReactionPickerStatic, $n as DialogHeader, A as MessageEmbedFooter, An as ScrollAreaContent, At as MessageItemEmbedded, B as MessageReferenceChip, Bn as TooltipContent, Bt as AvatarFallback, C as MessageQuotedPreviewLoading, Cn as PanelBody, Ct as MessageItemSenderButton, D as MessageQuotedPreviewUnavailable, Dn as PanelScrollViewport, Dt as MessageItemBody, E as MessageQuotedPreviewTimestamp, En as PanelScrollContent, Et as MessageItemAttachments, F as MessageTextSelectionToolbarSeparator, Fn as useMobileViewport, Ft as MessageItemGutter, G as MessageReferenceText, Gn as textLinkVariants, Gt as SegmentedControlCount, H as MessageReferenceLabel, Hn as TooltipProvider, Ht as AvatarGroupCount, I as MessageMultiSelect, In as Checkbox, It as MessageItem, J as MessageReactionChip, Jn as DialogBody, K as MessageReferenceUnavailable, Kn as Badge, Kt as SegmentedControlItem, L as MessageMultiSelectCheckbox, Ln as CheckboxIndicator, Lt as searchHit, M as messageEmbed, Mn as ScrollAreaScrollbar, Mt as MessageItemSearchMatch, N as MessageTextSelectionToolbar, Nn as ScrollAreaThumb, Nt as MessageItemAvatarSlot, O as MessageEmbed, On as PanelSection, Ot as MessageItemContent, P as MessageTextSelectionToolbarButton, Pn as ScrollAreaViewport, Pt as MessageItemContinuationTime, Q as MessageReactionPickerContent, Qn as DialogFooter, R as MessageMultiSelectToolbar, Rn as PRESENCE_COLOR, Rt as Avatar, S as MessageQuotedPreviewHeader, Sn as Panel, St as MessageItemSenderBadges, T as MessageQuotedPreviewThread, Tn as PanelHeaderRoot, Tt as MessageItemTime, U as MessageReferencePending, Un as TooltipTrigger, Ut as AvatarImage, V as MessageReferenceIndicator, Vn as TooltipPortal, Vt as AvatarGroup, W as MessageReferenceSuffix, Wn as TextLink, Wt as SegmentedControl, X as MessageReactionErrorIndicator, Xn as DialogContent, Xt as useOverflowTitle, Y as MessageReactionCount, Yn as DialogClose, Z as MessageReactionGlyph, Zn as DialogDescription, _n as DropdownMenuSubmenu, _r as controlIconInset, an as DropdownMenuFooter, ar as DialogTrigger, at as MessageReactionTooltipNameText, b as MessageQuotedPreviewChannel, bn as Kbd, br as decisionWidth, bt as MessageItemMeta, c as MessageListDateDivider, cn as DropdownMenuItemLabel, cr as Spinner, ct as MessageItemBadge, d as MessageListNotice, dn as DropdownMenuPortal, dr as withOverlayLayer, dt as MessageItemSavedIndicator, er as DialogNav, et as MessageReactionQuickButton, f as MessageList, fn as DropdownMenuRadioGroup, fr as resolveThemeScopeProps, ft as MessageItemToolbar, g as MessageQuotedPreviewAuthor, gn as DropdownMenuShortcut, gr as tv, h as MessageQuotedPreviewAttachments, hn as DropdownMenuSeparator, hr as ThemeStateContext, in as DropdownMenuContent, ir as DialogTitle, it as MessageReactionTooltipName, j as MessageEmbedHeader, jn as ScrollAreaCorner, jt as MessageItemFooter, k as MessageEmbedContent, kn as ScrollArea, kt as MessageItemEdited, l as MessageListEndFade, ln as DropdownMenuLabel, lr as defaultNativeButton, lt as MessageItemBadgeSeparator, m as MessageQuotedPreviewAttachment, mn as DropdownMenuRadioItemIndicator, mr as useTheme, n as useHoldThenMoveTouchSensor, nn as DropdownMenuCheckboxItem, nr as DialogPortal, nt as MessageReactionTooltipContent, on as DropdownMenuItem, or as Button, ot as MessageReactionTooltipNames, p as MessageQuotedPreview, pn as DropdownMenuRadioItem, pr as useThemeScopeProps, pt as MessageItemToolbarButton, q as MessageReactionAddButton, qn as Dialog, qt as SegmentedControlLabel, r as useMouseOnlyPointerSensor, rn as DropdownMenuCheckboxItemIndicator, rr as DialogSurface, rt as MessageReactionTooltipMeta, sn as DropdownMenuItemCount, sr as buttonVariants, st as MessageReactionTooltipSeparator, t as inboxItem, tn as DropdownMenu, tr as DialogOverlay, tt as MessageReactionQuickRow, u as MessageListHistoryLimited, un as DropdownMenuPopup, ur as useParentOverlayKind, ut as MessageItemReadReceipt, v as MessageQuotedPreviewAuthorMeta, vn as DropdownMenuSubmenuTrigger, vr as headEdgePull, vt as MessageItemHeader, w as MessageQuotedPreviewText, wn as PanelFooter, wt as MessageItemSenderGroup, x as MessageQuotedPreviewContent, xn as KbdGroup, xt as MessageItemSender, y as MessageQuotedPreviewAuthorName, yn as DropdownMenuTrigger, yr as headEdges, yt as MessageItemInlineStatus, z as MessageMultiSelectToolbarActions, zn as Tooltip, zt as AvatarBadge } from "./inbox-item.recipe-DelZxRmY.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,7 +31,6 @@ 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: {
|
|
@@ -219,7 +219,8 @@ const panelHeader = tv({
|
|
|
219
219
|
activity: [
|
|
220
220
|
"inline-flex shrink-0 items-center gap-1.5",
|
|
221
221
|
"font-sans text-caption text-foreground-hint",
|
|
222
|
-
"[&_svg]:size-3.5 [&_svg]:shrink-0"
|
|
222
|
+
"[&_svg]:size-3.5 [&_svg]:shrink-0",
|
|
223
|
+
"*:data-[slot=status]:lead-dot"
|
|
223
224
|
],
|
|
224
225
|
actions: panelHeadActions
|
|
225
226
|
},
|
|
@@ -655,36 +656,6 @@ function FormSection({ className, render, title, status, description, children,
|
|
|
655
656
|
});
|
|
656
657
|
}
|
|
657
658
|
//#endregion
|
|
658
|
-
//#region src/components/text-link/text-link.tsx
|
|
659
|
-
const textLinkVariants = tv({
|
|
660
|
-
base: [
|
|
661
|
-
"rounded-[2px]",
|
|
662
|
-
"decoration-[1.5px] underline-offset-[3px] not-disabled:hover:underline",
|
|
663
|
-
"outline-none focus-visible:shadow-focus",
|
|
664
|
-
"disabled:cursor-not-allowed disabled:text-foreground-disabled"
|
|
665
|
-
],
|
|
666
|
-
variants: { variant: {
|
|
667
|
-
muted: ["font-medium text-foreground-muted", "hover:text-foreground"],
|
|
668
|
-
strong: ["font-semibold text-foreground"]
|
|
669
|
-
} },
|
|
670
|
-
defaultVariants: { variant: "muted" }
|
|
671
|
-
});
|
|
672
|
-
function TextLink({ variant, className, render, ...props }) {
|
|
673
|
-
const defaultProps = {
|
|
674
|
-
className: textLinkVariants({
|
|
675
|
-
variant,
|
|
676
|
-
className
|
|
677
|
-
}),
|
|
678
|
-
...render ? {} : { type: "button" }
|
|
679
|
-
};
|
|
680
|
-
return useRender({
|
|
681
|
-
defaultTagName: "button",
|
|
682
|
-
render,
|
|
683
|
-
props: mergeProps(defaultProps, props),
|
|
684
|
-
state: { slot: "text-link" }
|
|
685
|
-
});
|
|
686
|
-
}
|
|
687
|
-
//#endregion
|
|
688
659
|
//#region src/components/float-button/float-button.position.ts
|
|
689
660
|
function resolvePositionStyles(options) {
|
|
690
661
|
const { position, side, offset, style } = options;
|
|
@@ -1597,10 +1568,10 @@ function CopyableCode({ children, className, truncate, ...props }) {
|
|
|
1597
1568
|
});
|
|
1598
1569
|
}
|
|
1599
1570
|
function CopyableCodeAction({ children, buttonClassName, className, onClick, size, variant, ...props }) {
|
|
1600
|
-
const { copied, copyValue
|
|
1571
|
+
const { copied, copyValue } = useCopyableCode("CopyableCodeAction");
|
|
1601
1572
|
const { action } = copyableCode();
|
|
1602
1573
|
const accessibleLabel = copied ? "Copied code" : "Copy code";
|
|
1603
|
-
const buttonSize = size ??
|
|
1574
|
+
const buttonSize = size ?? "icon-md";
|
|
1604
1575
|
const buttonVariant = variant ?? "ghost";
|
|
1605
1576
|
const handleClick = useCallback(async (event) => {
|
|
1606
1577
|
const value = event.currentTarget.closest("[data-slot=\"copyable-code-root\"]")?.querySelector("[data-slot=\"copyable-code\"]")?.textContent ?? "";
|
|
@@ -2476,7 +2447,7 @@ function SidebarSectionControls({ className, render, ...props }) {
|
|
|
2476
2447
|
props: mergeProps(defaultProps, props)
|
|
2477
2448
|
});
|
|
2478
2449
|
}
|
|
2479
|
-
function SidebarSectionControl({ className, render, size = "icon-
|
|
2450
|
+
function SidebarSectionControl({ className, render, size = "icon-md", variant = "ghost", loading = false, loadingLabel = "Loading", children, disabled, ...props }) {
|
|
2480
2451
|
const { sidebarSectionControl } = sidebarSectionRecipe();
|
|
2481
2452
|
return /* @__PURE__ */ jsx(Button, {
|
|
2482
2453
|
"data-slot": "sidebar-section-control",
|
|
@@ -2503,7 +2474,7 @@ const conversationPanel = tv({ slots: {
|
|
|
2503
2474
|
"*:data-[slot=tabs-list]:w-full *:data-[slot=tabs-list]:px-5 max-md:*:data-[slot=tabs-list]:px-4",
|
|
2504
2475
|
"*:data-[slot=tabs-list]:data-[variant=default]:py-2"
|
|
2505
2476
|
],
|
|
2506
|
-
footer: ["bg-layer-canvas"]
|
|
2477
|
+
footer: ["pt-0", "bg-layer-canvas"]
|
|
2507
2478
|
} });
|
|
2508
2479
|
//#endregion
|
|
2509
2480
|
//#region src/components/conversation-panel/conversation-panel.tsx
|
|
@@ -2700,7 +2671,7 @@ const CONTENT_COLLISION_AVOIDANCE = {
|
|
|
2700
2671
|
align: "shift",
|
|
2701
2672
|
fallbackAxisSide: "none"
|
|
2702
2673
|
};
|
|
2703
|
-
function ContextMenuContent({ align = "start", alignOffset = 0, anchor, arrowPadding, collisionAvoidance = CONTENT_COLLISION_AVOIDANCE, collisionBoundary, collisionPadding = 8, disableAnchorTracking
|
|
2674
|
+
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 }) {
|
|
2704
2675
|
const { positioner, content } = contextMenu();
|
|
2705
2676
|
return /* @__PURE__ */ jsx(ContextMenuPortal, {
|
|
2706
2677
|
...portalProps,
|
|
@@ -3402,7 +3373,7 @@ function PopoverPopup({ className, ...props }) {
|
|
|
3402
3373
|
...props
|
|
3403
3374
|
});
|
|
3404
3375
|
}
|
|
3405
|
-
function PopoverContent({ align = "start", alignOffset = 0, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking
|
|
3376
|
+
function PopoverContent({ align = "start", alignOffset = 0, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking, positionMethod = "fixed", side = "bottom", sideOffset = 4, sticky, container, portalProps, className, ...props }) {
|
|
3406
3377
|
const { positioner, content } = popover();
|
|
3407
3378
|
const portalContainer = container !== void 0 ? container : portalProps?.container;
|
|
3408
3379
|
return /* @__PURE__ */ jsx(PopoverPortal, {
|
|
@@ -3552,7 +3523,7 @@ function PreviewCardPopup({ className, ...props }) {
|
|
|
3552
3523
|
...scopeProps
|
|
3553
3524
|
});
|
|
3554
3525
|
}
|
|
3555
|
-
function PreviewCardContent({ align = "start", alignOffset = 0, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking
|
|
3526
|
+
function PreviewCardContent({ align = "start", alignOffset = 0, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking, positionMethod = "fixed", side = "bottom", sideOffset = 6, sticky, portalProps, className, ...props }) {
|
|
3556
3527
|
const { positioner, popup } = previewCard();
|
|
3557
3528
|
return /* @__PURE__ */ jsx(PreviewCardPortal, {
|
|
3558
3529
|
...portalProps,
|
|
@@ -4266,7 +4237,7 @@ function ComboboxSeparator({ className, ...props }) {
|
|
|
4266
4237
|
...props
|
|
4267
4238
|
});
|
|
4268
4239
|
}
|
|
4269
|
-
function ComboboxContent({ align = "start", alignOffset = 0, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding = 8, disableAnchorTracking
|
|
4240
|
+
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 }) {
|
|
4270
4241
|
const { positioner, content } = combobox();
|
|
4271
4242
|
return /* @__PURE__ */ jsx(ComboboxPortal, {
|
|
4272
4243
|
...portalProps,
|
|
@@ -4617,7 +4588,7 @@ function SelectPopup({ className, ...props }) {
|
|
|
4617
4588
|
...props
|
|
4618
4589
|
});
|
|
4619
4590
|
}
|
|
4620
|
-
function SelectContent({ align = "start", alignItemWithTrigger = false, alignOffset = 0, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding = 8, disableAnchorTracking
|
|
4591
|
+
function SelectContent({ align = "start", alignItemWithTrigger = false, alignOffset = 0, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding = 8, disableAnchorTracking, positionMethod = "fixed", side = "bottom", sideOffset, sticky, portalProps, className, ...props }) {
|
|
4621
4592
|
const { positioner, content } = select();
|
|
4622
4593
|
const positionerNode = /* @__PURE__ */ jsx(Select$1.Positioner, {
|
|
4623
4594
|
align,
|
|
@@ -4815,6 +4786,9 @@ const radioGroup = tv({ slots: {
|
|
|
4815
4786
|
"relative inline-flex shrink-0 touch-manipulation items-center justify-center rounded-full outline-none",
|
|
4816
4787
|
"data-disabled:cursor-not-allowed",
|
|
4817
4788
|
"after:absolute after:-inset-x-3 after:-inset-y-2 after:content-['']",
|
|
4789
|
+
"pointer-coarse:after:-inset-y-[calc(--spacing(3)+1.5px)]",
|
|
4790
|
+
"[label>&]:my-[max(0px,calc((1lh-1.25rem)/2))]",
|
|
4791
|
+
"[label>&]:after:-inset-y-[calc(max(0px,(1lh-1.25rem)/2)+5.5px)]",
|
|
4818
4792
|
"size-5 border-[1.5px] border-line-strong bg-layer-card text-foreground",
|
|
4819
4793
|
"focus-visible:shadow-focus",
|
|
4820
4794
|
"data-disabled:border-foreground-disabled data-disabled:bg-fill-muted data-disabled:text-foreground-disabled"
|
|
@@ -4899,97 +4873,6 @@ function SwitchThumb({ className, ...props }) {
|
|
|
4899
4873
|
});
|
|
4900
4874
|
}
|
|
4901
4875
|
//#endregion
|
|
4902
|
-
//#region src/components/segmented-control/segmented-control.tsx
|
|
4903
|
-
const segmentedControl = tv({
|
|
4904
|
-
slots: {
|
|
4905
|
-
root: ["inline-flex shrink-0 items-center", "w-fit flex-nowrap gap-[3px] rounded-[11px] bg-fill-muted p-[3px]"],
|
|
4906
|
-
item: [
|
|
4907
|
-
"inline-flex min-w-0 shrink-0 items-center gap-1.5",
|
|
4908
|
-
"outline-none disabled:pointer-events-none",
|
|
4909
|
-
"[&_svg]:pointer-events-none [&_svg]:shrink-0",
|
|
4910
|
-
"h-8 justify-center rounded-control border-[1.5px] border-transparent bg-transparent px-3",
|
|
4911
|
-
"font-sans text-callout font-semibold text-foreground-muted",
|
|
4912
|
-
"[&_svg:not([class*='size-'])]:size-4",
|
|
4913
|
-
"hover:bg-fill-medium active:bg-fill-medium",
|
|
4914
|
-
"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",
|
|
4915
|
-
"data-checked:hover:bg-brand data-checked:active:bg-brand data-checked:active:overlay-sticker-medium",
|
|
4916
|
-
"focus-visible:shadow-focus",
|
|
4917
|
-
"data-disabled:cursor-not-allowed data-disabled:text-foreground-disabled data-disabled:hover:bg-transparent"
|
|
4918
|
-
],
|
|
4919
|
-
label: ["truncate"],
|
|
4920
|
-
count: ["font-mono", "text-mono-meta font-normal"]
|
|
4921
|
-
},
|
|
4922
|
-
variants: { iconsOnlyBelow: {
|
|
4923
|
-
xs: { root: ["@max-xs:**:data-[slot=segmented-control-item]:relative @max-xs:**:data-[slot=segmented-control-item]:w-8 @max-xs:**:data-[slot=segmented-control-item]:px-0", "@max-xs:**:data-[slot=segmented-control-label]:sr-only @max-xs:**:data-[slot=segmented-control-count]:sr-only"] },
|
|
4924
|
-
sm: { root: ["@max-sm:**:data-[slot=segmented-control-item]:relative @max-sm:**:data-[slot=segmented-control-item]:w-8 @max-sm:**:data-[slot=segmented-control-item]:px-0", "@max-sm:**:data-[slot=segmented-control-label]:sr-only @max-sm:**:data-[slot=segmented-control-count]:sr-only"] },
|
|
4925
|
-
md: { root: ["@max-md:**:data-[slot=segmented-control-item]:relative @max-md:**:data-[slot=segmented-control-item]:w-8 @max-md:**:data-[slot=segmented-control-item]:px-0", "@max-md:**:data-[slot=segmented-control-label]:sr-only @max-md:**:data-[slot=segmented-control-count]:sr-only"] },
|
|
4926
|
-
lg: { root: ["@max-lg:**:data-[slot=segmented-control-item]:relative @max-lg:**:data-[slot=segmented-control-item]:w-8 @max-lg:**:data-[slot=segmented-control-item]:px-0", "@max-lg:**:data-[slot=segmented-control-label]:sr-only @max-lg:**:data-[slot=segmented-control-count]:sr-only"] },
|
|
4927
|
-
xl: { root: ["@max-xl:**:data-[slot=segmented-control-item]:relative @max-xl:**:data-[slot=segmented-control-item]:w-8 @max-xl:**:data-[slot=segmented-control-item]:px-0", "@max-xl:**:data-[slot=segmented-control-label]:sr-only @max-xl:**:data-[slot=segmented-control-count]:sr-only"] },
|
|
4928
|
-
"2xl": { root: ["@max-2xl:**:data-[slot=segmented-control-item]:relative @max-2xl:**:data-[slot=segmented-control-item]:w-8 @max-2xl:**:data-[slot=segmented-control-item]:px-0", "@max-2xl:**:data-[slot=segmented-control-label]:sr-only @max-2xl:**:data-[slot=segmented-control-count]:sr-only"] }
|
|
4929
|
-
} }
|
|
4930
|
-
});
|
|
4931
|
-
const SegmentedControlIconsOnlyContext = createContext(false);
|
|
4932
|
-
function SegmentedControl({ disabled = false, iconsOnlyBelow, className, ...props }) {
|
|
4933
|
-
const { root } = segmentedControl({ iconsOnlyBelow });
|
|
4934
|
-
return /* @__PURE__ */ jsx(SegmentedControlIconsOnlyContext, {
|
|
4935
|
-
value: iconsOnlyBelow !== void 0,
|
|
4936
|
-
children: /* @__PURE__ */ jsx(RadioGroup$1, {
|
|
4937
|
-
disabled,
|
|
4938
|
-
"data-slot": "segmented-control",
|
|
4939
|
-
className: root({ className }),
|
|
4940
|
-
...props
|
|
4941
|
-
})
|
|
4942
|
-
});
|
|
4943
|
-
}
|
|
4944
|
-
function SegmentedControlItem({ className, ...props }) {
|
|
4945
|
-
const { item } = segmentedControl();
|
|
4946
|
-
const iconsOnly = use(SegmentedControlIconsOnlyContext);
|
|
4947
|
-
const radio = /* @__PURE__ */ jsx(Radio.Root, {
|
|
4948
|
-
render: /* @__PURE__ */ jsx("button", { type: "button" }),
|
|
4949
|
-
nativeButton: true,
|
|
4950
|
-
"data-slot": "segmented-control-item",
|
|
4951
|
-
className: item({ className: `group/segmented-control-item ${className ?? ""}`.trim() }),
|
|
4952
|
-
...props
|
|
4953
|
-
});
|
|
4954
|
-
return iconsOnly ? /* @__PURE__ */ jsx(SegmentedControlItemTooltip, { children: radio }) : radio;
|
|
4955
|
-
}
|
|
4956
|
-
function SegmentedControlItemTooltip({ children }) {
|
|
4957
|
-
const [text, setText] = useState("");
|
|
4958
|
-
const triggerRef = useRef(null);
|
|
4959
|
-
const handleOpenChange = useCallback((open, details) => {
|
|
4960
|
-
if (!open) return;
|
|
4961
|
-
const label = triggerRef.current?.querySelector("[data-slot=segmented-control-label]");
|
|
4962
|
-
if (!label || label.getBoundingClientRect().width > 1) {
|
|
4963
|
-
details.cancel();
|
|
4964
|
-
return;
|
|
4965
|
-
}
|
|
4966
|
-
setText(label.textContent ?? "");
|
|
4967
|
-
}, []);
|
|
4968
|
-
return /* @__PURE__ */ jsxs(Tooltip, {
|
|
4969
|
-
onOpenChange: handleOpenChange,
|
|
4970
|
-
children: [/* @__PURE__ */ jsx(TooltipTrigger, {
|
|
4971
|
-
ref: triggerRef,
|
|
4972
|
-
render: children
|
|
4973
|
-
}), /* @__PURE__ */ jsx(TooltipContent, { children: text })]
|
|
4974
|
-
});
|
|
4975
|
-
}
|
|
4976
|
-
function SegmentedControlLabel({ className, ...props }) {
|
|
4977
|
-
const { label } = segmentedControl();
|
|
4978
|
-
return /* @__PURE__ */ jsx("span", {
|
|
4979
|
-
"data-slot": "segmented-control-label",
|
|
4980
|
-
className: label({ className }),
|
|
4981
|
-
...props
|
|
4982
|
-
});
|
|
4983
|
-
}
|
|
4984
|
-
function SegmentedControlCount({ className, ...props }) {
|
|
4985
|
-
const { count } = segmentedControl();
|
|
4986
|
-
return /* @__PURE__ */ jsx("span", {
|
|
4987
|
-
"data-slot": "segmented-control-count",
|
|
4988
|
-
className: count({ className }),
|
|
4989
|
-
...props
|
|
4990
|
-
});
|
|
4991
|
-
}
|
|
4992
|
-
//#endregion
|
|
4993
4876
|
//#region src/components/toggle-group/toggle-group.tsx
|
|
4994
4877
|
const toggleGroup = tv({ slots: {
|
|
4995
4878
|
root: [
|
|
@@ -5137,6 +5020,8 @@ const descriptionList = tv({
|
|
|
5137
5020
|
inline: { root: [
|
|
5138
5021
|
"flex flex-wrap items-baseline gap-x-6 gap-y-2",
|
|
5139
5022
|
"*:data-[slot=description-item]:flex *:data-[slot=description-item]:min-w-0 *:data-[slot=description-item]:items-baseline *:data-[slot=description-item]:gap-3",
|
|
5023
|
+
"*:data-[slot=description-item]:max-w-[min(100%,24rem)]",
|
|
5024
|
+
"[&>[data-slot=description-item]>[data-slot=description-details]]:min-w-0",
|
|
5140
5025
|
"[&>[data-slot=description-item]+[data-slot=description-item]]:pt-0",
|
|
5141
5026
|
"[&>[data-slot=description-item]>[data-slot=description-term]]:shrink-0",
|
|
5142
5027
|
"[&>[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",
|
|
@@ -5719,17 +5604,19 @@ function createMessageTextSelectionAnchor(selection, contextElement) {
|
|
|
5719
5604
|
const messageSystem = tv({ slots: {
|
|
5720
5605
|
systemRoot: [
|
|
5721
5606
|
"flex min-w-0 items-center justify-center",
|
|
5722
|
-
"gap-2 px-4
|
|
5607
|
+
"gap-2 px-4 pt-timeline-lead pb-timeline-row in-data-[slot=system-message-group-panel]:py-1.5",
|
|
5723
5608
|
"font-mono text-mono-meta text-foreground-hint",
|
|
5724
5609
|
"before:min-w-3 before:flex-1 before:border-t before:border-line-hairline",
|
|
5725
5610
|
"after:min-w-3 after:flex-1 after:border-t after:border-line-hairline"
|
|
5726
5611
|
],
|
|
5727
5612
|
systemTime: ["shrink-0 whitespace-nowrap", "font-mono text-mono-meta text-foreground-hint"],
|
|
5728
5613
|
systemContent: ["min-w-0 truncate", "text-foreground-hint"],
|
|
5729
|
-
systemGroup: [""],
|
|
5614
|
+
systemGroup: ["group/system-group"],
|
|
5730
5615
|
systemGroupHeader: [
|
|
5731
5616
|
"flex justify-center",
|
|
5732
|
-
"items-center gap-2 px-4
|
|
5617
|
+
"items-center gap-2 px-4",
|
|
5618
|
+
"pt-[calc(var(--spacing-timeline-lead)-(--spacing(7)-var(--text-mono-meta--line-height))/2)]",
|
|
5619
|
+
"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",
|
|
5733
5620
|
"before:min-w-3 before:flex-1 before:border-t before:border-line-hairline",
|
|
5734
5621
|
"after:min-w-3 after:flex-1 after:border-t after:border-line-hairline"
|
|
5735
5622
|
],
|
|
@@ -6024,7 +5911,7 @@ const messageActionCardContent = tv({ slots: {
|
|
|
6024
5911
|
"[&>svg]:size-3.5 [&>svg]:shrink-0",
|
|
6025
5912
|
"mb-0 rounded-control bg-fill-muted px-2.5 py-2",
|
|
6026
5913
|
"text-footnote text-foreground-muted",
|
|
6027
|
-
"[&>svg]:mt-
|
|
5914
|
+
"[&>svg]:mt-[calc((1lh-14px)/2)] [&>svg]:text-foreground-muted"
|
|
6028
5915
|
],
|
|
6029
5916
|
completion: ["inline-flex items-center gap-1.5 text-footnote text-foreground-muted", "[&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-foreground"],
|
|
6030
5917
|
actions: ["flex flex-wrap items-center justify-end", "mt-1 gap-2"],
|
|
@@ -6855,7 +6742,7 @@ const messageForwardedBundleItem = tv({
|
|
|
6855
6742
|
attachments: ["flex flex-wrap", "mt-1.5 gap-1.5"],
|
|
6856
6743
|
attachment: [
|
|
6857
6744
|
"inline-flex max-w-full items-center",
|
|
6858
|
-
"h-[22px] gap-1 rounded-chip bg-fill-muted
|
|
6745
|
+
"h-[22px] gap-1 rounded-chip bg-fill-muted pr-[6.5px] pl-[5.5px]",
|
|
6859
6746
|
"text-caption font-semibold text-foreground [&_svg]:size-3.5"
|
|
6860
6747
|
],
|
|
6861
6748
|
attachmentName: ["min-w-0 truncate"],
|
|
@@ -8625,7 +8512,7 @@ function FileMetaItem(props) {
|
|
|
8625
8512
|
function FileActions(props) {
|
|
8626
8513
|
return useFileSlot("actions", "file-actions", "span", props);
|
|
8627
8514
|
}
|
|
8628
|
-
function FileAction({ variant, size = "icon-
|
|
8515
|
+
function FileAction({ variant, size = "icon-md", ...props }) {
|
|
8629
8516
|
return /* @__PURE__ */ jsx(Button, {
|
|
8630
8517
|
variant: variant ?? "ghost",
|
|
8631
8518
|
size,
|
|
@@ -8726,7 +8613,7 @@ function ComposerIconButton({ className, ...props }) {
|
|
|
8726
8613
|
const { iconButton } = composer();
|
|
8727
8614
|
return /* @__PURE__ */ jsx(Button, {
|
|
8728
8615
|
type: "button",
|
|
8729
|
-
size: "icon-
|
|
8616
|
+
size: "icon-md",
|
|
8730
8617
|
variant: "ghost",
|
|
8731
8618
|
className: iconButton({ className }),
|
|
8732
8619
|
...props
|
|
@@ -9027,7 +8914,7 @@ function ComposerAttachmentsScrollArea({ children, className, onMouseEnter, onMo
|
|
|
9027
8914
|
children: [
|
|
9028
8915
|
showPrev ? /* @__PURE__ */ jsx(Button, {
|
|
9029
8916
|
type: "button",
|
|
9030
|
-
size: "icon-
|
|
8917
|
+
size: "icon-md",
|
|
9031
8918
|
variant: navVariant,
|
|
9032
8919
|
"aria-label": "Scroll attachments left",
|
|
9033
8920
|
className: prevNavClassName,
|
|
@@ -9042,7 +8929,7 @@ function ComposerAttachmentsScrollArea({ children, className, onMouseEnter, onMo
|
|
|
9042
8929
|
}),
|
|
9043
8930
|
showNext ? /* @__PURE__ */ jsx(Button, {
|
|
9044
8931
|
type: "button",
|
|
9045
|
-
size: "icon-
|
|
8932
|
+
size: "icon-md",
|
|
9046
8933
|
variant: navVariant,
|
|
9047
8934
|
"aria-label": "Scroll attachments right",
|
|
9048
8935
|
className: nextNavClassName,
|
|
@@ -9761,7 +9648,7 @@ const banner = tv({
|
|
|
9761
9648
|
"has-[>[data-slot=status]]:grid-cols-[20px_minmax(0,1fr)]",
|
|
9762
9649
|
"[&>svg]:row-start-1 [&>svg]:size-5 [&>svg]:text-foreground",
|
|
9763
9650
|
"[&>svg]:mt-[calc((1lh-20px)/2)]",
|
|
9764
|
-
"*:data-[slot=status]:
|
|
9651
|
+
"*:data-[slot=status]:lead-dot *:data-[slot=status]:self-start *:data-[slot=status]:justify-self-center",
|
|
9765
9652
|
"has-[>svg]:[--banner-text-col:2]",
|
|
9766
9653
|
"has-[>[data-slot=status]]:[--banner-text-col:2]",
|
|
9767
9654
|
"has-[>[data-slot=banner-title]]:[--banner-desc-row:2]",
|
|
@@ -9801,8 +9688,7 @@ const banner = tv({
|
|
|
9801
9688
|
sm: { root: [
|
|
9802
9689
|
"gap-x-2 px-3 py-2 text-footnote",
|
|
9803
9690
|
"has-[>svg]:grid-cols-[16px_minmax(0,1fr)] has-[>[data-slot=status]]:grid-cols-[16px_minmax(0,1fr)]",
|
|
9804
|
-
"[&>svg]:mt-[calc((1lh-16px)/2)] [&>svg]:size-4"
|
|
9805
|
-
"*:data-[slot=status]:mt-[calc((var(--text-footnote--line-height)-9px)/2)]"
|
|
9691
|
+
"[&>svg]:mt-[calc((1lh-16px)/2)] [&>svg]:size-4"
|
|
9806
9692
|
] },
|
|
9807
9693
|
md: { root: ["px-3.5 py-3"] },
|
|
9808
9694
|
lg: { root: ["px-4 py-3.5"] }
|
|
@@ -9961,7 +9847,7 @@ function BannerClose({ className, children, "aria-label": ariaLabel = "Dismiss",
|
|
|
9961
9847
|
return /* @__PURE__ */ jsx(Button, {
|
|
9962
9848
|
...props,
|
|
9963
9849
|
variant: "ghost",
|
|
9964
|
-
size: "icon-
|
|
9850
|
+
size: "icon-md",
|
|
9965
9851
|
"aria-label": ariaLabel,
|
|
9966
9852
|
"data-banner-close": "",
|
|
9967
9853
|
className: close({ className }),
|
|
@@ -10182,7 +10068,7 @@ function NotificationCenterTrigger({ className, children, ...props }) {
|
|
|
10182
10068
|
function NotificationCenterPortal(props) {
|
|
10183
10069
|
return /* @__PURE__ */ jsx(Popover$1.Portal, { ...useThemeScopeProps(props) });
|
|
10184
10070
|
}
|
|
10185
|
-
function NotificationCenterPopup({ viewport = "desktop", size = "md", className, initialFocus = false, align = "center", alignOffset = 0, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking
|
|
10071
|
+
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 }) {
|
|
10186
10072
|
const { popup } = notificationCenter({
|
|
10187
10073
|
viewport,
|
|
10188
10074
|
size
|
|
@@ -10420,7 +10306,7 @@ const toastStyles = tv({
|
|
|
10420
10306
|
icon: [
|
|
10421
10307
|
"flex h-lh w-5 shrink-0 items-center justify-center",
|
|
10422
10308
|
"[&_svg]:shrink-0",
|
|
10423
|
-
"[&_svg]:size-4"
|
|
10309
|
+
"[&_svg]:size-4 *:data-[slot=status]:lead-dot"
|
|
10424
10310
|
],
|
|
10425
10311
|
body: ["min-w-0"],
|
|
10426
10312
|
title: ["m-0 truncate text-callout", "font-normal text-foreground-on-hud"],
|
|
@@ -11844,7 +11730,8 @@ const panelNotice = tv({
|
|
|
11844
11730
|
root: [
|
|
11845
11731
|
"flex shrink-0 items-start",
|
|
11846
11732
|
"min-h-10 gap-2.5 border-b border-line-seam px-5 py-2.5 max-md:px-4",
|
|
11847
|
-
"font-sans text-callout font-semibold text-foreground"
|
|
11733
|
+
"font-sans text-callout font-semibold text-foreground",
|
|
11734
|
+
"[&>svg]:lead-icon *:data-[slot=status]:lead-dot"
|
|
11848
11735
|
],
|
|
11849
11736
|
content: ["min-w-0 flex-1"],
|
|
11850
11737
|
actions: ["flex shrink-0 items-center", "-my-1.5 gap-3"]
|
|
@@ -11975,12 +11862,12 @@ const threadPanel = tv({ slots: {
|
|
|
11975
11862
|
searchCount: ["shrink-0 whitespace-nowrap font-mono tabular-nums", "text-mono-meta text-foreground-hint"],
|
|
11976
11863
|
originalMessage: [
|
|
11977
11864
|
"relative shrink-0",
|
|
11978
|
-
"border-b border-line-hairline bg-transparent pb-
|
|
11865
|
+
"border-b border-line-hairline bg-transparent pb-timeline-end",
|
|
11979
11866
|
"**:data-message-item:bg-transparent"
|
|
11980
11867
|
],
|
|
11981
|
-
replySummary: ["pt-
|
|
11982
|
-
replyCount: ["
|
|
11983
|
-
footer: ["text-caption text-foreground-hint"]
|
|
11868
|
+
replySummary: ["pt-timeline-start", "px-5"],
|
|
11869
|
+
replyCount: ["my-timeline-row border-b pb-2 text-center font-mono", "border-line-hairline text-mono-meta text-foreground-hint"],
|
|
11870
|
+
footer: ["pt-0", "text-caption text-foreground-hint"]
|
|
11984
11871
|
} });
|
|
11985
11872
|
//#endregion
|
|
11986
11873
|
//#region src/components/thread-panel/thread-panel.tsx
|
|
@@ -12553,7 +12440,7 @@ const taskCardStatus = tv({ base: [
|
|
|
12553
12440
|
"inline-flex min-w-0 shrink-0 touch-manipulation items-center",
|
|
12554
12441
|
"transition-[filter,opacity] duration-100 outline-none",
|
|
12555
12442
|
"data-[busy=true]:pointer-events-none data-[busy=true]:cursor-wait data-[busy=true]:opacity-60 data-[busy=true]:disabled:opacity-100",
|
|
12556
|
-
"h-[22px] gap-1.5 rounded-chip border-0 py-0
|
|
12443
|
+
"h-[22px] gap-1.5 rounded-chip border-0 px-[7px] py-0",
|
|
12557
12444
|
"font-sans text-[12px] leading-4 font-semibold text-foreground",
|
|
12558
12445
|
"[&:not(:has([data-slot=task-card-status-label]))]:hidden",
|
|
12559
12446
|
"**: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",
|
|
@@ -15707,7 +15594,7 @@ const taskChip = tv({
|
|
|
15707
15594
|
closed: { root: ["bg-task-status-closed-soft"] }
|
|
15708
15595
|
},
|
|
15709
15596
|
variant: {
|
|
15710
|
-
default: { root: ["h-[22px] gap-1.5 py-0
|
|
15597
|
+
default: { root: ["h-[22px] gap-1.5 px-[7px] py-0", "text-[12px] leading-4"] },
|
|
15711
15598
|
inline: {}
|
|
15712
15599
|
},
|
|
15713
15600
|
size: {
|
|
@@ -15734,7 +15621,7 @@ const taskChip = tv({
|
|
|
15734
15621
|
{
|
|
15735
15622
|
variant: "default",
|
|
15736
15623
|
size: "sm",
|
|
15737
|
-
class: { root: ["h-5 gap-1
|
|
15624
|
+
class: { root: ["h-5 gap-1 px-[5px]"] }
|
|
15738
15625
|
},
|
|
15739
15626
|
{
|
|
15740
15627
|
variant: "inline",
|
|
@@ -15745,7 +15632,7 @@ const taskChip = tv({
|
|
|
15745
15632
|
"done",
|
|
15746
15633
|
"closed"
|
|
15747
15634
|
],
|
|
15748
|
-
class: { root: ["rounded-sticker border-0
|
|
15635
|
+
class: { root: ["rounded-sticker border-0 px-[4.5px]", "font-semibold"] }
|
|
15749
15636
|
}
|
|
15750
15637
|
],
|
|
15751
15638
|
defaultVariants: {
|
|
@@ -16165,139 +16052,6 @@ function ActivityInboxSelectionCount({ className, ...props }) {
|
|
|
16165
16052
|
});
|
|
16166
16053
|
}
|
|
16167
16054
|
//#endregion
|
|
16168
|
-
//#region src/components/inbox-item/inbox-item.recipe.ts
|
|
16169
|
-
const inboxItem = tv({
|
|
16170
|
-
slots: {
|
|
16171
|
-
item: [
|
|
16172
|
-
"relative grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-3 p-3 text-left",
|
|
16173
|
-
"has-data-[slot=inbox-item-selection]:grid-cols-[auto_minmax(0,1fr)_auto]",
|
|
16174
|
-
"has-data-[slot=inbox-item-leading]:grid-cols-[auto_minmax(0,1fr)_auto]",
|
|
16175
|
-
"has-data-[slot=inbox-item-selection]:has-data-[slot=inbox-item-leading]:grid-cols-[auto_auto_minmax(0,1fr)_auto]",
|
|
16176
|
-
"transition-colors",
|
|
16177
|
-
"gap-x-3 gap-y-0 rounded-none border-0 bg-transparent px-4 py-3 shadow-none",
|
|
16178
|
-
"before:pointer-events-none before:absolute before:top-0 before:right-0 before:left-4 before:hidden before:border-t before:border-line-hairline",
|
|
16179
|
-
"[[data-slot=inbox-item]+&]:before:block has-data-[slot=inbox-item-selection]:before:left-11",
|
|
16180
|
-
"has-data-[slot=inbox-item-leading]:before:left-16",
|
|
16181
|
-
"has-data-[slot=inbox-item-selection]:has-data-[slot=inbox-item-leading]:before:left-23",
|
|
16182
|
-
"hover:bg-fill-subtle not-data-[active=true]:active:bg-fill-medium",
|
|
16183
|
-
"not-data-[active=true]:data-popup-open:bg-fill-subtle not-data-[active=true]:has-data-popup-open:bg-fill-subtle",
|
|
16184
|
-
"data-[active=true]:bg-info-soft data-[active=true]:hover:bg-info-soft",
|
|
16185
|
-
"data-disabled:pointer-events-none data-disabled:hover:bg-transparent",
|
|
16186
|
-
"has-[[data-slot=inbox-item-open]:focus-visible]:keyboard:inset-ring-2 has-[[data-slot=inbox-item-open]:focus-visible]:keyboard:inset-ring-foreground",
|
|
16187
|
-
"not-data-[density=compact]:has-data-[slot=inbox-item-trailing]:[--inbox-item-content-display:grid] not-data-[density=compact]:has-data-[slot=inbox-item-trailing]:[--inbox-item-content-end:-1]"
|
|
16188
|
-
],
|
|
16189
|
-
itemTrigger: ["absolute inset-0 z-0 outline-none"],
|
|
16190
|
-
itemLeading: ["pointer-events-none relative z-10 flex size-9 shrink-0 items-center justify-center"],
|
|
16191
|
-
itemSelection: ["relative z-10 mt-0.5 flex size-4 shrink-0 items-center justify-center"],
|
|
16192
|
-
itemContent: [
|
|
16193
|
-
"pointer-events-none relative z-10 min-w-0 flex-1 text-left",
|
|
16194
|
-
"-col-start-3 col-end-(--inbox-item-content-end) row-start-1",
|
|
16195
|
-
"[display:var(--inbox-item-content-display,block)] grid-cols-subgrid"
|
|
16196
|
-
],
|
|
16197
|
-
itemContext: [
|
|
16198
|
-
"col-span-full nth-[-n+2]:col-[1/2]",
|
|
16199
|
-
"flex min-w-0 items-center",
|
|
16200
|
-
"mb-0.5 gap-1.5 py-0",
|
|
16201
|
-
"text-caption text-foreground-hint"
|
|
16202
|
-
],
|
|
16203
|
-
itemSubtitle: [
|
|
16204
|
-
"col-span-full nth-[-n+2]:col-[1/2]",
|
|
16205
|
-
"min-w-0",
|
|
16206
|
-
"mt-0.5 mb-0 py-0",
|
|
16207
|
-
"text-caption text-foreground-hint"
|
|
16208
|
-
],
|
|
16209
|
-
itemHeading: [
|
|
16210
|
-
"col-span-full nth-[-n+2]:col-[1/2]",
|
|
16211
|
-
"flex min-w-0 items-start gap-2",
|
|
16212
|
-
"mb-0"
|
|
16213
|
-
],
|
|
16214
|
-
itemTitle: [
|
|
16215
|
-
"relative line-clamp-2 min-w-0 flex-1 pl-[18px]",
|
|
16216
|
-
"[&>svg]:absolute [&>svg]:top-[calc((1lh-14px)/2)] [&>svg]:left-0 [&>svg]:size-3.5",
|
|
16217
|
-
"font-sans text-subhead font-semibold text-foreground-muted",
|
|
16218
|
-
"group-data-[unread=true]/inbox-item:font-bold group-data-[unread=true]/inbox-item:text-foreground",
|
|
16219
|
-
"[&>svg]:text-foreground-hint"
|
|
16220
|
-
],
|
|
16221
|
-
itemTrailing: [
|
|
16222
|
-
"pointer-events-none relative z-10 col-[-2/-1] row-start-1",
|
|
16223
|
-
"flex shrink-0",
|
|
16224
|
-
"mt-0 flex-col items-end gap-2 pt-px",
|
|
16225
|
-
"max-md:flex-col max-md:items-end max-md:gap-2",
|
|
16226
|
-
"after:hidden after:size-[9px] after:shrink-0 after:rounded-[2px] after:border-[1.5px] after:border-sticker-ink after:bg-attention-400",
|
|
16227
|
-
"group-data-[unread=true]/inbox-item:after:block",
|
|
16228
|
-
"*:not-data-[reveal=hover]:opacity-[calc(1-var(--inbox-item-reveal-aside,0)*var(--inbox-item-revealed,0))] after:opacity-[calc(1-var(--inbox-item-reveal-aside,0)*var(--inbox-item-revealed,0))]",
|
|
16229
|
-
"*:not-data-[reveal=hover]:mr-(--inbox-item-aside-room,0px) after:mr-(--inbox-item-aside-room,0px)",
|
|
16230
|
-
"*:not-data-[reveal=hover]:transition-opacity after:transition-opacity",
|
|
16231
|
-
"pointer-fine:has-[>[data-reveal=hover]]:[--inbox-item-reveal-aside:1]",
|
|
16232
|
-
"pointer-coarse:has-[>[data-reveal=hover]]:[--inbox-item-aside-room:--spacing(11)]",
|
|
16233
|
-
"group-hover/inbox-item:[--inbox-item-revealed:1] group-focus-within/inbox-item:[--inbox-item-revealed:1]",
|
|
16234
|
-
"group-data-[active=true]/inbox-item:[--inbox-item-revealed:1] group-data-popup-open/inbox-item:[--inbox-item-revealed:1]",
|
|
16235
|
-
"has-[>[data-reveal=hover]_[data-popup-open]]:[--inbox-item-revealed:1]"
|
|
16236
|
-
],
|
|
16237
|
-
itemMarks: ["flex h-5 shrink-0 items-center justify-end gap-1.5", "text-foreground-hint"],
|
|
16238
|
-
itemHoverTarget: ["pointer-events-auto"],
|
|
16239
|
-
itemTimestamp: ["shrink-0 whitespace-nowrap text-right tabular-nums", "font-mono text-mono-meta text-foreground-hint"],
|
|
16240
|
-
itemBody: [
|
|
16241
|
-
"col-span-full nth-[-n+2]:col-[1/2]",
|
|
16242
|
-
"line-clamp-2",
|
|
16243
|
-
"mt-0.5 text-callout text-foreground-muted"
|
|
16244
|
-
],
|
|
16245
|
-
itemMessage: [
|
|
16246
|
-
"col-span-full nth-[-n+2]:col-[1/2]",
|
|
16247
|
-
"min-w-0",
|
|
16248
|
-
"mt-0.5 line-clamp-2 text-callout text-foreground-muted"
|
|
16249
|
-
],
|
|
16250
|
-
itemSender: ["font-semibold text-foreground"],
|
|
16251
|
-
itemMetadata: [
|
|
16252
|
-
"col-span-full nth-[-n+2]:col-[1/2]",
|
|
16253
|
-
"flex min-h-5 flex-wrap items-center gap-1.5",
|
|
16254
|
-
"mt-2"
|
|
16255
|
-
],
|
|
16256
|
-
itemActions: [
|
|
16257
|
-
"pointer-events-auto flex shrink-0 items-center",
|
|
16258
|
-
"order-last gap-0.5",
|
|
16259
|
-
"*:data-[slot=panel-action]:h-8 *:data-[slot=panel-action]:min-w-8 [&>[data-slot=panel-action]>svg]:size-[18px]",
|
|
16260
|
-
"*:data-[slot=panel-toggle-action]:h-8 *:data-[slot=panel-toggle-action]:min-w-8 [&>[data-slot=panel-toggle-action]>svg]:size-[18px]",
|
|
16261
|
-
"[&>[data-slot=panel-toggle-action][data-pressed]]:border-transparent",
|
|
16262
|
-
"[&>[data-slot=panel-toggle-action][data-pressed]]:bg-transparent",
|
|
16263
|
-
"[&>[data-slot=panel-toggle-action][data-pressed]]:text-foreground",
|
|
16264
|
-
"[&>[data-slot=panel-toggle-action][data-pressed]]:hover:bg-fill-medium [&>[data-slot=panel-toggle-action][data-pressed]]:active:bg-fill-medium",
|
|
16265
|
-
"pointer-coarse:gap-3",
|
|
16266
|
-
"pointer-coarse:*:data-[slot=panel-action]:after:absolute pointer-coarse:*:data-[slot=panel-action]:after:-inset-1.5",
|
|
16267
|
-
"pointer-coarse:*:data-[slot=panel-toggle-action]:after:absolute pointer-coarse:*:data-[slot=panel-toggle-action]:after:-inset-1.5"
|
|
16268
|
-
]
|
|
16269
|
-
},
|
|
16270
|
-
variants: {
|
|
16271
|
-
density: { compact: {
|
|
16272
|
-
item: ["items-center"],
|
|
16273
|
-
itemTitle: ["line-clamp-1", "pl-0 has-[>svg]:pl-[18px]"],
|
|
16274
|
-
itemTrailing: [
|
|
16275
|
-
"gap-0 pt-0",
|
|
16276
|
-
"max-md:gap-0",
|
|
16277
|
-
"group-data-[unread=true]/inbox-item:after:hidden"
|
|
16278
|
-
],
|
|
16279
|
-
itemTimestamp: ["leading-5"],
|
|
16280
|
-
itemBody: ["line-clamp-1", "mt-0"],
|
|
16281
|
-
itemMessage: ["line-clamp-1", "mt-0"]
|
|
16282
|
-
} },
|
|
16283
|
-
reveal: { hover: { itemActions: [
|
|
16284
|
-
"absolute top-0 right-0 z-10",
|
|
16285
|
-
"pointer-events-none opacity-0 transition-opacity",
|
|
16286
|
-
"group-hover/inbox-item:pointer-events-auto group-hover/inbox-item:opacity-100",
|
|
16287
|
-
"group-focus-within/inbox-item:pointer-events-auto group-focus-within/inbox-item:opacity-100",
|
|
16288
|
-
"group-data-[active=true]/inbox-item:pointer-events-auto group-data-[active=true]/inbox-item:opacity-100",
|
|
16289
|
-
"group-data-popup-open/inbox-item:pointer-events-auto group-data-popup-open/inbox-item:opacity-100",
|
|
16290
|
-
"has-data-popup-open:pointer-events-auto has-data-popup-open:opacity-100",
|
|
16291
|
-
"pointer-coarse:pointer-events-auto pointer-coarse:opacity-100 pointer-coarse:only:static"
|
|
16292
|
-
] } }
|
|
16293
|
-
},
|
|
16294
|
-
compoundVariants: [{
|
|
16295
|
-
density: "compact",
|
|
16296
|
-
reveal: "hover",
|
|
16297
|
-
class: { itemActions: ["top-1/2 -translate-y-1/2", "pointer-coarse:only:translate-y-0"] }
|
|
16298
|
-
}]
|
|
16299
|
-
});
|
|
16300
|
-
//#endregion
|
|
16301
16055
|
//#region src/components/inbox-item/inbox-item.tsx
|
|
16302
16056
|
const InboxItemDisabledContext = createContext(false);
|
|
16303
16057
|
const InboxItemDensityContext = createContext(void 0);
|
|
@@ -17324,4 +17078,4 @@ function ThemeProvider({ mode, defaultMode = "light", onModeChange, storageKey,
|
|
|
17324
17078
|
});
|
|
17325
17079
|
}
|
|
17326
17080
|
//#endregion
|
|
17327
|
-
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 };
|
|
17081
|
+
export { ActivityInboxControls, ActivityInboxLoadingMore, ActivityInboxPanel, ActivityInboxSelectionCount, ActivityInboxSelectionToolbar, ActivityInboxSidebar, ActivityInboxViewport, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AppRailFooter, AppRailHeader, AppRailItem, AppRailItemAttention, AppRailItemBadge, AppRailItemIcon, AppRailItemIndicator, AppRailItemLabel, AppRailNav, AppRailRoot, AppShellMainSlot, AppShellOverlaySlot, AppShellPanelSlot, AppShellRailSlot, AppShellRoot, AppShellSidebarSlot, AppShellSidebarTrigger, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Banner, BannerAction, BannerClose, BannerDescription, BannerTitle, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardLeading, CardTitle, CardTrailing, ChatIcon, Checkbox, CheckboxIndicator, CodeBlock, CodeBlockAction, CodeBlockActions, CodeBlockBody, CodeBlockHeader, CodeBlockPre, CodeBlockTitle, Combobox, ComboboxChip, ComboboxChipRemove, ComboboxChips, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxControl, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxHeader, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxList, ComboboxPopup, ComboboxPortal, ComboboxRow, ComboboxSeparator, ComboboxTrigger, ComboboxTriggerCount, ComboboxTriggerIndicator, ComboboxValue, Composer, ComposerActions, ComposerAttachment, ComposerAttachmentBody, ComposerAttachmentFailedOverlay, ComposerAttachmentFile, ComposerAttachmentImage, ComposerAttachmentMeta, ComposerAttachmentRemove, ComposerAttachmentTitle, ComposerAttachmentUploadProgressBar, ComposerAttachmentUploadingOverlay, ComposerAttachments, ComposerAttachmentsScrollArea, ComposerDropOverlay, ComposerDropOverlayLabel, ComposerDropOverlayPrompt, ComposerIconButton, ComposerInput, ComposerMeta, ComposerRoot, ComposerSubmit, ComposerSuggestionAside, ComposerSuggestionContent, ComposerSuggestionGroup, ComposerSuggestionGroupLabel, ComposerSuggestionIcon, ComposerSuggestionList, ComposerSuggestionMeta, ComposerSuggestionOption, ComposerSuggestionTitle, ComposerToolbar, ComposerToolbarLabel, ContextMenu, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuContent, ContextMenuFooter, ContextMenuItem, ContextMenuItemLabel, ContextMenuLabel, ContextMenuPopup, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSubmenu, ContextMenuSubmenuTrigger, ContextMenuTrigger, ConversationPanelBody, ConversationPanelContent, ConversationPanelEmptyState, ConversationPanelEmptyStateBrand, ConversationPanelEmptyStateBrandMark, ConversationPanelFooter, ConversationPanelRoot, ConversationPanelTabs, CopyableCode, CopyableCodeAction, CopyableCodeRoot, DescriptionDetails, DescriptionItem, DescriptionList, DescriptionTerm, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogNav, DialogOverlay, DialogPortal, DialogSurface, DialogTitle, DialogTrigger, DirectMessageIcon, Drawer, DrawerActions, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, DropdownMenuContent, DropdownMenuFooter, DropdownMenuItem, DropdownMenuItemCount, DropdownMenuItemLabel, DropdownMenuLabel, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRadioItemIndicator, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSubmenu, DropdownMenuSubmenuTrigger, DropdownMenuTrigger, EmptyState, EmptyStateActions, EmptyStateContent, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle, Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity, FileAction, FileActions, FileContent, FileImage, FileMeta, FileMetaItem, FileName, FilePreview, FilePreviewBadge, FilePreviewCode, FilePreviewDocument, FilePreviewFile, FilePreviewMedia, FileRow, FileRowOpen, FileThumbnail, FilesList, FilesPanel, FilesViewport, FloatButton, FloatButtonGroup, FormSection, IconTile, InboxItem, InboxItemActions, InboxItemBody, InboxItemContent, InboxItemContext, InboxItemHeading, InboxItemHoverTarget, InboxItemLeading, InboxItemMarks, InboxItemMessage, InboxItemMetadata, InboxItemSelection, InboxItemSender, InboxItemSubtitle, InboxItemTimestamp, InboxItemTitle, InboxItemTrailing, InboxItemTrigger, InlineCode, Input, InputGroup, InputGroupAddon, InputGroupInput, Kbd, KbdGroup, Label, LabelAsterisk, LabelOptional, LabelSub, LegacyTaskPanelActions, LegacyTaskPanelBody, LegacyTaskPanelField, LegacyTaskPanelFieldLabel, LegacyTaskPanelFieldText, LegacyTaskPanelFieldTitle, LegacyTaskPanelHeader, LegacyTaskPanelIcon, LegacyTaskPanelMeta, LegacyTaskPanelMetaLabel, LegacyTaskPanelMetaRow, LegacyTaskPanelMetaValue, LegacyTaskPanelRoot, LegacyTaskPanelSection, LegacyTaskPanelStatus, LegacyTaskPanelTitle, LegacyTaskPanelTitleMeta, Lightbox, LightboxActions, LightboxClose, LightboxContent, LightboxHeader, LightboxHeaderLabel, LightboxHeaderMeta, LightboxInfoActions, LightboxInfoBar, LightboxInfoDock, LightboxInfoTitle, LightboxMedia, LightboxNavigationButton, LightboxPortal, LightboxStage, LightboxThumbnail, LightboxThumbnailStrip, LightboxTitle, LightboxToolbar, LightboxTrigger, ListRow, ListRowBody, ListRowBottom, ListRowChevron, ListRowDescription, ListRowGroup, ListRowIcon, ListRowMeta, ListRowTitle, ListRowTop, ListRowValue, LiveAgentActivityBar, LiveAgentActivityBarAvatar, LiveAgentActivityBarContent, LiveAgentActivityBarRow, LiveAgentActivityBarStatus, LiveAgentActivityBarText, MarkdownBlockquote, MarkdownCell, MarkdownCheckbox, MarkdownHeaderCell, MarkdownHeading, MarkdownImage, MarkdownInlineCode, MarkdownLink, MarkdownList, MarkdownListItem, MarkdownMark, MarkdownOrderedList, MarkdownParagraph, MarkdownRule, MarkdownTable, MarkdownTableRow, MarkdownTableScroll, MessageActionCard, MessageActionCardActions, MessageActionCardActionsNote, MessageActionCardCollapseTrigger, MessageActionCardCompletion, MessageActionCardContent, MessageActionCardHeader, MessageActionCardHeaderDescription, MessageActionCardHeaderIcon, MessageActionCardHeaderStatus, MessageActionCardHeaderTitle, MessageActionCardHint, MessageActionCardHintLabel, MessageActionCardNotice, MessageActionCardProperties, MessageActionCardProperty, MessageActionCardPropertyLabel, MessageActionCardPropertyValue, MessageActionCardScope, MessageActionCardScopeDescription, MessageActionCardScopeList, MessageActionCardScopeListLabel, MessageActionCardScopeListViewport, MessageActionCardScopeName, MessageActionCardStatus, MessageAttachmentAction, MessageAttachmentCard, MessageAttachmentCommentSummary, MessageAttachmentDiffAddition, MessageAttachmentDiffDeletion, MessageAttachmentDiffSummary, MessageAttachmentGroup, MessageAttachmentMeta, MessageAttachmentMetaEnd, MessageAttachmentMetaStart, MessageAttachmentSummary, MessageAttachmentTitle, MessageEmbed, MessageEmbedContent, MessageEmbedFooter, MessageEmbedHeader, MessageForwardedBundle, MessageForwardedBundleAttachment, MessageForwardedBundleAttachmentMeta, MessageForwardedBundleAttachmentName, MessageForwardedBundleAttachments, MessageForwardedBundleFooter, MessageForwardedBundleFooterAction, MessageForwardedBundleGallery, MessageForwardedBundleGalleryTile, MessageForwardedBundleHeader, MessageForwardedBundleHeaderContent, MessageForwardedBundleHeaderCount, MessageForwardedBundleHeaderLabel, MessageForwardedBundleItem, MessageForwardedBundleItemAuthor, MessageForwardedBundleItemContent, MessageForwardedBundleItemMeta, MessageForwardedBundleItems, MessageForwardedBundleSource, MessageForwardedBundleSourceLabel, MessageIcon, MessageImageGallery, MessageImageGalleryAction, MessageImageGalleryItem, MessageImageGalleryMedia, MessageImageGalleryOverlay, MessageImageGalleryPreview, MessageImageGalleryRow, MessageItem, MessageItemAttachments, MessageItemAvatarSlot, MessageItemBadge, MessageItemBadgeSeparator, MessageItemBody, MessageItemContent, MessageItemContinuationTime, MessageItemEdited, MessageItemEmbedded, MessageItemFooter, MessageItemGutter, MessageItemHeader, MessageItemInlineStatus, MessageItemMeta, MessageItemReadReceipt, MessageItemSavedIndicator, MessageItemSearchMatch, MessageItemSender, MessageItemSenderBadges, MessageItemSenderButton, MessageItemSenderGroup, MessageItemTime, MessageItemToolbar, MessageItemToolbarButton, MessageItemTranslationAction, MessageItemTranslationFailedStatus, MessageItemTranslationOriginal, MessageItemTranslationOriginalLabel, MessageItemTranslationProgressTrack, MessageItemTranslationRetryAction, MessageItemTranslationStatus, MessageList, MessageListDateDivider, MessageListEndFade, MessageListHistoryLimited, MessageListNotice, MessageMultiSelect, MessageMultiSelectCheckbox, MessageMultiSelectToolbar, MessageMultiSelectToolbarActions, MessageQuotedPreview, MessageQuotedPreviewAttachment, MessageQuotedPreviewAttachments, MessageQuotedPreviewAuthor, MessageQuotedPreviewAuthorMeta, MessageQuotedPreviewAuthorName, MessageQuotedPreviewChannel, MessageQuotedPreviewContent, MessageQuotedPreviewHeader, MessageQuotedPreviewLoading, MessageQuotedPreviewText, MessageQuotedPreviewThread, MessageQuotedPreviewTimestamp, MessageQuotedPreviewUnavailable, MessageReactionAddButton, MessageReactionChip, MessageReactionCount, MessageReactionErrorIndicator, MessageReactionGlyph, MessageReactionPickerContent, MessageReactionPickerStatic, MessageReactionQuickButton, MessageReactionQuickRow, MessageReactionTooltipContent, MessageReactionTooltipMeta, MessageReactionTooltipName, MessageReactionTooltipNameText, MessageReactionTooltipNames, MessageReactionTooltipSeparator, MessageReferenceChip, MessageReferenceIndicator, MessageReferenceLabel, MessageReferencePending, MessageReferenceSuffix, MessageReferenceText, MessageReferenceUnavailable, MessageReplies, MessageRepliesItem, MessageRepliesItemContent, MessageRepliesItemSender, MessageRepliesItemTime, MessageRepliesSummary, MessageRepliesSummaryItem, MessageTextSelectionToolbar, MessageTextSelectionToolbarButton, MessageTextSelectionToolbarSeparator, MessageVideoPreview, MessageVideoPreviewAction, MessageVideoPreviewFailureAction, MessageVideoPreviewFailureContent, MessageVideoPreviewFailureIcon, MessageVideoPreviewFailureTitle, MessageVideoPreviewFallback, MessageVideoPreviewMedia, MobileNavItem, MobileNavLabel, MobileNavRoot, NotificationCenter, NotificationCenterActionButton, NotificationCenterCount, NotificationCenterEmptyState, NotificationCenterHeader, NotificationCenterItem, NotificationCenterItemActions, NotificationCenterItemBody, NotificationCenterItemContent, NotificationCenterItemIcon, NotificationCenterItemRow, NotificationCenterItemTitle, NotificationCenterList, NotificationCenterPopup, NotificationCenterScroller, NotificationCenterTitle, NotificationCenterTrigger, OtterIndicator, Panel, PanelAction, PanelActions, PanelActivity, PanelBody, PanelFooter, PanelHeader, PanelHeaderContent, PanelHeaderIcon, PanelHeaderRoot, PanelHeading, PanelMeta, PanelNotice, PanelNoticeActions, PanelNoticeContent, PanelScrollContent, PanelScrollViewport, PanelSection, PanelSectionHeader, PanelStatus, PanelTitle, PanelToggleAction, PickerTriggerButton, Popover, PopoverArrow, PopoverBackdrop, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverPopup, PopoverPortal, PopoverSeparator, PopoverTitle, PopoverTrigger, PopoverViewport, PreviewCard, PreviewCardArrow, PreviewCardContent, PreviewCardDescription, PreviewCardHeader, PreviewCardPopup, PreviewCardPortal, PreviewCardSeparator, PreviewCardTitle, PreviewCardTrigger, ProfilePanel, ProfilePanelBody, ProfilePanelHeader, ProfilePanelHeaderContent, ProfilePanelSection, Progress, ProgressHeader, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, RadioGroup, RadioGroupIndicator, RadioGroupItem, RaftLogo, RaftLogoLockup, RaftWordmark, ResizableGroup, ResizableHandle, ResizablePanel, SINGLE_IMAGE_MAX_HEIGHT, SINGLE_IMAGE_MAX_WIDTH, ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, SearchEntityResult, SearchEntityResultActivity, SearchEntityResultContent, SearchEntityResultDescription, SearchEntityResultHeader, SearchEntityResultIcon, SearchEntityResultLeading, SearchEntityResultTitle, SearchMessageResult, SearchMessageResultBody, SearchMessageResultHeader, SearchMessageResultMatch, SearchMessageResultMeta, SearchMessageResultSender, SearchMessageResultThreadMeta, SearchMessageResultTimestamp, SearchResultsList, SearchResultsSection, SearchResultsSectionHeading, SearchResultsSummary, SearchShellFilters, SearchShellRoot, SearchShellViewport, SearchThreadMessageResult, SearchThreadResult, SearchThreadResultHeader, SearchThreadResultMessages, SearchThreadResultMeta, SearchThreadResultTimestamp, SearchThreadResultTitle, SearchTrigger, SearchTriggerLabel, SearchTriggerShortcut, SegmentedControl, SegmentedControlCount, SegmentedControlItem, SegmentedControlLabel, Select, SelectArrow, SelectContent, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemDescription, SelectItemIndicator, SelectItemLeading, SelectItemText, SelectLabel, SelectList, SelectPopup, SelectPortal, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectTrigger, SelectValue, Separator, SidebarBody, SidebarContent, SidebarControl, SidebarGroupLabel, SidebarHeader, SidebarHeaderTitle, SidebarItem, SidebarItemAside, SidebarItemChannelIcon, SidebarItemContent, SidebarItemCount, SidebarItemCountSeparator, SidebarItemIcon, SidebarItemIndicator, SidebarItemMeta, SidebarItemMetaIcon, SidebarItemStatus, SidebarItemSubtitle, SidebarItemThreadCount, SidebarItemTitle, SidebarList, SidebarLiveActivity, SidebarMenu, SidebarMenuAside, SidebarMenuCount, SidebarMenuIcon, SidebarMenuTitle, SidebarRoot, SidebarSection, SidebarSectionAttention, SidebarSectionChevron, SidebarSectionControl, SidebarSectionControls, SidebarSectionCount, SidebarSectionDisclosure, SidebarSectionEmpty, SidebarSectionHeader, SidebarSectionTitle, SidebarSectionTrailing, Skeleton, SortableComposerAttachment, SortableComposerAttachments, SortableComposerAttachmentsScroll, SortableTabsList, SortableTabsTab, Spinner, Status, Step, Steps, Switch, SwitchThumb, SystemMessage, SystemMessageContent, SystemMessageGroup, SystemMessageGroupChevron, SystemMessageGroupDisclosure, SystemMessageGroupHeader, SystemMessageGroupPanel, SystemMessageGroupSummary, SystemMessageTime, TASK_STATUS_IDS, Table, TableBody, TableCaption, TableCell, TableColgroup, TableColumn, TableHead, TableHeader, TableRow, Tabs, TabsLabel, TabsList, TabsPanel, TabsTab, TaskBoardColumn, TaskBoardColumnBadge, TaskBoardColumnChevron, TaskBoardColumnCount, TaskBoardColumnEmpty, TaskBoardColumnEmptyAllowed, TaskBoardColumnEmptyBlocked, TaskBoardColumnEmptyIdle, TaskBoardColumnHeading, TaskBoardColumnItems, TaskBoardColumnPanel, TaskBoardColumnTrigger, TaskBoardRoot, TaskCard, TaskCardBody, TaskCardChannel, TaskCardDescription, TaskCardLegacy, TaskCardMeta, TaskCardNumber, TaskCardRow, TaskCardStatus, TaskCardTitle, TaskChip, TaskClosedIcon, TaskDndProvider, TaskDoneIcon, TaskDragOverlay, TaskDraggable, TaskDropPlaceholder, TaskDropZone, TaskInProgressIcon, TaskInReviewIcon, TaskListRoot, TaskLoadingList, TaskLoadingRow, TaskSection, TaskSectionBadge, TaskSectionChevron, TaskSectionCount, TaskSectionEmpty, TaskSectionHeading, TaskSectionItems, TaskSectionPanel, TaskSectionTrigger, TaskStatusBadge, TaskStatusIcon, TaskTodoIcon, TasksPanelEmpty, TasksPanelRoot, TasksPanelToolbar, TasksPanelToolbarFilters, TasksPanelToolbarGroup, TasksPanelToolbarLabel, TasksPanelToolbarNewTask, TasksPanelToolbarView, TasksPanelViewport, Text, TextHeading, TextLink, TextMono, TextSans, Textarea, TextareaCounter, TextareaGroup, ThemeProvider, ThreadIcon, ThreadPanelActions, ThreadPanelBody, ThreadPanelContent, ThreadPanelFooter, ThreadPanelHeader, ThreadPanelOriginalMessage, ThreadPanelReplyCount, ThreadPanelReplySummary, ThreadPanelRoot, ThreadPanelSearch, ThreadPanelSearchCount, ThreadPanelSearchTrailing, ThreadPanelTitle, ThreadPanelTitleMeta, Timeline, TimelineContent, TimelineItem, TimelineTime, TimelineTitle, ToastAction, ToastActions, ToastArrow, ToastBody, ToastClose, ToastContent, ToastDescription, ToastIcon, ToastPortal, ToastPositioner, ToastProgress, ToastProvider, ToastRoot, ToastTitle, ToastViewport, ToggleGroup, ToggleGroupItem, ToggleGroupLabel, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, VirtualList, WorkspaceButton, WorkspaceButtonName, buildMessageImageGalleryRows, buttonVariants, classifyMessageImageAspect, cn, createMessageTextSelectionAnchor, createToastManager, getTextSelectionFocusRect, installInputModality, taskStatusSoft, taskStatusStrong, textLinkVariants, toast, useComposerSuggestions, useOrderedTabs, useTheme, useToastManager };
|