@assure-one/design-system 1.48.0 → 1.50.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/dist/{chunk-HV24JSRN.js → chunk-CRA6WJZ6.js} +68 -10
- package/dist/chunk-CRA6WJZ6.js.map +1 -0
- package/dist/{chunk-FO2WSYUA.js → chunk-GT7A7HP4.js} +3 -3
- package/dist/{chunk-FO2WSYUA.js.map → chunk-GT7A7HP4.js.map} +1 -1
- package/dist/{chunk-YRFLK7ER.js → chunk-HZZGCMRU.js} +3 -3
- package/dist/{chunk-YRFLK7ER.js.map → chunk-HZZGCMRU.js.map} +1 -1
- package/dist/css/components.css +1 -1
- package/dist/{data-table-view-CNTfzEyS.d.ts → data-table-view-Dhcbsxls.d.ts} +60 -1
- package/dist/index.d.ts +234 -7
- package/dist/index.js +537 -9
- package/dist/index.js.map +1 -1
- package/dist/legacy/index.d.ts +2 -2
- package/dist/legacy/index.js +2 -2
- package/dist/styles.css +1 -1
- package/dist/suite/index.js +2 -2
- package/docs/components.md +15 -3
- package/docs/components.registry.json +80 -4
- package/package.json +1 -1
- package/dist/chunk-HV24JSRN.js.map +0 -1
package/dist/index.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
export {
|
|
4
|
-
import {
|
|
5
|
-
export {
|
|
6
|
-
import { withPortalContainer, Backdrop, alertDialogAnatomy, OverlaySurface, OverlayTitle, OverlayDescription, Button, slot, useDsMessages, useLinkComponent, surfaceAnatomy, stateAttributes, cardAnatomy, ModalPortal, kbdAnatomy, FieldContext, fieldAnatomy, useFieldContext, MENU_SUB_TRIGGER_CHEVRON, menuSubTriggerClasses, MENU_INSET, contextMenuAnatomy, presence, menuItemClasses, MENU_ITEM_DANGER, MENU_INDICATOR_WELL, MENU_CHECK_GLYPH, menuIndicatorItemClasses, MENU_RADIO_GLYPH, menuLabelClasses, menuSeparatorClasses, useFieldControl, useMergedRefs, joinIds, Popover, PopoverTrigger, PopoverContent, FormBridge, CONTROL_SIZE_CLASSES, dialogAnatomy, DismissButton, DEFAULT_OVERLAY_MESSAGES, DISMISS_GLYPH_CLASSES, OverlayBody, headingAnatomy, deprecate, floatingSurfaceClasses, FLOATING_PADDING, FLOATING_WIDTH, labelAnatomy, warnLegacyButtonProps, resolveButtonIcons, buttonVariants, INERT_CLASSES, DISABLED_LOOK_CLASSES, inertHandlers, INERT_ATTRIBUTES, linkButtonAnatomy, useControllableState, controlChrome, mergeRefs, numberInputAnatomy, EN_MESSAGES, phoneFieldAnatomy, Input, useFieldsetContext, useFormReset2, radioGroupAnatomy, microInteractions, CONTROL_LABEL_TEXT, searchInputAnatomy, IconButton, Tooltip, TooltipTrigger, TooltipContent, codeAnatomy, textAnatomy, Slot, stackAnatomy, inlineAnatomy, statusBadgeAnatomy, useFieldsetState, FieldsetContext, fieldsetAnatomy, useFieldsetLegend, shellAnatomy, Avatar, useId as useId$1, partId, statStripAnatomy, Pressable, Spinner, DropdownMenuItem, filterChipsAnatomy, listPageAnatomy, dataTableAnatomy, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuCheckboxItem, errorOnce, isLabelable, Select, Checkbox, FIELD_PARTS, SelectRoot, SelectTrigger, SelectValue, SelectContent, SelectItem, OverlayHeader, OverlayFooter, commandAnatomy, menuShortcutClasses, useFormReset, sideDrawerAnatomy, Portal, toastAnatomy, useExitPresence, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, TooltipProvider, TOOLTIP_DEFAULT_DELAY_MS, DesignSystemContext, PortalContainerContext, ModalRoot, ModalOverlay, ModalContent, ModalTitle, ModalDescription } from './chunk-
|
|
7
|
-
export { Avatar, Button, Checkbox, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileChip, FileUpload, IconButton, Input, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, Pressable, SPINNER_TONE_TO_INTENT, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Spinner, Textarea, ThemeScope, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, buttonVariants, iconButtonVariants, inputVariants, resolveButtonStyle, spinnerVariants, textareaVariants, useDsMessages, useFieldControl } from './chunk-
|
|
8
|
-
import { cn, ChevronDownIcon, EyeIcon, DownloadIcon, ChevronRightIcon, CheckIcon, CircleIcon, CopyIcon, CalendarIcon, XIcon, AlertTriangleIcon, ArrowRightIcon, ArrowLeftIcon, FileTextIcon, ZoomOutIcon, ZoomInIcon, lucideIcon, SquareExclamationPointIcon, TrendingUpIcon, TrendingDownIcon, SearchIcon, TableIcon, StarIcon, RowsIcon, Rows4Icon, ListChecksIcon, CheckCircleSolidIcon, HelpCircleIcon, UserIcon, SendIcon, SettingsIcon, ChevronUpIcon, XCircleIcon, CheckCircle2Icon, InfoIcon, ChevronLeftIcon, FolderOpenIcon, FolderClosedIcon, MinusIcon, Icon, ChartNoAxesColumnIncreasingIcon, MoreHorizontalIcon, AlertCircleIcon, PlusIcon, CircleDashedIcon, LoaderIcon, InfoCircleSolidIcon, AlertTriangleSolidIcon, XCircleSolidIcon, RotateCcwIcon, CommandIcon, GripVerticalIcon, LockIcon, ArrowUpIcon, ArrowDownIcon } from './chunk-ARCWF2S3.js';
|
|
2
|
+
import { Skeleton, ToggleGroup, ToggleGroupItem, useOverflowTooltip, badgeVariants, DataTableBody, DataTableRow, DataTableCell, Badge, VisuallyHidden, ProgressBar, Pagination, TableBody, TableRow, TableCell, Table, TableHeader, TableHead } from './chunk-HZZGCMRU.js';
|
|
3
|
+
export { Badge, DATA_TABLE_NO_GROUPING, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCellSecondary, DataTableCheckbox, DataTableHead, DataTableHeader, DataTableHeaderMenu, DataTableLoadMore, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableSpacerRow, DataTableToolbar, DataTableView, EmptyValue, PROGRESS_LEGACY_TO_INTENT, Pagination, ProgressBar, ProgressRing, SERVICE_TONES, STATUS_DOT_TONE_TO_INTENT, SegmentedProgress, Skeleton, SkeletonCircle, SkeletonText, StatusDot, Switch, Table, TableBody, TableCaption, TableCell, TableCellSecondary, TableFooter, TableGroupRow, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, ToggleGroup, ToggleGroupItem, VisuallyHidden, badgeVariants, compareSortValues, nextSortDirection, progressBarVariants, progressRingVariants, resolveBadgeAppearance, serviceToneLabel, serviceToneStyle, statusDotVariants, useDataTable, useDataTableGrouping, useDataTableVirtualRows, useScrollRestoration } from './chunk-HZZGCMRU.js';
|
|
4
|
+
import { Collapsible, CollapsibleTrigger, CollapsibleContent, PlainLink, Combobox, Sidebar, SidebarFooter, SidebarUser, Chip, useSidebarState, SidebarSection, SidebarLinkGroup, SidebarLink, SidebarLinkLabel, SidebarLinkBadge, CmdkCompatContext, Sheet, SheetContent, SheetTitle } from './chunk-GT7A7HP4.js';
|
|
5
|
+
export { BrandScope, BrandScopeProvider, Chip, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, DEFAULT_COMBOBOX_MESSAGES, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarBrand, SidebarBrandText, SidebarDrawer, SidebarFooter, SidebarLink, SidebarLinkAction, SidebarLinkBadge, SidebarLinkGroup, SidebarLinkLabel, SidebarPinButton, SidebarProvider, SidebarSection, SidebarTrigger, SidebarUser, assetPath, brandScope, chipVariants, getAssetBasePath, resolveChipStyle, setAssetBasePath, sidebarLinkBadgeVariants, useBrandScope, useSidebarPeekLock, useSidebarState } from './chunk-GT7A7HP4.js';
|
|
6
|
+
import { withPortalContainer, Backdrop, alertDialogAnatomy, OverlaySurface, OverlayTitle, OverlayDescription, Button, slot, useDsMessages, useLinkComponent, surfaceAnatomy, stateAttributes, cardAnatomy, ModalPortal, kbdAnatomy, FieldContext, fieldAnatomy, useFieldContext, MENU_SUB_TRIGGER_CHEVRON, menuSubTriggerClasses, MENU_INSET, contextMenuAnatomy, presence, menuItemClasses, MENU_ITEM_DANGER, MENU_INDICATOR_WELL, MENU_CHECK_GLYPH, menuIndicatorItemClasses, MENU_RADIO_GLYPH, menuLabelClasses, menuSeparatorClasses, useFieldControl, useMergedRefs, joinIds, Popover, PopoverTrigger, PopoverContent, FormBridge, CONTROL_SIZE_CLASSES, dialogAnatomy, DismissButton, DEFAULT_OVERLAY_MESSAGES, DISMISS_GLYPH_CLASSES, OverlayBody, headingAnatomy, deprecate, floatingSurfaceClasses, FLOATING_PADDING, FLOATING_WIDTH, labelAnatomy, warnLegacyButtonProps, resolveButtonIcons, buttonVariants, INERT_CLASSES, DISABLED_LOOK_CLASSES, inertHandlers, INERT_ATTRIBUTES, linkButtonAnatomy, useControllableState, controlChrome, mergeRefs, numberInputAnatomy, EN_MESSAGES, phoneFieldAnatomy, Input, useFieldsetContext, useFormReset2, radioGroupAnatomy, microInteractions, CONTROL_LABEL_TEXT, searchInputAnatomy, IconButton, Tooltip, TooltipTrigger, TooltipContent, codeAnatomy, textAnatomy, Slot, stackAnatomy, inlineAnatomy, statusBadgeAnatomy, useFieldsetState, FieldsetContext, fieldsetAnatomy, useFieldsetLegend, shellAnatomy, Avatar, messageBubbleAnatomy, useId as useId$1, partId, statStripAnatomy, Pressable, Spinner, DropdownMenuItem, filterChipsAnatomy, listPageAnatomy, dataTableAnatomy, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuCheckboxItem, threadEventAnatomy, threadDividerAnatomy, conversationRowAnatomy, conversationHeaderAnatomy, peopleListAnatomy, errorOnce, isLabelable, Select, Checkbox, FIELD_PARTS, SelectRoot, SelectTrigger, SelectValue, SelectContent, SelectItem, OverlayHeader, OverlayFooter, commandAnatomy, menuShortcutClasses, useFormReset, sideDrawerAnatomy, Portal, toastAnatomy, useExitPresence, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, TooltipProvider, TOOLTIP_DEFAULT_DELAY_MS, DesignSystemContext, PortalContainerContext, ModalRoot, ModalOverlay, ModalContent, ModalTitle, ModalDescription } from './chunk-CRA6WJZ6.js';
|
|
7
|
+
export { Avatar, Button, Checkbox, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileChip, FileUpload, IconButton, Input, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, Pressable, SPINNER_TONE_TO_INTENT, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Spinner, Textarea, ThemeScope, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, buttonVariants, iconButtonVariants, inputVariants, resolveButtonStyle, spinnerVariants, textareaVariants, useDsMessages, useFieldControl } from './chunk-CRA6WJZ6.js';
|
|
8
|
+
import { cn, ChevronDownIcon, EyeIcon, DownloadIcon, ChevronRightIcon, CheckIcon, CircleIcon, CopyIcon, CalendarIcon, XIcon, AlertTriangleIcon, ArrowRightIcon, ArrowLeftIcon, FileTextIcon, ZoomOutIcon, ZoomInIcon, lucideIcon, SquareExclamationPointIcon, TrendingUpIcon, TrendingDownIcon, SearchIcon, TableIcon, StarIcon, RowsIcon, Rows4Icon, ListChecksIcon, CheckCircleSolidIcon, HelpCircleIcon, UserIcon, SendIcon, SettingsIcon, ChevronUpIcon, ClockIcon, XCircleIcon, CheckCircle2Icon, InfoIcon, ChevronLeftIcon, FolderOpenIcon, FolderClosedIcon, MinusIcon, Icon, ChartNoAxesColumnIncreasingIcon, MoreHorizontalIcon, AlertCircleIcon, PlusIcon, CircleDashedIcon, LoaderIcon, InfoCircleSolidIcon, AlertTriangleSolidIcon, XCircleSolidIcon, RotateCcwIcon, CommandIcon, GripVerticalIcon, LockIcon, ArrowUpIcon, ArrowDownIcon } from './chunk-ARCWF2S3.js';
|
|
9
9
|
export { AlertCircleIcon, AlertTriangleIcon, AlertTriangleSolidIcon, AlignCenterIcon, AlignLeftIcon, AlignRightIcon, AppWindowIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, ArrowUpRightIcon, AtSignIcon, BanIcon, BarChartIcon, BellIcon, BellRingIcon, BoldIcon, BookTextIcon, BrainIcon, BriefcaseIcon, Building2Icon, BuildingIcon, CalculatorIcon, CalendarIcon, CameraIcon, ChartNoAxesColumnIncreasingIcon, ChatBubbleIcon, CheckCheckIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpDownIcon, CircleDashedIcon, CircleDotIcon, CircleIcon, ClipboardCheckIcon, ClockAlertIcon, ClockIcon, CloseIcon, CommandIcon, CopyIcon, CornerDownLeftIcon, CreditCardIcon, DecimalsArrowLeftIcon, DecimalsArrowRightIcon, DocumentIcon, DollarSignIcon, DownloadIcon, ExternalLinkIcon, ExtractIcon, EyeIcon, EyeOffIcon, FileChartColumnIcon, FileIcon, FilePlusIcon, FileReturnIcon, FileTextIcon, FilterIcon, FlagIcon, FolderClosedIcon, FolderDownIcon, FolderOpenIcon, FolderPlusIcon, FolderUpIcon, GlobeIcon, GoogleBrandIcon, GraduationCapIcon, Grid2x2Icon, GripHorizontalIcon, GripVerticalIcon, HelpCircleIcon, HighlighterIcon, HistoryIcon, HomeIcon, InboxIcon, InfoCircleSolidIcon, InfoIcon, ItalicIcon, KanbanIcon, KeyIcon, LandmarkIcon, LayersIcon, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, MailIcon, MapPinIcon, MaximizeIcon, MenuIcon, MessageCircleIcon, MessageCircleMoreIcon, MessageCircleWarningIcon, MicIcon, MicrosoftBrandIcon, MinimizeIcon, MinusIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MousePointer2Icon, MoveIcon, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PanelRightCloseIcon, PanelRightIcon, PaperclipIcon, PauseIcon, PenSignIcon, PenToolIcon, PencilIcon, PercentIcon, PhoneIcon, PinIcon, PinOffIcon, PlayIcon, PlusIcon, ReceiptIcon, RefreshCwIcon, RepeatIcon, ReplyIcon, RotateCcwIcon, Rows4Icon, RowsIcon, SaveIcon, SearchCheckIcon, SearchIcon, SendIcon, SettingsIcon, ShieldIcon, SigmaIcon, SlashIcon, SmartphoneIcon, SparkleIcon, SparklesIcon, SquareExclamationPointIcon, SquareFunctionIcon, SquareIcon, SquarePlayIcon, SquareSquareIcon, StampIcon, StarIcon, StopIcon, StrikethroughIcon, StripeBrandIcon, SunIcon, TableIcon, TagIcon, TeamIcon, ThumbsDownIcon, ThumbsUpIcon, TimerIcon, Trash2Icon, TrashIcon, TrashSolidIcon, TrendingDownIcon, TrendingUpIcon, TypeIcon, UnderlineIcon, Undo2Icon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VideoIcon, Volume2Icon, VolumeXIcon, WorkflowIcon, XCircleIcon, XCircleSolidIcon, XIcon, ZoomInIcon, ZoomOutIcon, cn, createIcon, iconCursor, iconToSvg } from './chunk-ARCWF2S3.js';
|
|
10
10
|
export { systemTokens } from './chunk-CPOGSNXS.js';
|
|
11
11
|
import './chunk-EUHGZA6Q.js';
|
|
@@ -9713,7 +9713,113 @@ var KanbanCard = forwardRef(function KanbanCard2({ className, label, title, clie
|
|
|
9713
9713
|
] }) : children });
|
|
9714
9714
|
});
|
|
9715
9715
|
KanbanCard.displayName = "KanbanCard";
|
|
9716
|
-
var
|
|
9716
|
+
var CHAT_BUBBLE = {
|
|
9717
|
+
default: {
|
|
9718
|
+
inbound: "ds:bg-surface ds:text-fg ds:border ds:border-rule ds:rounded-surface ds:px-3 ds:py-2 ds:text-sm ds:leading-relaxed ds:break-words",
|
|
9719
|
+
outbound: "ds:bg-brand ds:text-fg-on-brand ds:rounded-surface ds:px-3 ds:py-2 ds:text-sm ds:leading-relaxed ds:break-words"
|
|
9720
|
+
},
|
|
9721
|
+
note: {
|
|
9722
|
+
inbound: "ds:bg-bg-2 ds:text-fg ds:border-2 ds:border-dashed ds:border-rule-strong ds:rounded-surface ds:px-3 ds:py-2 ds:text-sm ds:leading-relaxed ds:break-words",
|
|
9723
|
+
outbound: "ds:bg-bg-2 ds:text-fg ds:border-2 ds:border-dashed ds:border-rule-strong ds:rounded-surface ds:px-3 ds:py-2 ds:text-sm ds:leading-relaxed ds:break-words"
|
|
9724
|
+
}
|
|
9725
|
+
};
|
|
9726
|
+
var ACTIONS_REVEAL = "ds:opacity-0 ds:transition-opacity ds:duration-[var(--motion-duration-feedback)] ds:ease-[var(--motion-ease-enter)] ds:motion-reduce:transition-none ds:group-hover/bubble:opacity-100 ds:group-focus-within/bubble:opacity-100";
|
|
9727
|
+
var MessageBubble = forwardRef(function MessageBubble2({
|
|
9728
|
+
avatar,
|
|
9729
|
+
name,
|
|
9730
|
+
timestamp,
|
|
9731
|
+
actions,
|
|
9732
|
+
children,
|
|
9733
|
+
className,
|
|
9734
|
+
direction,
|
|
9735
|
+
tone = "default",
|
|
9736
|
+
groupStart = true,
|
|
9737
|
+
groupEnd = true,
|
|
9738
|
+
meta,
|
|
9739
|
+
footer,
|
|
9740
|
+
...props
|
|
9741
|
+
}, ref) {
|
|
9742
|
+
if (direction) {
|
|
9743
|
+
const outbound = direction === "outbound";
|
|
9744
|
+
const showHeader = groupStart && (name != null || timestamp != null);
|
|
9745
|
+
return /* @__PURE__ */ jsxs(
|
|
9746
|
+
"li",
|
|
9747
|
+
{
|
|
9748
|
+
ref,
|
|
9749
|
+
...slot(messageBubbleAnatomy, "root"),
|
|
9750
|
+
"data-direction": direction,
|
|
9751
|
+
"data-tone": tone,
|
|
9752
|
+
"data-group-start": groupStart ? "" : void 0,
|
|
9753
|
+
"data-group-end": groupEnd ? "" : void 0,
|
|
9754
|
+
className: cn(
|
|
9755
|
+
"ds:group/bubble ds:flex ds:items-start ds:gap-2.5",
|
|
9756
|
+
outbound && "ds:flex-row-reverse",
|
|
9757
|
+
groupStart ? "ds:pt-3" : "ds:pt-1",
|
|
9758
|
+
className
|
|
9759
|
+
),
|
|
9760
|
+
...props,
|
|
9761
|
+
children: [
|
|
9762
|
+
avatar && (groupStart ? /* @__PURE__ */ jsx("span", { ...slot(messageBubbleAnatomy, "avatar"), className: "ds:mt-0.5 ds:flex ds:shrink-0", children: avatar }) : (
|
|
9763
|
+
// Holds the avatar's width so a run's bubbles stay aligned.
|
|
9764
|
+
/* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "ds:invisible ds:flex ds:shrink-0", children: avatar })
|
|
9765
|
+
)),
|
|
9766
|
+
/* @__PURE__ */ jsxs(
|
|
9767
|
+
"div",
|
|
9768
|
+
{
|
|
9769
|
+
className: cn(
|
|
9770
|
+
"ds:flex ds:min-w-0 ds:max-w-[min(36rem,85%)] ds:flex-col ds:gap-1",
|
|
9771
|
+
outbound ? "ds:items-end" : "ds:items-start"
|
|
9772
|
+
),
|
|
9773
|
+
children: [
|
|
9774
|
+
showHeader && /* @__PURE__ */ jsxs(
|
|
9775
|
+
"div",
|
|
9776
|
+
{
|
|
9777
|
+
...slot(messageBubbleAnatomy, "header"),
|
|
9778
|
+
className: "ds:flex ds:max-w-full ds:items-baseline ds:gap-2 ds:px-0.5",
|
|
9779
|
+
children: [
|
|
9780
|
+
name != null && /* @__PURE__ */ jsx("span", { ...slot(messageBubbleAnatomy, "name"), className: "ds:text-fg-2 ds:truncate ds:text-xs ds:font-semibold", children: name }),
|
|
9781
|
+
timestamp != null && /* @__PURE__ */ jsx("span", { ...slot(messageBubbleAnatomy, "time"), className: "ds:text-fg-4 ds:text-xs ds:tabular-nums", children: timestamp })
|
|
9782
|
+
]
|
|
9783
|
+
}
|
|
9784
|
+
),
|
|
9785
|
+
/* @__PURE__ */ jsxs("div", { className: cn("ds:flex ds:max-w-full ds:items-center ds:gap-1.5", outbound && "ds:flex-row-reverse"), children: [
|
|
9786
|
+
/* @__PURE__ */ jsx(
|
|
9787
|
+
"div",
|
|
9788
|
+
{
|
|
9789
|
+
...slot(messageBubbleAnatomy, "bubble"),
|
|
9790
|
+
className: cn(
|
|
9791
|
+
"ds:min-w-0",
|
|
9792
|
+
CHAT_BUBBLE[tone][direction],
|
|
9793
|
+
groupStart && (outbound ? "ds:rounded-tr-badge" : "ds:rounded-tl-badge")
|
|
9794
|
+
),
|
|
9795
|
+
children
|
|
9796
|
+
}
|
|
9797
|
+
),
|
|
9798
|
+
actions && /* @__PURE__ */ jsx("div", { ...slot(messageBubbleAnatomy, "actions"), className: cn("ds:flex ds:shrink-0 ds:items-center", ACTIONS_REVEAL), children: actions })
|
|
9799
|
+
] }),
|
|
9800
|
+
footer != null && /* @__PURE__ */ jsx(
|
|
9801
|
+
"div",
|
|
9802
|
+
{
|
|
9803
|
+
...slot(messageBubbleAnatomy, "footer"),
|
|
9804
|
+
className: cn("ds:flex ds:max-w-full ds:flex-col ds:gap-1", outbound ? "ds:items-end" : "ds:items-start"),
|
|
9805
|
+
children: footer
|
|
9806
|
+
}
|
|
9807
|
+
),
|
|
9808
|
+
groupEnd && meta != null && /* @__PURE__ */ jsx(
|
|
9809
|
+
"div",
|
|
9810
|
+
{
|
|
9811
|
+
...slot(messageBubbleAnatomy, "meta"),
|
|
9812
|
+
className: "ds:text-fg-3 ds:flex ds:items-center ds:gap-1 ds:px-0.5 ds:text-xs ds:tabular-nums",
|
|
9813
|
+
children: meta
|
|
9814
|
+
}
|
|
9815
|
+
)
|
|
9816
|
+
]
|
|
9817
|
+
}
|
|
9818
|
+
)
|
|
9819
|
+
]
|
|
9820
|
+
}
|
|
9821
|
+
);
|
|
9822
|
+
}
|
|
9717
9823
|
return /* @__PURE__ */ jsxs("li", { ref, className: cn("ds:group/bubble ds:flex ds:gap-2.5", className), ...props, children: [
|
|
9718
9824
|
avatar,
|
|
9719
9825
|
/* @__PURE__ */ jsxs("div", { className: "ds:min-w-0 ds:flex-1", children: [
|
|
@@ -14464,6 +14570,428 @@ function InfoHint({
|
|
|
14464
14570
|
}
|
|
14465
14571
|
);
|
|
14466
14572
|
}
|
|
14573
|
+
var ICON_INK = {
|
|
14574
|
+
neutral: "ds:text-fg-3",
|
|
14575
|
+
brand: "ds:text-brand",
|
|
14576
|
+
success: "ds:text-success-fg",
|
|
14577
|
+
danger: "ds:text-danger-fg"
|
|
14578
|
+
};
|
|
14579
|
+
var ThreadEvent = React30.forwardRef(function ThreadEvent2({ children, icon, intent = "neutral", time, dateTime, as = "div", className, ...props }, ref) {
|
|
14580
|
+
const Root9 = as;
|
|
14581
|
+
return /* @__PURE__ */ jsxs(
|
|
14582
|
+
Root9,
|
|
14583
|
+
{
|
|
14584
|
+
ref,
|
|
14585
|
+
...slot(threadEventAnatomy, "root"),
|
|
14586
|
+
"data-intent": intent,
|
|
14587
|
+
className: cn(
|
|
14588
|
+
"ds:flex ds:flex-wrap ds:items-center ds:justify-center ds:gap-x-1.5 ds:gap-y-0.5 ds:py-1 ds:text-center",
|
|
14589
|
+
className
|
|
14590
|
+
),
|
|
14591
|
+
...props,
|
|
14592
|
+
children: [
|
|
14593
|
+
icon && /* @__PURE__ */ jsx(
|
|
14594
|
+
"span",
|
|
14595
|
+
{
|
|
14596
|
+
...slot(threadEventAnatomy, "icon"),
|
|
14597
|
+
"aria-hidden": "true",
|
|
14598
|
+
className: cn("ds:inline-flex ds:shrink-0 ds:[&_svg]:size-3.5", ICON_INK[intent]),
|
|
14599
|
+
children: icon
|
|
14600
|
+
}
|
|
14601
|
+
),
|
|
14602
|
+
/* @__PURE__ */ jsx(Text, { size: "helper", color: "muted", ...slot(threadEventAnatomy, "label"), children }),
|
|
14603
|
+
time && /* @__PURE__ */ jsx(Text, { size: "helper", color: "subtle", numeric: true, asChild: true, children: /* @__PURE__ */ jsx("time", { ...slot(threadEventAnatomy, "time"), dateTime, children: time }) })
|
|
14604
|
+
]
|
|
14605
|
+
}
|
|
14606
|
+
);
|
|
14607
|
+
});
|
|
14608
|
+
ThreadEvent.displayName = "ThreadEvent";
|
|
14609
|
+
var ThreadDivider = React30.forwardRef(
|
|
14610
|
+
function ThreadDivider2({ label, dateTime, action, as = "div", className, ...props }, ref) {
|
|
14611
|
+
const Root9 = as;
|
|
14612
|
+
const text = /* @__PURE__ */ jsx(Text, { size: "helper", weight: "medium", color: "muted", numeric: true, asChild: true, children: dateTime ? /* @__PURE__ */ jsx("time", { dateTime, children: label }) : /* @__PURE__ */ jsx("span", { children: label }) });
|
|
14613
|
+
return /* @__PURE__ */ jsxs(
|
|
14614
|
+
Root9,
|
|
14615
|
+
{
|
|
14616
|
+
ref,
|
|
14617
|
+
...slot(threadDividerAnatomy, "root"),
|
|
14618
|
+
className: cn("ds:flex ds:items-center ds:gap-3 ds:py-2", className),
|
|
14619
|
+
...props,
|
|
14620
|
+
children: [
|
|
14621
|
+
/* @__PURE__ */ jsx(Separator2, { ...slot(threadDividerAnatomy, "rule"), className: "ds:flex-1" }),
|
|
14622
|
+
/* @__PURE__ */ jsx("span", { ...slot(threadDividerAnatomy, "label"), className: "ds:inline-flex ds:shrink-0", children: action ? action(text) : text }),
|
|
14623
|
+
/* @__PURE__ */ jsx(Separator2, { ...slot(threadDividerAnatomy, "rule"), className: "ds:flex-1" })
|
|
14624
|
+
]
|
|
14625
|
+
}
|
|
14626
|
+
);
|
|
14627
|
+
}
|
|
14628
|
+
);
|
|
14629
|
+
ThreadDivider.displayName = "ThreadDivider";
|
|
14630
|
+
var ConversationRow = React30.forwardRef(
|
|
14631
|
+
function ConversationRow2({
|
|
14632
|
+
title,
|
|
14633
|
+
marker,
|
|
14634
|
+
leading,
|
|
14635
|
+
meta,
|
|
14636
|
+
metaIcon,
|
|
14637
|
+
preview,
|
|
14638
|
+
time,
|
|
14639
|
+
dateTime,
|
|
14640
|
+
status,
|
|
14641
|
+
unread = false,
|
|
14642
|
+
unreadLabel,
|
|
14643
|
+
selected = false,
|
|
14644
|
+
selection,
|
|
14645
|
+
actions,
|
|
14646
|
+
onSelect,
|
|
14647
|
+
pressed,
|
|
14648
|
+
as = "div",
|
|
14649
|
+
className,
|
|
14650
|
+
...props
|
|
14651
|
+
}, ref) {
|
|
14652
|
+
const Root9 = as;
|
|
14653
|
+
const hasAside = time != null || status != null;
|
|
14654
|
+
return /* @__PURE__ */ jsxs(
|
|
14655
|
+
Root9,
|
|
14656
|
+
{
|
|
14657
|
+
ref,
|
|
14658
|
+
...slot(conversationRowAnatomy, "root"),
|
|
14659
|
+
"data-selected": selected ? "" : void 0,
|
|
14660
|
+
"data-unread": unread ? "" : void 0,
|
|
14661
|
+
className: cn(
|
|
14662
|
+
"ds:group/row ds:relative ds:border-b ds:border-rule ds:transition-colors ds:duration-[var(--motion-duration-feedback)] ds:motion-reduce:transition-none",
|
|
14663
|
+
selected ? "ds:bg-bg-2" : "ds:hover:bg-surface-hover",
|
|
14664
|
+
className
|
|
14665
|
+
),
|
|
14666
|
+
...props,
|
|
14667
|
+
children: [
|
|
14668
|
+
/* @__PURE__ */ jsx(
|
|
14669
|
+
"span",
|
|
14670
|
+
{
|
|
14671
|
+
...slot(conversationRowAnatomy, "indicator"),
|
|
14672
|
+
"aria-hidden": "true",
|
|
14673
|
+
className: cn(
|
|
14674
|
+
"ds:absolute ds:inset-y-0 ds:left-0 ds:w-1 ds:origin-top ds:rounded-r-full ds:bg-brand ds:transition-transform ds:duration-[var(--motion-duration-feedback)] ds:motion-reduce:transition-none",
|
|
14675
|
+
selected ? "ds:scale-y-100" : "ds:scale-y-0"
|
|
14676
|
+
)
|
|
14677
|
+
}
|
|
14678
|
+
),
|
|
14679
|
+
selection != null && /* @__PURE__ */ jsx(
|
|
14680
|
+
"span",
|
|
14681
|
+
{
|
|
14682
|
+
...slot(conversationRowAnatomy, "selection"),
|
|
14683
|
+
className: "ds:absolute ds:top-1/2 ds:left-3 ds:flex ds:-translate-y-1/2",
|
|
14684
|
+
children: selection
|
|
14685
|
+
}
|
|
14686
|
+
),
|
|
14687
|
+
/* @__PURE__ */ jsx(
|
|
14688
|
+
Pressable,
|
|
14689
|
+
{
|
|
14690
|
+
...slot(conversationRowAnatomy, "open"),
|
|
14691
|
+
onClick: onSelect,
|
|
14692
|
+
pressed,
|
|
14693
|
+
"aria-current": selected && pressed === void 0 ? "true" : void 0,
|
|
14694
|
+
className: cn(
|
|
14695
|
+
"ds:block ds:w-full ds:py-2.5 ds:pr-3 ds:text-left",
|
|
14696
|
+
selection != null ? "ds:pl-10" : "ds:pl-3"
|
|
14697
|
+
),
|
|
14698
|
+
children: /* @__PURE__ */ jsxs("span", { className: "ds:flex ds:items-start ds:gap-3", children: [
|
|
14699
|
+
leading != null && /* @__PURE__ */ jsx("span", { ...slot(conversationRowAnatomy, "leading"), className: "ds:mt-0.5 ds:flex ds:shrink-0", children: leading }),
|
|
14700
|
+
/* @__PURE__ */ jsxs("span", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-0.5", children: [
|
|
14701
|
+
/* @__PURE__ */ jsxs("span", { className: "ds:flex ds:min-w-0 ds:items-center ds:gap-1.5", children: [
|
|
14702
|
+
unread && /* @__PURE__ */ jsxs("span", { ...slot(conversationRowAnatomy, "unread"), className: "ds:flex ds:shrink-0", children: [
|
|
14703
|
+
/* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "ds:bg-brand ds:size-2 ds:rounded-full" }),
|
|
14704
|
+
unreadLabel && /* @__PURE__ */ jsx("span", { className: "ds:sr-only", children: unreadLabel })
|
|
14705
|
+
] }),
|
|
14706
|
+
marker != null && /* @__PURE__ */ jsx(
|
|
14707
|
+
"span",
|
|
14708
|
+
{
|
|
14709
|
+
...slot(conversationRowAnatomy, "marker"),
|
|
14710
|
+
className: "ds:flex ds:shrink-0 ds:[&_svg]:size-3.5",
|
|
14711
|
+
children: marker
|
|
14712
|
+
}
|
|
14713
|
+
),
|
|
14714
|
+
/* @__PURE__ */ jsx(
|
|
14715
|
+
Text,
|
|
14716
|
+
{
|
|
14717
|
+
...slot(conversationRowAnatomy, "title"),
|
|
14718
|
+
size: "body-sm",
|
|
14719
|
+
weight: "semibold",
|
|
14720
|
+
truncate: true,
|
|
14721
|
+
className: "ds:min-w-0",
|
|
14722
|
+
children: title
|
|
14723
|
+
}
|
|
14724
|
+
)
|
|
14725
|
+
] }),
|
|
14726
|
+
meta != null && /* @__PURE__ */ jsxs(
|
|
14727
|
+
"span",
|
|
14728
|
+
{
|
|
14729
|
+
...slot(conversationRowAnatomy, "meta"),
|
|
14730
|
+
className: "ds:text-fg-3 ds:flex ds:min-w-0 ds:items-center ds:gap-1 ds:[&_svg]:size-3.5 ds:[&_svg]:shrink-0",
|
|
14731
|
+
children: [
|
|
14732
|
+
metaIcon != null && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "ds:flex ds:shrink-0", children: metaIcon }),
|
|
14733
|
+
/* @__PURE__ */ jsx(Text, { size: "helper", color: "muted", truncate: true, className: "ds:min-w-0", children: meta })
|
|
14734
|
+
]
|
|
14735
|
+
}
|
|
14736
|
+
),
|
|
14737
|
+
preview != null && /* @__PURE__ */ jsx(
|
|
14738
|
+
Text,
|
|
14739
|
+
{
|
|
14740
|
+
...slot(conversationRowAnatomy, "preview"),
|
|
14741
|
+
size: "helper",
|
|
14742
|
+
color: "muted",
|
|
14743
|
+
truncate: true,
|
|
14744
|
+
className: "ds:min-w-0",
|
|
14745
|
+
children: preview
|
|
14746
|
+
}
|
|
14747
|
+
)
|
|
14748
|
+
] }),
|
|
14749
|
+
hasAside && /* @__PURE__ */ jsxs(
|
|
14750
|
+
"span",
|
|
14751
|
+
{
|
|
14752
|
+
...slot(conversationRowAnatomy, "aside"),
|
|
14753
|
+
className: "ds:flex ds:shrink-0 ds:flex-col ds:items-end ds:gap-2",
|
|
14754
|
+
children: [
|
|
14755
|
+
time != null && /* @__PURE__ */ jsxs(
|
|
14756
|
+
"span",
|
|
14757
|
+
{
|
|
14758
|
+
className: cn(
|
|
14759
|
+
"ds:text-fg-3 ds:flex ds:items-center ds:gap-1",
|
|
14760
|
+
actions != null && "ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover/row:opacity-0 ds:group-focus-within/row:opacity-0"
|
|
14761
|
+
),
|
|
14762
|
+
children: [
|
|
14763
|
+
/* @__PURE__ */ jsx(ClockIcon, { "aria-hidden": "true", className: "ds:size-3" }),
|
|
14764
|
+
/* @__PURE__ */ jsx(Text, { size: "helper", color: "muted", numeric: true, asChild: true, children: /* @__PURE__ */ jsx("time", { ...slot(conversationRowAnatomy, "time"), dateTime, children: time }) })
|
|
14765
|
+
]
|
|
14766
|
+
}
|
|
14767
|
+
),
|
|
14768
|
+
status != null && /* @__PURE__ */ jsx("span", { ...slot(conversationRowAnatomy, "status"), className: "ds:flex", children: status })
|
|
14769
|
+
]
|
|
14770
|
+
}
|
|
14771
|
+
)
|
|
14772
|
+
] })
|
|
14773
|
+
}
|
|
14774
|
+
),
|
|
14775
|
+
actions != null && /* @__PURE__ */ jsx(
|
|
14776
|
+
"span",
|
|
14777
|
+
{
|
|
14778
|
+
...slot(conversationRowAnatomy, "actions"),
|
|
14779
|
+
className: "ds:absolute ds:top-2 ds:right-1.5 ds:flex ds:opacity-0 ds:transition-opacity ds:motion-reduce:transition-none ds:focus-within:opacity-100 ds:group-hover/row:opacity-100",
|
|
14780
|
+
children: actions
|
|
14781
|
+
}
|
|
14782
|
+
)
|
|
14783
|
+
]
|
|
14784
|
+
}
|
|
14785
|
+
);
|
|
14786
|
+
}
|
|
14787
|
+
);
|
|
14788
|
+
ConversationRow.displayName = "ConversationRow";
|
|
14789
|
+
var META_TEXT = "ds:text-fg-3 ds:inline-flex ds:min-w-0 ds:items-center ds:gap-1.5 ds:[&_svg]:size-3.5 ds:[&_svg]:shrink-0";
|
|
14790
|
+
var META_PRESSABLE = "ds:rounded-badge ds:transition-colors ds:motion-reduce:transition-none ds:hover:text-fg-2";
|
|
14791
|
+
var META_LINK = "ds:underline ds:decoration-fg-4 ds:underline-offset-2";
|
|
14792
|
+
function MetaContent({
|
|
14793
|
+
icon,
|
|
14794
|
+
label,
|
|
14795
|
+
interactive = false
|
|
14796
|
+
}) {
|
|
14797
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
14798
|
+
icon != null && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "ds:flex ds:shrink-0", children: icon }),
|
|
14799
|
+
/* @__PURE__ */ jsx(Text, { size: "helper", truncate: true, className: cn("ds:min-w-0", interactive && META_LINK), children: label })
|
|
14800
|
+
] });
|
|
14801
|
+
}
|
|
14802
|
+
function MetaItem({ item }) {
|
|
14803
|
+
if (item.detail != null) {
|
|
14804
|
+
return /* @__PURE__ */ jsxs(Popover, { children: [
|
|
14805
|
+
/* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Pressable, { className: cn(META_TEXT, META_PRESSABLE), children: /* @__PURE__ */ jsx(MetaContent, { icon: item.icon, label: item.label, interactive: true }) }) }),
|
|
14806
|
+
/* @__PURE__ */ jsx(PopoverContent, { align: "start", width: "lg", padding: "none", children: item.detail })
|
|
14807
|
+
] });
|
|
14808
|
+
}
|
|
14809
|
+
if (item.onSelect) {
|
|
14810
|
+
return /* @__PURE__ */ jsx(Pressable, { onClick: item.onSelect, className: cn(META_TEXT, META_PRESSABLE), children: /* @__PURE__ */ jsx(MetaContent, { icon: item.icon, label: item.label, interactive: true }) });
|
|
14811
|
+
}
|
|
14812
|
+
return /* @__PURE__ */ jsx("span", { className: META_TEXT, children: /* @__PURE__ */ jsx(MetaContent, { icon: item.icon, label: item.label }) });
|
|
14813
|
+
}
|
|
14814
|
+
var ConversationHeader = React30.forwardRef(
|
|
14815
|
+
function ConversationHeader2({
|
|
14816
|
+
title,
|
|
14817
|
+
headingLevel = 2,
|
|
14818
|
+
badge,
|
|
14819
|
+
avatar,
|
|
14820
|
+
meta,
|
|
14821
|
+
actions,
|
|
14822
|
+
secondaryActions,
|
|
14823
|
+
back,
|
|
14824
|
+
embedded = false,
|
|
14825
|
+
className,
|
|
14826
|
+
...props
|
|
14827
|
+
}, ref) {
|
|
14828
|
+
const hasAside = actions != null || secondaryActions != null;
|
|
14829
|
+
return /* @__PURE__ */ jsxs(
|
|
14830
|
+
"header",
|
|
14831
|
+
{
|
|
14832
|
+
ref,
|
|
14833
|
+
...slot(conversationHeaderAnatomy, "root"),
|
|
14834
|
+
"data-embedded": embedded ? "" : void 0,
|
|
14835
|
+
className: cn(
|
|
14836
|
+
"ds:flex ds:items-start ds:gap-3 ds:border-b ds:border-rule ds:bg-surface ds:px-4 ds:py-3",
|
|
14837
|
+
className
|
|
14838
|
+
),
|
|
14839
|
+
...props,
|
|
14840
|
+
children: [
|
|
14841
|
+
back && !embedded && /* @__PURE__ */ jsx("span", { ...slot(conversationHeaderAnatomy, "back"), className: "ds:flex ds:shrink-0", children: /* @__PURE__ */ jsx(
|
|
14842
|
+
IconButton,
|
|
14843
|
+
{
|
|
14844
|
+
label: back.label,
|
|
14845
|
+
variant: "ghost",
|
|
14846
|
+
intent: "neutral",
|
|
14847
|
+
size: "sm",
|
|
14848
|
+
icon: /* @__PURE__ */ jsx(ArrowLeftIcon, { "aria-hidden": "true" }),
|
|
14849
|
+
onClick: back.onBack
|
|
14850
|
+
}
|
|
14851
|
+
) }),
|
|
14852
|
+
avatar != null && !embedded && /* @__PURE__ */ jsx("span", { ...slot(conversationHeaderAnatomy, "avatar"), className: "ds:mt-0.5 ds:flex ds:shrink-0", children: avatar }),
|
|
14853
|
+
/* @__PURE__ */ jsxs("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-1", children: [
|
|
14854
|
+
/* @__PURE__ */ jsxs(
|
|
14855
|
+
"div",
|
|
14856
|
+
{
|
|
14857
|
+
className: cn(
|
|
14858
|
+
"ds:flex ds:min-w-0 ds:flex-wrap ds:items-center ds:gap-x-2 ds:gap-y-1",
|
|
14859
|
+
embedded && !badge && "ds:sr-only"
|
|
14860
|
+
),
|
|
14861
|
+
children: [
|
|
14862
|
+
/* @__PURE__ */ jsx(
|
|
14863
|
+
Heading,
|
|
14864
|
+
{
|
|
14865
|
+
...slot(conversationHeaderAnatomy, "title"),
|
|
14866
|
+
level: headingLevel,
|
|
14867
|
+
size: "title-section",
|
|
14868
|
+
className: cn("ds:min-w-0 ds:break-words", embedded && "ds:sr-only"),
|
|
14869
|
+
children: title
|
|
14870
|
+
}
|
|
14871
|
+
),
|
|
14872
|
+
badge != null && /* @__PURE__ */ jsx("span", { ...slot(conversationHeaderAnatomy, "badge"), className: "ds:flex ds:shrink-0", children: badge })
|
|
14873
|
+
]
|
|
14874
|
+
}
|
|
14875
|
+
),
|
|
14876
|
+
meta && meta.length > 0 && /* @__PURE__ */ jsx(
|
|
14877
|
+
"ul",
|
|
14878
|
+
{
|
|
14879
|
+
...slot(conversationHeaderAnatomy, "meta"),
|
|
14880
|
+
className: "ds:flex ds:min-w-0 ds:flex-wrap ds:items-center ds:gap-x-3 ds:gap-y-1",
|
|
14881
|
+
children: meta.map((item) => /* @__PURE__ */ jsx(
|
|
14882
|
+
"li",
|
|
14883
|
+
{
|
|
14884
|
+
...slot(conversationHeaderAnatomy, "meta-item"),
|
|
14885
|
+
className: "ds:flex ds:min-w-0 ds:items-center",
|
|
14886
|
+
children: /* @__PURE__ */ jsx(MetaItem, { item })
|
|
14887
|
+
},
|
|
14888
|
+
item.id
|
|
14889
|
+
))
|
|
14890
|
+
}
|
|
14891
|
+
)
|
|
14892
|
+
] }),
|
|
14893
|
+
hasAside && /* @__PURE__ */ jsxs(
|
|
14894
|
+
"div",
|
|
14895
|
+
{
|
|
14896
|
+
...slot(conversationHeaderAnatomy, "aside"),
|
|
14897
|
+
className: "ds:flex ds:shrink-0 ds:flex-col ds:items-end ds:gap-2",
|
|
14898
|
+
children: [
|
|
14899
|
+
actions != null && /* @__PURE__ */ jsx("div", { ...slot(conversationHeaderAnatomy, "actions"), className: "ds:flex ds:items-center ds:gap-1.5", children: actions }),
|
|
14900
|
+
secondaryActions != null && /* @__PURE__ */ jsx(
|
|
14901
|
+
"div",
|
|
14902
|
+
{
|
|
14903
|
+
...slot(conversationHeaderAnatomy, "secondary-actions"),
|
|
14904
|
+
className: "ds:flex ds:items-center ds:gap-1.5",
|
|
14905
|
+
children: secondaryActions
|
|
14906
|
+
}
|
|
14907
|
+
)
|
|
14908
|
+
]
|
|
14909
|
+
}
|
|
14910
|
+
)
|
|
14911
|
+
]
|
|
14912
|
+
}
|
|
14913
|
+
);
|
|
14914
|
+
}
|
|
14915
|
+
);
|
|
14916
|
+
ConversationHeader.displayName = "ConversationHeader";
|
|
14917
|
+
var ICON = "ds:flex ds:shrink-0 ds:[&_svg]:size-3.5";
|
|
14918
|
+
var PeopleList = React30.forwardRef(function PeopleList2({ title, titleIcon, description, sections, footer, footerIcon, className, ...props }, ref) {
|
|
14919
|
+
const baseId = React30.useId();
|
|
14920
|
+
return /* @__PURE__ */ jsxs(
|
|
14921
|
+
"div",
|
|
14922
|
+
{
|
|
14923
|
+
ref,
|
|
14924
|
+
...slot(peopleListAnatomy, "root"),
|
|
14925
|
+
className: cn("ds:flex ds:w-full ds:flex-col ds:text-left", className),
|
|
14926
|
+
...props,
|
|
14927
|
+
children: [
|
|
14928
|
+
(title != null || description != null) && /* @__PURE__ */ jsxs("div", { ...slot(peopleListAnatomy, "header"), className: "ds:flex ds:flex-col ds:gap-0.5 ds:px-4 ds:pt-3 ds:pb-2.5", children: [
|
|
14929
|
+
title != null && /* @__PURE__ */ jsxs("span", { ...slot(peopleListAnatomy, "title"), className: "ds:text-fg ds:flex ds:items-center ds:gap-2", children: [
|
|
14930
|
+
titleIcon != null && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: ICON, children: titleIcon }),
|
|
14931
|
+
/* @__PURE__ */ jsx(Text, { size: "body-sm", weight: "semibold", children: title })
|
|
14932
|
+
] }),
|
|
14933
|
+
description != null && /* @__PURE__ */ jsx(Text, { ...slot(peopleListAnatomy, "description"), size: "helper", color: "muted", children: description })
|
|
14934
|
+
] }),
|
|
14935
|
+
sections.map((section) => {
|
|
14936
|
+
const labelId = `${baseId}-${section.id}`;
|
|
14937
|
+
return /* @__PURE__ */ jsxs(
|
|
14938
|
+
"section",
|
|
14939
|
+
{
|
|
14940
|
+
...slot(peopleListAnatomy, "section"),
|
|
14941
|
+
"aria-labelledby": labelId,
|
|
14942
|
+
className: "ds:border-t ds:border-rule ds:px-4 ds:py-2",
|
|
14943
|
+
children: [
|
|
14944
|
+
/* @__PURE__ */ jsxs(
|
|
14945
|
+
"div",
|
|
14946
|
+
{
|
|
14947
|
+
...slot(peopleListAnatomy, "section-header"),
|
|
14948
|
+
className: "ds:text-fg-3 ds:flex ds:items-center ds:gap-2 ds:py-1",
|
|
14949
|
+
children: [
|
|
14950
|
+
section.icon != null && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: ICON, children: section.icon }),
|
|
14951
|
+
/* @__PURE__ */ jsx(Text, { id: labelId, size: "overline", color: "muted", truncate: true, className: "ds:min-w-0", children: section.label }),
|
|
14952
|
+
section.count != null && /* @__PURE__ */ jsx(Text, { size: "helper", color: "muted", numeric: true, className: "ds:ml-auto ds:shrink-0", children: section.count })
|
|
14953
|
+
]
|
|
14954
|
+
}
|
|
14955
|
+
),
|
|
14956
|
+
/* @__PURE__ */ jsx("ul", { className: "ds:flex ds:flex-col", children: section.people.map((person) => /* @__PURE__ */ jsxs(
|
|
14957
|
+
"li",
|
|
14958
|
+
{
|
|
14959
|
+
...slot(peopleListAnatomy, "person"),
|
|
14960
|
+
className: "ds:flex ds:items-center ds:gap-2.5 ds:py-1.5",
|
|
14961
|
+
children: [
|
|
14962
|
+
person.avatar != null && /* @__PURE__ */ jsx("span", { className: "ds:flex ds:shrink-0", children: person.avatar }),
|
|
14963
|
+
/* @__PURE__ */ jsxs("span", { className: "ds:flex ds:min-w-0 ds:flex-col", children: [
|
|
14964
|
+
/* @__PURE__ */ jsxs("span", { className: "ds:flex ds:min-w-0 ds:items-center ds:gap-1.5", children: [
|
|
14965
|
+
/* @__PURE__ */ jsx(Text, { size: "body-sm", weight: "medium", truncate: true, className: "ds:min-w-0", children: person.name }),
|
|
14966
|
+
person.tag
|
|
14967
|
+
] }),
|
|
14968
|
+
person.detail != null && /* @__PURE__ */ jsx(Text, { size: "helper", color: "muted", children: person.detail })
|
|
14969
|
+
] })
|
|
14970
|
+
]
|
|
14971
|
+
},
|
|
14972
|
+
person.id
|
|
14973
|
+
)) })
|
|
14974
|
+
]
|
|
14975
|
+
},
|
|
14976
|
+
section.id
|
|
14977
|
+
);
|
|
14978
|
+
}),
|
|
14979
|
+
footer != null && /* @__PURE__ */ jsxs(
|
|
14980
|
+
"div",
|
|
14981
|
+
{
|
|
14982
|
+
...slot(peopleListAnatomy, "footer"),
|
|
14983
|
+
className: "ds:text-fg-3 ds:flex ds:items-start ds:gap-2 ds:border-t ds:border-rule ds:bg-bg-2 ds:px-4 ds:py-2.5",
|
|
14984
|
+
children: [
|
|
14985
|
+
footerIcon != null && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: cn(ICON, "ds:mt-0.5"), children: footerIcon }),
|
|
14986
|
+
/* @__PURE__ */ jsx(Text, { size: "helper", color: "muted", children: footer })
|
|
14987
|
+
]
|
|
14988
|
+
}
|
|
14989
|
+
)
|
|
14990
|
+
]
|
|
14991
|
+
}
|
|
14992
|
+
);
|
|
14993
|
+
});
|
|
14994
|
+
PeopleList.displayName = "PeopleList";
|
|
14467
14995
|
var ROW_CLASSES = "ds:w-full ds:justify-start";
|
|
14468
14996
|
function PeoplePicker(props) {
|
|
14469
14997
|
const {
|
|
@@ -14585,6 +15113,6 @@ function useTableDensity(options) {
|
|
|
14585
15113
|
return { density, setDensity };
|
|
14586
15114
|
}
|
|
14587
15115
|
|
|
14588
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityEventItem, ActivityItem, ActivityList, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppHeader, AppHeaderActions, AppHeaderBreadcrumb, AppHeaderSearch, AppHeaderTitle, AppSidebar, AppSidebarNav, AreaChart, AspectRatio, AttachmentChip, AvatarGroup, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BulkActionBar, BulkActionBarAction, BulkActionBarMenu, BulkActionBarMenuItem, BulkActionBarMenuRadioGroup, BulkActionBarMenuSub, BulkActionBarMore, BulkActionBarPicker, BulkActionBarSeparator, COUNTRY_CODES, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Code, CommandPalette, ConfirmActionButton, ConfirmDialog, ConfirmHost, Content6 as Content, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CountryFlag2 as CountryFlag, CountrySelect, DATE_DISPLAY_PLACEHOLDER, DEFAULT_PHONE_FIELD_MESSAGES, DangerAction, DataItem, DataTablePattern, DatePicker, DateRangePicker, DesignSystemProvider, DetailGrid, DetailMain, DetailSpine, DetailSpineHeader, DetailSpineSection, DetailSpineStats, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DisplayMenu, DonutChart, EmptyState, ErrorState, Eyebrow, Field, FieldControl, FieldDescription, FieldError, Fieldset, FieldsetLegend, FileTypeBadge, FilterChip, FilterChips, FolderTree, FormError, FormSection, FormSuccess, Heading, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, ICON_TILE_TONE_TO_INTENT, IconAction, IconTile, InfoHint, Inline, Kanban, KanbanCard, KanbanColumn, Kbd, KbdHint, KeyboardShortcutsDialog, KpiCard, Label2 as Label, LinkAction, LinkButton, ListPage, ListPageResultCount, ListPageScroll, ListPageTable, ListPageToolbar, LoadingRows, Main, MasterDetailLayout, MessageBubble, MessageBubbleAction, MessageBubbleTombstone, MessageComposer, MetadataGrid, MultiFilterPill, MultiSelect, MultiSelectField, MutedSpec, NotificationFilter, NotificationItem, NotificationList, NotificationPanel, NotificationPanelFooter, NotificationPanelHeader, NumberInput, Numeric, OTPInput, PageHeader, PageHeaderSep, PageHeaderSpec, PdfPreview, PeoplePicker, PhoneCountryInput, PhoneField, PhoneInput, PrimaryAction, PriorityIcon, QuestionnairePanel, RadioGroup2 as RadioGroup, RadioGroupItem, RankedBars, ResponsiveDialog, RouteTransition, ScrollArea, ScrollBar, SearchInput, SearchSelect, SecondaryAction, SectionCard, SegmentedControl, SelectableKpiCard, Separator2 as Separator, Shell, SideDrawer, Slider, SpreadsheetPreview, Stack, StackedBarChart, StarRating, StatStrip, StatStripItem, StatusBadge, StatusIcon, Stepper, StickyActionBar, StickyStack, StickyStackLayer, StickyStackSectionHeader, StickyStackSticky, SubmitButton, SuiteProgress, Surface, TableDensityToggle, TableEmpty, TableError, TableLoading, Text, ToastProvider, Toolbar, YEAR_DISPLAY_PLACEHOLDER, alertVariants, applyMask, applyYearMask, attachmentChipVariants, cardVariants, dateToIso, defineStatusMap, detectDisplayMenuDatePreset, displayToIso, fileTypeBadgeVariants, fileTypeFromName, filterChipVariants, getFlagEmoji, resolveIconTileVariants as iconTileVariants, isDisplayMenuSectionActive, isoToDate, isoToDisplay, isoToYear, labelVariants, matchesDisplayMenuDate, matchesDisplayMenuNumber, matchesDisplayMenuOperator, matchesDisplayMenuTags, matchesDisplayMenuText, parseDisplayMenuNumber, parsePhoneForEditing, resolveDisplayMenuDatePreset, searchInputVariants, sharedBulkValue, starRatingVariants, suiteProgressFillVariants, summarizeDisplayMenuSection, useConfirm, useDisplayMenuFilterChips, usePrompt, useTableDensity, useToast, yearToIso };
|
|
15116
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityEventItem, ActivityItem, ActivityList, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppHeader, AppHeaderActions, AppHeaderBreadcrumb, AppHeaderSearch, AppHeaderTitle, AppSidebar, AppSidebarNav, AreaChart, AspectRatio, AttachmentChip, AvatarGroup, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BulkActionBar, BulkActionBarAction, BulkActionBarMenu, BulkActionBarMenuItem, BulkActionBarMenuRadioGroup, BulkActionBarMenuSub, BulkActionBarMore, BulkActionBarPicker, BulkActionBarSeparator, COUNTRY_CODES, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Code, CommandPalette, ConfirmActionButton, ConfirmDialog, ConfirmHost, Content6 as Content, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, ConversationHeader, ConversationRow, CopyButton, CountryFlag2 as CountryFlag, CountrySelect, DATE_DISPLAY_PLACEHOLDER, DEFAULT_PHONE_FIELD_MESSAGES, DangerAction, DataItem, DataTablePattern, DatePicker, DateRangePicker, DesignSystemProvider, DetailGrid, DetailMain, DetailSpine, DetailSpineHeader, DetailSpineSection, DetailSpineStats, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DisplayMenu, DonutChart, EmptyState, ErrorState, Eyebrow, Field, FieldControl, FieldDescription, FieldError, Fieldset, FieldsetLegend, FileTypeBadge, FilterChip, FilterChips, FolderTree, FormError, FormSection, FormSuccess, Heading, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, ICON_TILE_TONE_TO_INTENT, IconAction, IconTile, InfoHint, Inline, Kanban, KanbanCard, KanbanColumn, Kbd, KbdHint, KeyboardShortcutsDialog, KpiCard, Label2 as Label, LinkAction, LinkButton, ListPage, ListPageResultCount, ListPageScroll, ListPageTable, ListPageToolbar, LoadingRows, Main, MasterDetailLayout, MessageBubble, MessageBubbleAction, MessageBubbleTombstone, MessageComposer, MetadataGrid, MultiFilterPill, MultiSelect, MultiSelectField, MutedSpec, NotificationFilter, NotificationItem, NotificationList, NotificationPanel, NotificationPanelFooter, NotificationPanelHeader, NumberInput, Numeric, OTPInput, PageHeader, PageHeaderSep, PageHeaderSpec, PdfPreview, PeopleList, PeoplePicker, PhoneCountryInput, PhoneField, PhoneInput, PrimaryAction, PriorityIcon, QuestionnairePanel, RadioGroup2 as RadioGroup, RadioGroupItem, RankedBars, ResponsiveDialog, RouteTransition, ScrollArea, ScrollBar, SearchInput, SearchSelect, SecondaryAction, SectionCard, SegmentedControl, SelectableKpiCard, Separator2 as Separator, Shell, SideDrawer, Slider, SpreadsheetPreview, Stack, StackedBarChart, StarRating, StatStrip, StatStripItem, StatusBadge, StatusIcon, Stepper, StickyActionBar, StickyStack, StickyStackLayer, StickyStackSectionHeader, StickyStackSticky, SubmitButton, SuiteProgress, Surface, TableDensityToggle, TableEmpty, TableError, TableLoading, Text, ThreadDivider, ThreadEvent, ToastProvider, Toolbar, YEAR_DISPLAY_PLACEHOLDER, alertVariants, applyMask, applyYearMask, attachmentChipVariants, cardVariants, dateToIso, defineStatusMap, detectDisplayMenuDatePreset, displayToIso, fileTypeBadgeVariants, fileTypeFromName, filterChipVariants, getFlagEmoji, resolveIconTileVariants as iconTileVariants, isDisplayMenuSectionActive, isoToDate, isoToDisplay, isoToYear, labelVariants, matchesDisplayMenuDate, matchesDisplayMenuNumber, matchesDisplayMenuOperator, matchesDisplayMenuTags, matchesDisplayMenuText, parseDisplayMenuNumber, parsePhoneForEditing, resolveDisplayMenuDatePreset, searchInputVariants, sharedBulkValue, starRatingVariants, suiteProgressFillVariants, summarizeDisplayMenuSection, useConfirm, useDisplayMenuFilterChips, usePrompt, useTableDensity, useToast, yearToIso };
|
|
14589
15117
|
//# sourceMappingURL=index.js.map
|
|
14590
15118
|
//# sourceMappingURL=index.js.map
|