@assure-one/design-system 1.49.0 → 1.51.0

package/dist/index.js

@@ -1,11 +1,11 @@
 "use client";
-import { Skeleton, ToggleGroup, ToggleGroupItem, useOverflowTooltip, badgeVariants, DataTableBody, DataTableRow, DataTableCell, Badge, VisuallyHidden, ProgressBar, Pagination, TableBody, TableRow, TableCell, Table, TableHeader, TableHead } from './chunk-4OAER6Q6.js';
-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-4OAER6Q6.js';
-import { Collapsible, CollapsibleTrigger, CollapsibleContent, PlainLink, Combobox, Sidebar, SidebarFooter, SidebarUser, Chip, useSidebarState, SidebarSection, SidebarLinkGroup, SidebarLink, SidebarLinkLabel, SidebarLinkBadge, CmdkCompatContext, Sheet, SheetContent, SheetTitle } from './chunk-7VPEFOTS.js';
-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-7VPEFOTS.js';
-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-SFHFY72L.js';
-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-SFHFY72L.js';
-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';
+import { Skeleton, ToggleGroup, ToggleGroupItem, useOverflowTooltip, badgeVariants, DataTableBody, DataTableRow, DataTableCell, Badge, VisuallyHidden, ProgressBar, Pagination, TableBody, TableRow, TableCell, Table, TableHeader, TableHead } from './chunk-AVPJDQUY.js';
+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-AVPJDQUY.js';
+import { Collapsible, CollapsibleTrigger, CollapsibleContent, PlainLink, Combobox, Sidebar, SidebarFooter, SidebarUser, Chip, useSidebarState, SidebarSection, SidebarLinkGroup, SidebarLink, SidebarLinkLabel, SidebarLinkBadge, CmdkCompatContext, Sheet, SheetContent, SheetTitle } from './chunk-KITVNCIJ.js';
+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-KITVNCIJ.js';
+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-TL4NK3KN.js';
+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-TL4NK3KN.js';
+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';
 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';
 export { systemTokens } from './chunk-CPOGSNXS.js';
 import './chunk-EUHGZA6Q.js';
@@ -8607,89 +8607,201 @@ QuestionnairePanel.displayName = "QuestionnairePanel";
 var ROW_BASE = "ds:group/row ds:flex ds:w-full ds:items-center ds:gap-1.5 ds:rounded-lg ds:px-2.5 ds:py-1 ds:text-left ds:text-[12px] ds:font-medium ds:transition-colors ds:duration-[var(--motion-duration-feedback)] ds:motion-reduce:transition-none";
 var ROW_INACTIVE = "ds:text-fg-2 ds:hover:bg-surface-2 ds:hover:text-fg";
 var ROW_ACTIVE = "ds:bg-brand-bg ds:text-brand ds:font-semibold";
+var ROW_FOCUS = "ds:[li:focus-visible>&]:[box-shadow:var(--shadow-focus-ring)]";
 var BADGE_BASE = "ds:ml-auto ds:min-w-[18px] ds:rounded-full ds:px-[5px] ds:py-px ds:text-center ds:text-[10px] ds:font-[650] ds:tabular-nums";
 var BADGE_INACTIVE = "ds:bg-surface-2 ds:text-fg-4";
 var BADGE_ACTIVE = "ds:bg-brand-bg ds:text-brand";
-var FolderTree = forwardRef(function FolderTree2({ nodes, activeId, onSelect, defaultOpenIds, openIds, onOpenChange, className, ...props }, ref) {
+var FolderTree = forwardRef(function FolderTree2({
+  nodes,
+  activeId,
+  onSelect,
+  defaultOpenIds,
+  openIds,
+  onOpenChange,
+  className,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  ...props
+}, ref) {
   const messages = useDsMessages("folderTree");
   const isControlled = openIds !== void 0;
   const [internalOpen, setInternalOpen] = useState(() => new Set(defaultOpenIds ?? []));
   const open = isControlled ? new Set(openIds) : internalOpen;
+  const [focusedId, setFocusedId] = useState();
+  const items = useRef(/* @__PURE__ */ new Map());
+  const idBase = useId();
+  const visible = [];
+  const collect = (list, parentId) => {
+    for (const node of list) {
+      const hasChildren = Boolean(node.children?.length);
+      visible.push({ id: node.id, name: node.name, parentId, hasChildren });
+      if (hasChildren && open.has(node.id)) collect(node.children, node.id);
+    }
+  };
+  collect(nodes, void 0);
+  const isVisible = (id) => id !== void 0 && visible.some((n) => n.id === id);
+  const tabbableId = isVisible(focusedId) ? focusedId : isVisible(activeId) ? activeId : visible[0]?.id;
+  const focusItem = (id) => {
+    if (id === void 0) return;
+    setFocusedId(id);
+    items.current.get(id)?.focus();
+  };
+  const setOpen = (id, next) => {
+    if (open.has(id) === next) return;
+    const nextOpen = new Set(open);
+    if (next) nextOpen.add(id);
+    else nextOpen.delete(id);
+    if (!isControlled) setInternalOpen(nextOpen);
+    onOpenChange?.([...nextOpen]);
+  };
   const toggle = (id) => {
-    const next = new Set(open);
-    if (next.has(id)) next.delete(id);
-    else next.add(id);
-    if (isControlled) onOpenChange?.([...next]);
-    else {
-      setInternalOpen(next);
-      onOpenChange?.([...next]);
+    const closing = open.has(id);
+    setOpen(id, !closing);
+    if (closing && focusedId !== void 0 && focusedId !== id) {
+      let cursor = visible.find((n) => n.id === focusedId)?.parentId;
+      while (cursor !== void 0 && cursor !== id) cursor = visible.find((n) => n.id === cursor)?.parentId;
+      if (cursor === id) focusItem(id);
+    }
+  };
+  const onKeyDown = (event) => {
+    const index = visible.findIndex((n) => n.id === tabbableId);
+    const current = visible[index];
+    if (!current || event.altKey || event.ctrlKey || event.metaKey) return;
+    let handled = true;
+    switch (event.key) {
+      case "ArrowDown":
+        focusItem(visible[index + 1]?.id);
+        break;
+      case "ArrowUp":
+        focusItem(visible[index - 1]?.id);
+        break;
+      case "Home":
+        focusItem(visible[0]?.id);
+        break;
+      case "End":
+        focusItem(visible[visible.length - 1]?.id);
+        break;
+      case "ArrowRight":
+        if (current.hasChildren && !open.has(current.id)) setOpen(current.id, true);
+        else if (current.hasChildren) focusItem(visible[index + 1]?.id);
+        break;
+      case "ArrowLeft":
+        if (current.hasChildren && open.has(current.id)) setOpen(current.id, false);
+        else focusItem(current.parentId);
+        break;
+      case "Enter":
+      case " ":
+        onSelect?.(current.id);
+        break;
+      default: {
+        handled = false;
+        if (event.key.length !== 1 || !/\S/.test(event.key)) break;
+        const key = event.key.toLocaleLowerCase();
+        for (let step = 1; step <= visible.length; step++) {
+          const candidate = visible[(index + step) % visible.length];
+          if (candidate.name.toLocaleLowerCase().startsWith(key)) {
+            focusItem(candidate.id);
+            handled = true;
+            break;
+          }
+        }
+      }
     }
+    if (handled) event.preventDefault();
   };
-  const renderNode = (node, depth) => {
+  const renderNode = (node, depth, position, setSize) => {
     const hasChildren = Boolean(node.children?.length);
     const isOpen = open.has(node.id);
     const isActive = activeId === node.id;
-    return /* @__PURE__ */ jsxs("li", { className: "ds:relative", children: [
-      depth > 0 && /* @__PURE__ */ jsx(
-        "span",
-        {
-          "aria-hidden": true,
-          className: "ds:pointer-events-none ds:absolute ds:left-[-11px] ds:top-0 ds:bottom-0 ds:w-px ds:bg-[color:var(--color-rule-strong)]"
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { className: cn(ROW_BASE, isActive ? ROW_ACTIVE : ROW_INACTIVE), children: [
-        hasChildren ? /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            "aria-expanded": isOpen,
-            "aria-label": isOpen ? messages.collapse(node.name) : messages.expand(node.name),
-            onClick: (e) => {
-              e.stopPropagation();
-              toggle(node.id);
-            },
-            className: cn(
-              "ds:shrink-0 ds:rounded-icon ds:text-fg-4 ds:hover:text-fg-2",
-              "ds:transition-[color,transform] ds:duration-[var(--motion-duration-feedback)] ds:ease-[var(--motion-ease-enter)] ds:motion-reduce:transition-none",
-              "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]",
-              isOpen && "ds:rotate-90"
-            ),
-            children: /* @__PURE__ */ jsx(ChevronRightIcon, { size: 13, "aria-hidden": "true" })
-          }
-        ) : /* @__PURE__ */ jsx("span", { className: "ds:w-[13px] ds:shrink-0", "aria-hidden": true }),
-        /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            onClick: () => onSelect?.(node.id),
-            "aria-current": isActive ? "true" : void 0,
-            className: "ds:flex ds:min-w-0 ds:flex-1 ds:items-center ds:gap-1.5 ds:text-left ds:text-[12px] ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]",
-            children: [
-              isOpen && hasChildren ? /* @__PURE__ */ jsx(
-                FolderOpenIcon,
-                {
-                  size: 14,
-                  "aria-hidden": "true",
-                  className: cn("ds:shrink-0", isActive ? "ds:text-brand" : "ds:text-fg-3")
-                }
-              ) : /* @__PURE__ */ jsx(
-                FolderClosedIcon,
-                {
-                  size: 14,
-                  "aria-hidden": "true",
-                  className: cn("ds:shrink-0", isActive ? "ds:text-brand" : "ds:text-fg-3")
-                }
-              ),
-              /* @__PURE__ */ jsx("span", { className: "ds:min-w-0 ds:flex-1 ds:truncate", children: node.name })
-            ]
-          }
-        ),
-        node.count != null && /* @__PURE__ */ jsx("span", { className: cn(BADGE_BASE, isActive ? BADGE_ACTIVE : BADGE_INACTIVE), children: node.count })
-      ] }),
-      hasChildren && isOpen && /* @__PURE__ */ jsx("ul", { className: "ds:relative ds:flex ds:flex-col ds:pl-[22px]", children: node.children.map((child) => renderNode(child, depth + 1)) })
-    ] }, node.id);
+    const labelId = `${idBase}-${node.id}`;
+    return /* @__PURE__ */ jsxs(
+      "li",
+      {
+        ref: (el) => {
+          if (el) items.current.set(node.id, el);
+          else items.current.delete(node.id);
+        },
+        role: "treeitem",
+        "aria-labelledby": labelId,
+        "aria-level": depth + 1,
+        "aria-posinset": position,
+        "aria-setsize": setSize,
+        "aria-expanded": hasChildren ? isOpen : void 0,
+        "aria-selected": isActive,
+        tabIndex: node.id === tabbableId ? 0 : -1,
+        onFocus: (event) => {
+          if (event.target === event.currentTarget) setFocusedId(node.id);
+        },
+        className: "ds:relative ds:outline-none",
+        children: [
+          depth > 0 && /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": true,
+              className: "ds:pointer-events-none ds:absolute ds:left-[-11px] ds:top-0 ds:bottom-0 ds:w-px ds:bg-[color:var(--color-rule-strong)]"
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              onClick: () => onSelect?.(node.id),
+              className: cn(ROW_BASE, ROW_FOCUS, "ds:cursor-pointer", isActive ? ROW_ACTIVE : ROW_INACTIVE),
+              children: [
+                hasChildren ? /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "aria-hidden": true,
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      toggle(node.id);
+                    },
+                    className: cn(
+                      "ds:shrink-0 ds:rounded-icon ds:text-fg-4 ds:hover:text-fg-2",
+                      "ds:transition-[color,transform] ds:duration-[var(--motion-duration-feedback)] ds:ease-[var(--motion-ease-enter)] ds:motion-reduce:transition-none",
+                      isOpen && "ds:rotate-90"
+                    ),
+                    children: /* @__PURE__ */ jsx(ChevronRightIcon, { size: 13, "aria-hidden": "true" })
+                  }
+                ) : /* @__PURE__ */ jsx("span", { className: "ds:w-[13px] ds:shrink-0", "aria-hidden": true }),
+                /* @__PURE__ */ jsxs("span", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:items-center ds:gap-1.5 ds:text-left ds:text-[12px]", children: [
+                  isOpen && hasChildren ? /* @__PURE__ */ jsx(
+                    FolderOpenIcon,
+                    {
+                      size: 14,
+                      "aria-hidden": "true",
+                      className: cn("ds:shrink-0", isActive ? "ds:text-brand" : "ds:text-fg-3")
+                    }
+                  ) : /* @__PURE__ */ jsx(
+                    FolderClosedIcon,
+                    {
+                      size: 14,
+                      "aria-hidden": "true",
+                      className: cn("ds:shrink-0", isActive ? "ds:text-brand" : "ds:text-fg-3")
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { id: labelId, className: "ds:min-w-0 ds:flex-1 ds:truncate", children: node.name })
+                ] }),
+                node.count != null && /* @__PURE__ */ jsx("span", { className: cn(BADGE_BASE, isActive ? BADGE_ACTIVE : BADGE_INACTIVE), children: node.count })
+              ]
+            }
+          ),
+          hasChildren && isOpen && /* @__PURE__ */ jsx("ul", { role: "group", className: "ds:relative ds:flex ds:flex-col ds:pl-[22px]", children: node.children.map((child, i, list) => renderNode(child, depth + 1, i + 1, list.length)) })
+        ]
+      },
+      node.id
+    );
   };
-  return /* @__PURE__ */ jsx("div", { ref, className: cn("ds:w-full", className), ...props, children: /* @__PURE__ */ jsx("ul", { className: "ds:flex ds:flex-col", children: nodes.map((node) => renderNode(node, 0)) }) });
+  return /* @__PURE__ */ jsx("div", { ref, className: cn("ds:w-full", className), ...props, children: /* @__PURE__ */ jsx(
+    "ul",
+    {
+      role: "tree",
+      "aria-label": ariaLabelledBy ? ariaLabel : ariaLabel ?? messages.label,
+      "aria-labelledby": ariaLabelledBy,
+      onKeyDown,
+      className: "ds:flex ds:flex-col",
+      children: nodes.map((node, i, list) => renderNode(node, 0, i + 1, list.length))
+    }
+  ) });
 });
 FolderTree.displayName = "FolderTree";
 function SegmentedControl({
@@ -9713,7 +9825,113 @@ var KanbanCard = forwardRef(function KanbanCard2({ className, label, title, clie
   ] }) : children });
 });
 KanbanCard.displayName = "KanbanCard";
-var MessageBubble = forwardRef(function MessageBubble2({ avatar, name, timestamp, actions, children, className, ...props }, ref) {
+var CHAT_BUBBLE = {
+  default: {
+    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",
+    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"
+  },
+  note: {
+    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",
+    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"
+  }
+};
+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";
+var MessageBubble = forwardRef(function MessageBubble2({
+  avatar,
+  name,
+  timestamp,
+  actions,
+  children,
+  className,
+  direction,
+  tone = "default",
+  groupStart = true,
+  groupEnd = true,
+  meta,
+  footer,
+  ...props
+}, ref) {
+  if (direction) {
+    const outbound = direction === "outbound";
+    const showHeader = groupStart && (name != null || timestamp != null);
+    return /* @__PURE__ */ jsxs(
+      "li",
+      {
+        ref,
+        ...slot(messageBubbleAnatomy, "root"),
+        "data-direction": direction,
+        "data-tone": tone,
+        "data-group-start": groupStart ? "" : void 0,
+        "data-group-end": groupEnd ? "" : void 0,
+        className: cn(
+          "ds:group/bubble ds:flex ds:items-start ds:gap-2.5",
+          outbound && "ds:flex-row-reverse",
+          groupStart ? "ds:pt-3" : "ds:pt-1",
+          className
+        ),
+        ...props,
+        children: [
+          avatar && (groupStart ? /* @__PURE__ */ jsx("span", { ...slot(messageBubbleAnatomy, "avatar"), className: "ds:mt-0.5 ds:flex ds:shrink-0", children: avatar }) : (
+            // Holds the avatar's width so a run's bubbles stay aligned.
+            /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "ds:invisible ds:flex ds:shrink-0", children: avatar })
+          )),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "ds:flex ds:min-w-0 ds:max-w-[min(36rem,85%)] ds:flex-col ds:gap-1",
+                outbound ? "ds:items-end" : "ds:items-start"
+              ),
+              children: [
+                showHeader && /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    ...slot(messageBubbleAnatomy, "header"),
+                    className: "ds:flex ds:max-w-full ds:items-baseline ds:gap-2 ds:px-0.5",
+                    children: [
+                      name != null && /* @__PURE__ */ jsx("span", { ...slot(messageBubbleAnatomy, "name"), className: "ds:text-fg-2 ds:truncate ds:text-xs ds:font-semibold", children: name }),
+                      timestamp != null && /* @__PURE__ */ jsx("span", { ...slot(messageBubbleAnatomy, "time"), className: "ds:text-fg-4 ds:text-xs ds:tabular-nums", children: timestamp })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { className: cn("ds:flex ds:max-w-full ds:items-center ds:gap-1.5", outbound && "ds:flex-row-reverse"), children: [
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      ...slot(messageBubbleAnatomy, "bubble"),
+                      className: cn(
+                        "ds:min-w-0",
+                        CHAT_BUBBLE[tone][direction],
+                        groupStart && (outbound ? "ds:rounded-tr-badge" : "ds:rounded-tl-badge")
+                      ),
+                      children
+                    }
+                  ),
+                  actions && /* @__PURE__ */ jsx("div", { ...slot(messageBubbleAnatomy, "actions"), className: cn("ds:flex ds:shrink-0 ds:items-center", ACTIONS_REVEAL), children: actions })
+                ] }),
+                footer != null && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    ...slot(messageBubbleAnatomy, "footer"),
+                    className: cn("ds:flex ds:max-w-full ds:flex-col ds:gap-1", outbound ? "ds:items-end" : "ds:items-start"),
+                    children: footer
+                  }
+                ),
+                groupEnd && meta != null && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    ...slot(messageBubbleAnatomy, "meta"),
+                    className: "ds:text-fg-3 ds:flex ds:items-center ds:gap-1 ds:px-0.5 ds:text-xs ds:tabular-nums",
+                    children: meta
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs("li", { ref, className: cn("ds:group/bubble ds:flex ds:gap-2.5", className), ...props, children: [
     avatar,
     /* @__PURE__ */ jsxs("div", { className: "ds:min-w-0 ds:flex-1", children: [
@@ -14464,6 +14682,428 @@ function InfoHint({
     }
   );
 }
+var ICON_INK = {
+  neutral: "ds:text-fg-3",
+  brand: "ds:text-brand",
+  success: "ds:text-success-fg",
+  danger: "ds:text-danger-fg"
+};
+var ThreadEvent = React30.forwardRef(function ThreadEvent2({ children, icon, intent = "neutral", time, dateTime, as = "div", className, ...props }, ref) {
+  const Root9 = as;
+  return /* @__PURE__ */ jsxs(
+    Root9,
+    {
+      ref,
+      ...slot(threadEventAnatomy, "root"),
+      "data-intent": intent,
+      className: cn(
+        "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",
+        className
+      ),
+      ...props,
+      children: [
+        icon && /* @__PURE__ */ jsx(
+          "span",
+          {
+            ...slot(threadEventAnatomy, "icon"),
+            "aria-hidden": "true",
+            className: cn("ds:inline-flex ds:shrink-0 ds:[&_svg]:size-3.5", ICON_INK[intent]),
+            children: icon
+          }
+        ),
+        /* @__PURE__ */ jsx(Text, { size: "helper", color: "muted", ...slot(threadEventAnatomy, "label"), children }),
+        time && /* @__PURE__ */ jsx(Text, { size: "helper", color: "subtle", numeric: true, asChild: true, children: /* @__PURE__ */ jsx("time", { ...slot(threadEventAnatomy, "time"), dateTime, children: time }) })
+      ]
+    }
+  );
+});
+ThreadEvent.displayName = "ThreadEvent";
+var ThreadDivider = React30.forwardRef(
+  function ThreadDivider2({ label, dateTime, action, as = "div", className, ...props }, ref) {
+    const Root9 = as;
+    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 }) });
+    return /* @__PURE__ */ jsxs(
+      Root9,
+      {
+        ref,
+        ...slot(threadDividerAnatomy, "root"),
+        className: cn("ds:flex ds:items-center ds:gap-3 ds:py-2", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(Separator2, { ...slot(threadDividerAnatomy, "rule"), className: "ds:flex-1" }),
+          /* @__PURE__ */ jsx("span", { ...slot(threadDividerAnatomy, "label"), className: "ds:inline-flex ds:shrink-0", children: action ? action(text) : text }),
+          /* @__PURE__ */ jsx(Separator2, { ...slot(threadDividerAnatomy, "rule"), className: "ds:flex-1" })
+        ]
+      }
+    );
+  }
+);
+ThreadDivider.displayName = "ThreadDivider";
+var ConversationRow = React30.forwardRef(
+  function ConversationRow2({
+    title,
+    marker,
+    leading,
+    meta,
+    metaIcon,
+    preview,
+    time,
+    dateTime,
+    status,
+    unread = false,
+    unreadLabel,
+    selected = false,
+    selection,
+    actions,
+    onSelect,
+    pressed,
+    as = "div",
+    className,
+    ...props
+  }, ref) {
+    const Root9 = as;
+    const hasAside = time != null || status != null;
+    return /* @__PURE__ */ jsxs(
+      Root9,
+      {
+        ref,
+        ...slot(conversationRowAnatomy, "root"),
+        "data-selected": selected ? "" : void 0,
+        "data-unread": unread ? "" : void 0,
+        className: cn(
+          "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",
+          selected ? "ds:bg-bg-2" : "ds:hover:bg-surface-hover",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              ...slot(conversationRowAnatomy, "indicator"),
+              "aria-hidden": "true",
+              className: cn(
+                "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",
+                selected ? "ds:scale-y-100" : "ds:scale-y-0"
+              )
+            }
+          ),
+          selection != null && /* @__PURE__ */ jsx(
+            "span",
+            {
+              ...slot(conversationRowAnatomy, "selection"),
+              className: "ds:absolute ds:top-1/2 ds:left-3 ds:flex ds:-translate-y-1/2",
+              children: selection
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Pressable,
+            {
+              ...slot(conversationRowAnatomy, "open"),
+              onClick: onSelect,
+              pressed,
+              "aria-current": selected && pressed === void 0 ? "true" : void 0,
+              className: cn(
+                "ds:block ds:w-full ds:py-2.5 ds:pr-3 ds:text-left",
+                selection != null ? "ds:pl-10" : "ds:pl-3"
+              ),
+              children: /* @__PURE__ */ jsxs("span", { className: "ds:flex ds:items-start ds:gap-3", children: [
+                leading != null && /* @__PURE__ */ jsx("span", { ...slot(conversationRowAnatomy, "leading"), className: "ds:mt-0.5 ds:flex ds:shrink-0", children: leading }),
+                /* @__PURE__ */ jsxs("span", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-0.5", children: [
+                  /* @__PURE__ */ jsxs("span", { className: "ds:flex ds:min-w-0 ds:items-center ds:gap-1.5", children: [
+                    unread && /* @__PURE__ */ jsxs("span", { ...slot(conversationRowAnatomy, "unread"), className: "ds:flex ds:shrink-0", children: [
+                      /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "ds:bg-brand ds:size-2 ds:rounded-full" }),
+                      unreadLabel && /* @__PURE__ */ jsx("span", { className: "ds:sr-only", children: unreadLabel })
+                    ] }),
+                    marker != null && /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        ...slot(conversationRowAnatomy, "marker"),
+                        className: "ds:flex ds:shrink-0 ds:[&_svg]:size-3.5",
+                        children: marker
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Text,
+                      {
+                        ...slot(conversationRowAnatomy, "title"),
+                        size: "body-sm",
+                        weight: "semibold",
+                        truncate: true,
+                        className: "ds:min-w-0",
+                        children: title
+                      }
+                    )
+                  ] }),
+                  meta != null && /* @__PURE__ */ jsxs(
+                    "span",
+                    {
+                      ...slot(conversationRowAnatomy, "meta"),
+                      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",
+                      children: [
+                        metaIcon != null && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "ds:flex ds:shrink-0", children: metaIcon }),
+                        /* @__PURE__ */ jsx(Text, { size: "helper", color: "muted", truncate: true, className: "ds:min-w-0", children: meta })
+                      ]
+                    }
+                  ),
+                  preview != null && /* @__PURE__ */ jsx(
+                    Text,
+                    {
+                      ...slot(conversationRowAnatomy, "preview"),
+                      size: "helper",
+                      color: "muted",
+                      truncate: true,
+                      className: "ds:min-w-0",
+                      children: preview
+                    }
+                  )
+                ] }),
+                hasAside && /* @__PURE__ */ jsxs(
+                  "span",
+                  {
+                    ...slot(conversationRowAnatomy, "aside"),
+                    className: "ds:flex ds:shrink-0 ds:flex-col ds:items-end ds:gap-2",
+                    children: [
+                      time != null && /* @__PURE__ */ jsxs(
+                        "span",
+                        {
+                          className: cn(
+                            "ds:text-fg-3 ds:flex ds:items-center ds:gap-1",
+                            actions != null && "ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover/row:opacity-0 ds:group-focus-within/row:opacity-0"
+                          ),
+                          children: [
+                            /* @__PURE__ */ jsx(ClockIcon, { "aria-hidden": "true", className: "ds:size-3" }),
+                            /* @__PURE__ */ jsx(Text, { size: "helper", color: "muted", numeric: true, asChild: true, children: /* @__PURE__ */ jsx("time", { ...slot(conversationRowAnatomy, "time"), dateTime, children: time }) })
+                          ]
+                        }
+                      ),
+                      status != null && /* @__PURE__ */ jsx("span", { ...slot(conversationRowAnatomy, "status"), className: "ds:flex", children: status })
+                    ]
+                  }
+                )
+              ] })
+            }
+          ),
+          actions != null && /* @__PURE__ */ jsx(
+            "span",
+            {
+              ...slot(conversationRowAnatomy, "actions"),
+              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",
+              children: actions
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ConversationRow.displayName = "ConversationRow";
+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";
+var META_PRESSABLE = "ds:rounded-badge ds:transition-colors ds:motion-reduce:transition-none ds:hover:text-fg-2";
+var META_LINK = "ds:underline ds:decoration-fg-4 ds:underline-offset-2";
+function MetaContent({
+  icon,
+  label,
+  interactive = false
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    icon != null && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "ds:flex ds:shrink-0", children: icon }),
+    /* @__PURE__ */ jsx(Text, { size: "helper", truncate: true, className: cn("ds:min-w-0", interactive && META_LINK), children: label })
+  ] });
+}
+function MetaItem({ item }) {
+  if (item.detail != null) {
+    return /* @__PURE__ */ jsxs(Popover, { children: [
+      /* @__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 }) }) }),
+      /* @__PURE__ */ jsx(PopoverContent, { align: "start", width: "lg", padding: "none", children: item.detail })
+    ] });
+  }
+  if (item.onSelect) {
+    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 }) });
+  }
+  return /* @__PURE__ */ jsx("span", { className: META_TEXT, children: /* @__PURE__ */ jsx(MetaContent, { icon: item.icon, label: item.label }) });
+}
+var ConversationHeader = React30.forwardRef(
+  function ConversationHeader2({
+    title,
+    headingLevel = 2,
+    badge,
+    avatar,
+    meta,
+    actions,
+    secondaryActions,
+    back,
+    embedded = false,
+    className,
+    ...props
+  }, ref) {
+    const hasAside = actions != null || secondaryActions != null;
+    return /* @__PURE__ */ jsxs(
+      "header",
+      {
+        ref,
+        ...slot(conversationHeaderAnatomy, "root"),
+        "data-embedded": embedded ? "" : void 0,
+        className: cn(
+          "ds:flex ds:items-start ds:gap-3 ds:border-b ds:border-rule ds:bg-surface ds:px-4 ds:py-3",
+          className
+        ),
+        ...props,
+        children: [
+          back && !embedded && /* @__PURE__ */ jsx("span", { ...slot(conversationHeaderAnatomy, "back"), className: "ds:flex ds:shrink-0", children: /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              label: back.label,
+              variant: "ghost",
+              intent: "neutral",
+              size: "sm",
+              icon: /* @__PURE__ */ jsx(ArrowLeftIcon, { "aria-hidden": "true" }),
+              onClick: back.onBack
+            }
+          ) }),
+          avatar != null && !embedded && /* @__PURE__ */ jsx("span", { ...slot(conversationHeaderAnatomy, "avatar"), className: "ds:mt-0.5 ds:flex ds:shrink-0", children: avatar }),
+          /* @__PURE__ */ jsxs("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-1", children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: cn(
+                  "ds:flex ds:min-w-0 ds:flex-wrap ds:items-center ds:gap-x-2 ds:gap-y-1",
+                  embedded && !badge && "ds:sr-only"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Heading,
+                    {
+                      ...slot(conversationHeaderAnatomy, "title"),
+                      level: headingLevel,
+                      size: "title-section",
+                      className: cn("ds:min-w-0 ds:break-words", embedded && "ds:sr-only"),
+                      children: title
+                    }
+                  ),
+                  badge != null && /* @__PURE__ */ jsx("span", { ...slot(conversationHeaderAnatomy, "badge"), className: "ds:flex ds:shrink-0", children: badge })
+                ]
+              }
+            ),
+            meta && meta.length > 0 && /* @__PURE__ */ jsx(
+              "ul",
+              {
+                ...slot(conversationHeaderAnatomy, "meta"),
+                className: "ds:flex ds:min-w-0 ds:flex-wrap ds:items-center ds:gap-x-3 ds:gap-y-1",
+                children: meta.map((item) => /* @__PURE__ */ jsx(
+                  "li",
+                  {
+                    ...slot(conversationHeaderAnatomy, "meta-item"),
+                    className: "ds:flex ds:min-w-0 ds:items-center",
+                    children: /* @__PURE__ */ jsx(MetaItem, { item })
+                  },
+                  item.id
+                ))
+              }
+            )
+          ] }),
+          hasAside && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              ...slot(conversationHeaderAnatomy, "aside"),
+              className: "ds:flex ds:shrink-0 ds:flex-col ds:items-end ds:gap-2",
+              children: [
+                actions != null && /* @__PURE__ */ jsx("div", { ...slot(conversationHeaderAnatomy, "actions"), className: "ds:flex ds:items-center ds:gap-1.5", children: actions }),
+                secondaryActions != null && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    ...slot(conversationHeaderAnatomy, "secondary-actions"),
+                    className: "ds:flex ds:items-center ds:gap-1.5",
+                    children: secondaryActions
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ConversationHeader.displayName = "ConversationHeader";
+var ICON = "ds:flex ds:shrink-0 ds:[&_svg]:size-3.5";
+var PeopleList = React30.forwardRef(function PeopleList2({ title, titleIcon, description, sections, footer, footerIcon, className, ...props }, ref) {
+  const baseId = React30.useId();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      ...slot(peopleListAnatomy, "root"),
+      className: cn("ds:flex ds:w-full ds:flex-col ds:text-left", className),
+      ...props,
+      children: [
+        (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: [
+          title != null && /* @__PURE__ */ jsxs("span", { ...slot(peopleListAnatomy, "title"), className: "ds:text-fg ds:flex ds:items-center ds:gap-2", children: [
+            titleIcon != null && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: ICON, children: titleIcon }),
+            /* @__PURE__ */ jsx(Text, { size: "body-sm", weight: "semibold", children: title })
+          ] }),
+          description != null && /* @__PURE__ */ jsx(Text, { ...slot(peopleListAnatomy, "description"), size: "helper", color: "muted", children: description })
+        ] }),
+        sections.map((section) => {
+          const labelId = `${baseId}-${section.id}`;
+          return /* @__PURE__ */ jsxs(
+            "section",
+            {
+              ...slot(peopleListAnatomy, "section"),
+              "aria-labelledby": labelId,
+              className: "ds:border-t ds:border-rule ds:px-4 ds:py-2",
+              children: [
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    ...slot(peopleListAnatomy, "section-header"),
+                    className: "ds:text-fg-3 ds:flex ds:items-center ds:gap-2 ds:py-1",
+                    children: [
+                      section.icon != null && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: ICON, children: section.icon }),
+                      /* @__PURE__ */ jsx(Text, { id: labelId, size: "overline", color: "muted", truncate: true, className: "ds:min-w-0", children: section.label }),
+                      section.count != null && /* @__PURE__ */ jsx(Text, { size: "helper", color: "muted", numeric: true, className: "ds:ml-auto ds:shrink-0", children: section.count })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx("ul", { className: "ds:flex ds:flex-col", children: section.people.map((person) => /* @__PURE__ */ jsxs(
+                  "li",
+                  {
+                    ...slot(peopleListAnatomy, "person"),
+                    className: "ds:flex ds:items-center ds:gap-2.5 ds:py-1.5",
+                    children: [
+                      person.avatar != null && /* @__PURE__ */ jsx("span", { className: "ds:flex ds:shrink-0", children: person.avatar }),
+                      /* @__PURE__ */ jsxs("span", { className: "ds:flex ds:min-w-0 ds:flex-col", children: [
+                        /* @__PURE__ */ jsxs("span", { className: "ds:flex ds:min-w-0 ds:items-center ds:gap-1.5", children: [
+                          /* @__PURE__ */ jsx(Text, { size: "body-sm", weight: "medium", truncate: true, className: "ds:min-w-0", children: person.name }),
+                          person.tag
+                        ] }),
+                        person.detail != null && /* @__PURE__ */ jsx(Text, { size: "helper", color: "muted", children: person.detail })
+                      ] })
+                    ]
+                  },
+                  person.id
+                )) })
+              ]
+            },
+            section.id
+          );
+        }),
+        footer != null && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ...slot(peopleListAnatomy, "footer"),
+            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",
+            children: [
+              footerIcon != null && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: cn(ICON, "ds:mt-0.5"), children: footerIcon }),
+              /* @__PURE__ */ jsx(Text, { size: "helper", color: "muted", children: footer })
+            ]
+          }
+        )
+      ]
+    }
+  );
+});
+PeopleList.displayName = "PeopleList";
 var ROW_CLASSES = "ds:w-full ds:justify-start";
 function PeoplePicker(props) {
   const {
@@ -14585,6 +15225,6 @@ function useTableDensity(options) {
   return { density, setDensity };
 }
 
-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 };
+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 };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map