@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/index.js CHANGED
@@ -1,11 +1,11 @@
1
1
  "use client";
2
- import { Collapsible, CollapsibleTrigger, CollapsibleContent, PlainLink, Combobox, Sidebar, SidebarFooter, SidebarUser, Chip, useSidebarState, SidebarSection, SidebarLinkGroup, SidebarLink, SidebarLinkLabel, SidebarLinkBadge, CmdkCompatContext, Sheet, SheetContent, SheetTitle } from './chunk-FO2WSYUA.js';
3
- 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-FO2WSYUA.js';
4
- import { Skeleton, ToggleGroup, ToggleGroupItem, useOverflowTooltip, badgeVariants, DataTableBody, DataTableRow, DataTableCell, Badge, VisuallyHidden, ProgressBar, Pagination, TableBody, TableRow, TableCell, Table, TableHeader, TableHead } from './chunk-YRFLK7ER.js';
5
- 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-YRFLK7ER.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, 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-HV24JSRN.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-HV24JSRN.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, 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 MessageBubble = forwardRef(function MessageBubble2({ avatar, name, timestamp, actions, children, className, ...props }, ref) {
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