@assure-one/design-system 1.44.1 → 1.46.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,12 +1,12 @@
1
1
  "use client";
2
- import { Skeleton, ToggleGroup, ToggleGroupItem, badgeVariants, DataTableBody, DataTableRow, DataTableCell, Badge, Pagination, TableBody, TableRow, TableCell, Table, TableHeader, TableHead } from './chunk-PC6M4QZ2.js';
3
- export { Badge, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, 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, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, ToggleGroup, ToggleGroupItem, badgeVariants, compareSortValues, nextSortDirection, progressBarVariants, progressRingVariants, resolveBadgeAppearance, serviceToneLabel, serviceToneStyle, statusDotVariants, useDataTable } from './chunk-PC6M4QZ2.js';
4
- import { Collapsible, CollapsibleTrigger, CollapsibleContent, PlainLink, Combobox, Sidebar, SidebarFooter, SidebarUser, useSidebarState, SidebarSection, SidebarLinkGroup, SidebarLink, SidebarLinkLabel, SidebarLinkBadge, CmdkCompatContext, Sheet, SheetContent, SheetTitle } from './chunk-4TXBY6P7.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-4TXBY6P7.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, Slot, textAnatomy, stackAnatomy, inlineAnatomy, statusBadgeAnatomy, useFieldsetState, FieldsetContext, fieldsetAnatomy, useFieldsetLegend, shellAnatomy, Avatar, dataTableAnatomy, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuCheckboxItem, useId as useId$1, partId, errorOnce, isLabelable, Spinner, Select, Checkbox, FIELD_PARTS, SelectRoot, SelectTrigger, SelectValue, SelectContent, SelectItem, OverlayHeader, OverlayFooter, commandAnatomy, menuShortcutClasses, useFormReset, sideDrawerAnatomy, Portal, toastAnatomy, useExitPresence, TooltipProvider, TOOLTIP_DEFAULT_DELAY_MS, DesignSystemContext, PortalContainerContext, ModalRoot, ModalOverlay, ModalContent, ModalTitle, ModalDescription } from './chunk-Z7QPHPNV.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-Z7QPHPNV.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, XCircleIcon, CheckCircle2Icon, InfoIcon, ChevronLeftIcon, FolderOpenIcon, FolderClosedIcon, MinusIcon, AlertCircleIcon, Icon, ChartNoAxesColumnIncreasingIcon, PlusIcon, CircleDashedIcon, LoaderIcon, InfoCircleSolidIcon, AlertTriangleSolidIcon, XCircleSolidIcon, RotateCcwIcon, CommandIcon } from './chunk-E2URQD5A.js';
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, 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-E2URQD5A.js';
2
+ import { Skeleton, ToggleGroup, ToggleGroupItem, useOverflowTooltip, badgeVariants, DataTableBody, DataTableRow, DataTableCell, Badge, Pagination, TableBody, TableRow, TableCell, Table, TableHeader, TableHead } from './chunk-FIRPQWYR.js';
3
+ export { Badge, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, 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, TableFooter, TableGroupRow, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, ToggleGroup, ToggleGroupItem, badgeVariants, compareSortValues, nextSortDirection, progressBarVariants, progressRingVariants, resolveBadgeAppearance, serviceToneLabel, serviceToneStyle, statusDotVariants, useDataTable } from './chunk-FIRPQWYR.js';
4
+ import { Collapsible, CollapsibleTrigger, CollapsibleContent, PlainLink, Combobox, Sidebar, SidebarFooter, SidebarUser, useSidebarState, SidebarSection, SidebarLinkGroup, SidebarLink, SidebarLinkLabel, SidebarLinkBadge, CmdkCompatContext, Sheet, SheetContent, SheetTitle } from './chunk-JJ5JFA56.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-JJ5JFA56.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, dataTableAnatomy, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuCheckboxItem, useId as useId$1, partId, errorOnce, isLabelable, Spinner, Select, Checkbox, FIELD_PARTS, SelectRoot, SelectTrigger, SelectValue, SelectContent, SelectItem, OverlayHeader, OverlayFooter, commandAnatomy, menuShortcutClasses, useFormReset, sideDrawerAnatomy, Portal, toastAnatomy, useExitPresence, TooltipProvider, TOOLTIP_DEFAULT_DELAY_MS, DesignSystemContext, PortalContainerContext, ModalRoot, ModalOverlay, ModalContent, ModalTitle, ModalDescription } from './chunk-IIBDSTOG.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-IIBDSTOG.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, XCircleIcon, CheckCircle2Icon, InfoIcon, ChevronLeftIcon, FolderOpenIcon, FolderClosedIcon, MinusIcon, Icon, ChartNoAxesColumnIncreasingIcon, AlertCircleIcon, PlusIcon, CircleDashedIcon, LoaderIcon, InfoCircleSolidIcon, AlertTriangleSolidIcon, XCircleSolidIcon, RotateCcwIcon, CommandIcon } from './chunk-ARCWF2S3.js';
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';
12
12
  export { colors, radii, reference, shadows, spacing, surfaces, typography } from './chunk-YRHRVOLV.js';
@@ -54,7 +54,7 @@ var AccordionTrigger = React30.forwardRef(function AccordionTrigger2({ children,
54
54
  {
55
55
  ref,
56
56
  className: cn(
57
- "ds:group group ds:text-fg ds:flex ds:flex-1 ds:items-center ds:justify-between ds:gap-4 ds:rounded-control ds:py-4 ds:text-left ds:text-sm ds:font-medium",
57
+ "ds:group group ds:text-fg ds:flex ds:flex-1 ds:cursor-pointer ds:items-center ds:justify-between ds:gap-4 ds:rounded-control ds:py-4 ds:text-left ds:text-sm ds:font-medium",
58
58
  "ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)] ds:motion-reduce:transition-none",
59
59
  "ds:hover:text-fg-2",
60
60
  "ds:focus-visible:[box-shadow:var(--shadow-focus-ring)] ds:focus-visible:outline-none",
@@ -478,7 +478,12 @@ var AttachmentChip = forwardRef(
478
478
  ...props,
479
479
  "data-variant": onAccent ? "onAccent" : "default",
480
480
  children: [
481
- /* @__PURE__ */ jsx(FileTypeBadge, { format: resolvedType, size: "md", className: "ds:shrink-0" }),
481
+ onAccent ? (
482
+ // The badge's category tint is translucent in dark mode; over the
483
+ // accent it turned purple and the "PDF" ink fell to ~1.3:1. An
484
+ // opaque surface under it keeps the tint what it is on a page.
485
+ /* @__PURE__ */ jsx("span", { className: "ds:bg-surface ds:rounded-card ds:shrink-0", children: /* @__PURE__ */ jsx(FileTypeBadge, { format: resolvedType, size: "md", className: "ds:shrink-0" }) })
486
+ ) : /* @__PURE__ */ jsx(FileTypeBadge, { format: resolvedType, size: "md", className: "ds:shrink-0" }),
482
487
  /* @__PURE__ */ jsxs("div", { className: "ds:min-w-0 ds:flex-1", children: [
483
488
  /* @__PURE__ */ jsx("p", { className: cn("ds:truncate ds:text-sm ds:font-medium", onAccent ? "ds:text-fg-on-brand" : "ds:text-fg"), children: name }),
484
489
  meta && /* @__PURE__ */ jsx("p", { className: cn("ds:truncate ds:text-xs", onAccent ? "ds:text-fg-on-brand" : "ds:text-fg-3"), children: meta })
@@ -944,7 +949,7 @@ var CALENDAR_CAPTION_COMPONENTS = {
944
949
  Chevron: CalendarChevron,
945
950
  Dropdown: CalendarDropdown
946
951
  };
947
- var NAV_BUTTON = "ds:absolute ds:top-0 ds:inline-flex ds:size-7 ds:items-center ds:justify-center ds:rounded-input ds:text-fg-3 ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)] ds:motion-reduce:transition-none ds:hover:bg-surface-hover ds:hover:text-fg ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)] ds:disabled:cursor-not-allowed ds:disabled:text-fg-disabled ds:disabled:pointer-events-none ds:aria-disabled:cursor-not-allowed ds:aria-disabled:text-fg-disabled ds:aria-disabled:pointer-events-none";
952
+ var NAV_BUTTON = "ds:absolute ds:top-0 ds:inline-flex ds:size-7 ds:cursor-pointer ds:items-center ds:justify-center ds:rounded-input ds:text-fg-3 ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)] ds:motion-reduce:transition-none ds:hover:bg-surface-hover ds:hover:text-fg ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)] ds:disabled:cursor-not-allowed ds:disabled:text-fg-disabled ds:disabled:pointer-events-none ds:aria-disabled:cursor-not-allowed ds:aria-disabled:text-fg-disabled ds:aria-disabled:pointer-events-none";
948
953
  var CALENDAR_CAPTION_CLASSNAMES = {
949
954
  month: "ds:relative ds:space-y-3",
950
955
  // px-7 keeps the caption clear of the two absolutely-pinned size-7 chevrons.
@@ -1152,7 +1157,7 @@ function Calendar({
1152
1157
  week: "ds:flex ds:w-full ds:mt-1",
1153
1158
  day: "ds:flex-1 ds:text-center ds:relative ds:p-0",
1154
1159
  day_button: cn(
1155
- "ds:inline-flex ds:size-8 ds:w-full ds:items-center ds:justify-center ds:rounded-input ds:font-mono ds:tabular-nums ds:text-(length:--control-font-size-md) ds:text-fg",
1160
+ "ds:inline-flex ds:size-8 ds:w-full ds:cursor-pointer ds:items-center ds:justify-center ds:rounded-input ds:font-mono ds:tabular-nums ds:text-(length:--control-font-size-md) ds:text-fg",
1156
1161
  "ds:transition-colors ds:duration-[var(--duration-instant)] ds:ease-[var(--ease-out-quart)] ds:motion-reduce:transition-none",
1157
1162
  "ds:hover:bg-surface-hover",
1158
1163
  "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]",
@@ -2237,7 +2242,7 @@ function YearGrid({ selected, onSelect, minYear, maxYear, formatLabel, autoFocus
2237
2242
  disabled: !canGoPrev,
2238
2243
  "aria-label": messages.previousDecade,
2239
2244
  className: cn(
2240
- "ds:rounded-input ds:text-fg-3 ds:absolute ds:left-0 ds:inline-flex ds:size-7 ds:items-center ds:justify-center",
2245
+ "ds:rounded-input ds:text-fg-3 ds:absolute ds:left-0 ds:inline-flex ds:size-7 ds:cursor-pointer ds:items-center ds:justify-center",
2241
2246
  "ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)] ds:motion-reduce:transition-none",
2242
2247
  "ds:hover:bg-surface-hover ds:hover:text-fg",
2243
2248
  "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]",
@@ -2259,7 +2264,7 @@ function YearGrid({ selected, onSelect, minYear, maxYear, formatLabel, autoFocus
2259
2264
  disabled: !canGoNext,
2260
2265
  "aria-label": messages.nextDecade,
2261
2266
  className: cn(
2262
- "ds:rounded-input ds:text-fg-3 ds:absolute ds:right-0 ds:inline-flex ds:size-7 ds:items-center ds:justify-center",
2267
+ "ds:rounded-input ds:text-fg-3 ds:absolute ds:right-0 ds:inline-flex ds:size-7 ds:cursor-pointer ds:items-center ds:justify-center",
2263
2268
  "ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)] ds:motion-reduce:transition-none",
2264
2269
  "ds:hover:bg-surface-hover ds:hover:text-fg",
2265
2270
  "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]",
@@ -2285,7 +2290,7 @@ function YearGrid({ selected, onSelect, minYear, maxYear, formatLabel, autoFocus
2285
2290
  "aria-current": isToday ? "date" : void 0,
2286
2291
  className: cn(
2287
2292
  "ds:rounded-input ds:font-mono ds:text-(length:--control-font-size-md) ds:tabular-nums",
2288
- "ds:inline-flex ds:h-10 ds:items-center ds:justify-center",
2293
+ "ds:inline-flex ds:h-10 ds:cursor-pointer ds:items-center ds:justify-center",
2289
2294
  "ds:transition-colors ds:duration-[var(--duration-instant)] ds:ease-[var(--ease-out-quart)] ds:motion-reduce:transition-none",
2290
2295
  "ds:hover:bg-surface-hover",
2291
2296
  "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]",
@@ -3027,11 +3032,12 @@ var DialogDescription = React30.forwardRef((props, ref) => /* @__PURE__ */ jsx(
3027
3032
  DialogDescription.displayName = DialogPrimitive.Description.displayName;
3028
3033
  var chipVariants2 = cva(
3029
3034
  cn(
3030
- "ds:inline-flex ds:items-center ds:gap-1 ds:rounded-full ds:px-2.5 ds:py-1",
3035
+ "ds:inline-flex ds:cursor-pointer ds:items-center ds:gap-1 ds:rounded-full ds:px-2.5 ds:py-1",
3031
3036
  "ds:text-(length:--text-helper) ds:font-medium",
3032
3037
  "ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)]",
3033
3038
  "ds:motion-reduce:transition-none",
3034
- "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]"
3039
+ "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]",
3040
+ "ds:disabled:cursor-not-allowed"
3035
3041
  ),
3036
3042
  {
3037
3043
  variants: {
@@ -4113,7 +4119,7 @@ function MultiFilterPill({
4113
4119
  "aria-selected": isSelected,
4114
4120
  onClick: () => onToggle(opt.key),
4115
4121
  className: cn(
4116
- "ds:rounded-pill ds:flex ds:w-full ds:cursor-default ds:items-center ds:gap-2 ds:px-2 ds:py-1.5 ds:text-(length:--control-font-size-md) ds:outline-none ds:select-none",
4122
+ "ds:rounded-pill ds:flex ds:w-full ds:cursor-pointer ds:items-center ds:gap-2 ds:px-2 ds:py-1.5 ds:text-(length:--control-font-size-md) ds:outline-none ds:select-none",
4117
4123
  "ds:text-fg-2 ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)]",
4118
4124
  "ds:motion-reduce:transition-none",
4119
4125
  "ds:hover:bg-surface-hover ds:hover:text-fg",
@@ -5692,14 +5698,17 @@ var RadioGroup2 = React30.forwardRef(function RadioGroup3({
5692
5698
  });
5693
5699
  RadioGroup2.displayName = RadioGroupPrimitive.Root.displayName;
5694
5700
  var ITEM_CLASSES = cn(
5695
- "ds:peer ds:border-rule-strong ds:bg-surface ds:text-brand ds:aspect-square ds:size-4 ds:shrink-0 ds:rounded-full ds:border",
5701
+ // Resting edge at ≥3:1 (WCAG 1.4.11); `border-rule-strong` was 1.34:1.
5702
+ "ds:peer ds:border-fg-4/80 ds:bg-surface ds:text-brand ds:aspect-square ds:size-4 ds:shrink-0 ds:cursor-pointer ds:rounded-full ds:border",
5696
5703
  microInteractions.selection,
5697
5704
  "ds:hover:border-fg-4",
5698
5705
  "ds:focus-visible:[border-color:var(--focus-ring-border)] ds:focus-visible:[box-shadow:var(--shadow-focus-ring-field)] ds:focus-visible:outline-none",
5699
5706
  "ds:data-[state=checked]:border-brand",
5700
5707
  "ds:disabled:bg-bg-disabled ds:disabled:border-rule ds:disabled:text-fg-disabled ds:disabled:cursor-not-allowed",
5701
5708
  "ds:disabled:data-[state=checked]:border-rule",
5702
- "ds:aria-[invalid=true]:border-danger-line"
5709
+ // Danger ink, not the pale danger line (1.48:1): an invalid box is still
5710
+ // identified by its edge alone (WCAG 1.4.11).
5711
+ "ds:aria-[invalid=true]:border-danger-fg"
5703
5712
  );
5704
5713
  var RadioGroupItem = React30.forwardRef(function RadioGroupItem2({
5705
5714
  className,
@@ -6297,7 +6306,7 @@ function SearchSelect({
6297
6306
  type: "button",
6298
6307
  onClick: () => setActiveChip(chip),
6299
6308
  className: cn(
6300
- "ds:rounded-pill ds:px-2.5 ds:py-0.5 ds:text-(length:--text-helper) ds:font-medium",
6309
+ "ds:cursor-pointer ds:rounded-pill ds:px-2.5 ds:py-0.5 ds:text-(length:--text-helper) ds:font-medium",
6301
6310
  "ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)] ds:motion-reduce:transition-none",
6302
6311
  active ? "ds:bg-brand ds:text-fg-on-brand" : "ds:border-rule ds:text-fg-2 ds:hover:bg-surface-hover ds:border ds:bg-transparent"
6303
6312
  ),
@@ -6316,7 +6325,7 @@ function SearchSelect({
6316
6325
  setOpen(false);
6317
6326
  },
6318
6327
  className: cn(
6319
- "ds:text-brand ds:flex ds:w-full ds:shrink-0 ds:items-center ds:gap-2 ds:px-3 ds:py-2.5 ds:text-(length:--control-font-size-md) ds:font-medium",
6328
+ "ds:text-brand ds:flex ds:w-full ds:shrink-0 ds:cursor-pointer ds:items-center ds:gap-2 ds:px-3 ds:py-2.5 ds:text-(length:--control-font-size-md) ds:font-medium",
6320
6329
  "ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)]",
6321
6330
  "ds:motion-reduce:transition-none",
6322
6331
  "ds:hover:bg-brand-bg",
@@ -6361,7 +6370,7 @@ function SearchSelect({
6361
6370
  "ds:bg-bg-2 ds:font-body ds:text-fg-2"
6362
6371
  );
6363
6372
  const CHIP_REMOVE_CLASSES = cn(
6364
- "ds:text-fg-3 ds:ml-0.5 ds:rounded-full ds:p-0.5",
6373
+ "ds:text-fg-3 ds:ml-0.5 ds:cursor-pointer ds:rounded-full ds:p-0.5",
6365
6374
  "ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)]",
6366
6375
  "ds:motion-reduce:transition-none",
6367
6376
  "ds:hover:bg-overlay-hover ds:hover:text-fg",
@@ -7932,6 +7941,34 @@ var VisuallyHidden = forwardRef(
7932
7941
  }
7933
7942
  );
7934
7943
  VisuallyHidden.displayName = "VisuallyHidden";
7944
+ var TextOverflowTooltip = forwardRef(
7945
+ function TextOverflowTooltip2({ className, children, onPointerEnter, onFocus, ...props }, ref) {
7946
+ const overflow = useOverflowTooltip();
7947
+ const mergedRef = useMergedRefs(ref, overflow.ref);
7948
+ return /* @__PURE__ */ jsxs(Tooltip, { children: [
7949
+ /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
7950
+ "span",
7951
+ {
7952
+ ref: mergedRef,
7953
+ ...slot(textAnatomy, "root"),
7954
+ className,
7955
+ onPointerEnter: (event) => {
7956
+ onPointerEnter?.(event);
7957
+ overflow.onPointerEnter();
7958
+ },
7959
+ onFocus: (event) => {
7960
+ onFocus?.(event);
7961
+ overflow.onFocus();
7962
+ },
7963
+ ...props,
7964
+ children
7965
+ }
7966
+ ) }),
7967
+ overflow.overflowing && /* @__PURE__ */ jsx(TooltipContent, { children })
7968
+ ] });
7969
+ }
7970
+ );
7971
+ TextOverflowTooltip.displayName = "TextOverflowTooltip";
7935
7972
  var SIZE_CLASS2 = {
7936
7973
  display: "ds:text-display",
7937
7974
  "title-page": "ds:text-title-page",
@@ -7963,24 +8000,27 @@ var WEIGHT_CLASS = {
7963
8000
  semibold: "ds:font-semibold",
7964
8001
  bold: "ds:font-bold"
7965
8002
  };
7966
- var Text = forwardRef(function Text2({ size = "body", color, weight, numeric, truncate, asChild, className, ...props }, ref) {
7967
- const Comp = asChild ? Slot : "span";
7968
- return /* @__PURE__ */ jsx(
7969
- Comp,
7970
- {
7971
- ref,
7972
- ...slot(textAnatomy, "root"),
7973
- className: cn(
7974
- SIZE_CLASS2[size],
7975
- color && COLOR_CLASS[color],
7976
- weight && WEIGHT_CLASS[weight],
7977
- numeric && "ds:numeric",
7978
- truncate && "ds:truncate",
7979
- className
7980
- ),
7981
- ...props
7982
- }
8003
+ var Text = forwardRef(function Text2({ size = "body", color, weight, numeric, truncate, overflowTooltip, asChild, className, ...props }, ref) {
8004
+ const classes = cn(
8005
+ SIZE_CLASS2[size],
8006
+ color && COLOR_CLASS[color],
8007
+ weight && WEIGHT_CLASS[weight],
8008
+ numeric && "ds:numeric",
8009
+ truncate && "ds:truncate",
8010
+ className
7983
8011
  );
8012
+ if (overflowTooltip && truncate && !asChild) {
8013
+ return /* @__PURE__ */ jsx(
8014
+ TextOverflowTooltip,
8015
+ {
8016
+ ref,
8017
+ className: classes,
8018
+ ...props
8019
+ }
8020
+ );
8021
+ }
8022
+ const Comp = asChild ? Slot : "span";
8023
+ return /* @__PURE__ */ jsx(Comp, { ref, ...slot(textAnatomy, "root"), className: classes, ...props });
7984
8024
  });
7985
8025
  Text.displayName = "Text";
7986
8026
 
@@ -8788,16 +8828,24 @@ function getAccessibleLabel(item) {
8788
8828
  return parts.filter(Boolean).join(", ") || void 0;
8789
8829
  }
8790
8830
  function AppSidebarItemContent({ item, showTitle }) {
8831
+ const overflow = useOverflowTooltip();
8832
+ const tooltipLabel = showTitle && typeof item.label === "string" ? item.label : void 0;
8833
+ const label = /* @__PURE__ */ jsx(
8834
+ SidebarLinkLabel,
8835
+ {
8836
+ ref: tooltipLabel !== void 0 ? overflow.ref : void 0,
8837
+ className: TRUNCATED_LABEL_CLASSNAME,
8838
+ onPointerEnter: tooltipLabel !== void 0 ? overflow.onPointerEnter : void 0,
8839
+ onFocus: tooltipLabel !== void 0 ? overflow.onFocus : void 0,
8840
+ children: item.label
8841
+ }
8842
+ );
8791
8843
  return /* @__PURE__ */ jsxs(Fragment, { children: [
8792
8844
  item.icon,
8793
- /* @__PURE__ */ jsx(
8794
- SidebarLinkLabel,
8795
- {
8796
- className: TRUNCATED_LABEL_CLASSNAME,
8797
- title: showTitle && typeof item.label === "string" ? item.label : void 0,
8798
- children: item.label
8799
- }
8800
- ),
8845
+ tooltipLabel === void 0 ? label : /* @__PURE__ */ jsxs(Tooltip, { children: [
8846
+ /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: label }),
8847
+ overflow.overflowing && /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: tooltipLabel })
8848
+ ] }),
8801
8849
  item.badge != null && /* @__PURE__ */ jsx(SidebarLinkBadge, { tone: item.badgeTone, children: item.badge })
8802
8850
  ] });
8803
8851
  }
@@ -8809,6 +8857,28 @@ function AppSidebarLeafLink({
8809
8857
  }) {
8810
8858
  return /* @__PURE__ */ jsx(SidebarLink, { asChild: true, active, "aria-label": getAccessibleLabel(item), children: /* @__PURE__ */ jsx(RouterLink, { href: item.href, ...item.linkProps, children: /* @__PURE__ */ jsx(AppSidebarItemContent, { item, showTitle }) }) });
8811
8859
  }
8860
+ function AppSidebarGroupLabel({
8861
+ children,
8862
+ showTitle
8863
+ }) {
8864
+ const overflow = useOverflowTooltip();
8865
+ const tooltipLabel = showTitle && typeof children === "string" ? children : void 0;
8866
+ const span = /* @__PURE__ */ jsx(
8867
+ "span",
8868
+ {
8869
+ ref: tooltipLabel !== void 0 ? overflow.ref : void 0,
8870
+ className: "ds:block ds:w-full ds:truncate",
8871
+ onPointerEnter: tooltipLabel !== void 0 ? overflow.onPointerEnter : void 0,
8872
+ onFocus: tooltipLabel !== void 0 ? overflow.onFocus : void 0,
8873
+ children
8874
+ }
8875
+ );
8876
+ if (tooltipLabel === void 0) return span;
8877
+ return /* @__PURE__ */ jsxs(Tooltip, { children: [
8878
+ /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: span }),
8879
+ overflow.overflowing && /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: tooltipLabel })
8880
+ ] });
8881
+ }
8812
8882
  function AppSidebarRow({
8813
8883
  item,
8814
8884
  activeId,
@@ -8830,14 +8900,7 @@ function AppSidebarRow({
8830
8900
  // come from this inner block instead: a definite width (`w-full`)
8831
8901
  // plus the standard ellipsis trio truncates regardless of the
8832
8902
  // ancestor's `-webkit-box` display.
8833
- /* @__PURE__ */ jsx(
8834
- "span",
8835
- {
8836
- className: "ds:block ds:w-full ds:truncate",
8837
- title: showTitle && typeof item.label === "string" ? item.label : void 0,
8838
- children: item.label
8839
- }
8840
- )
8903
+ /* @__PURE__ */ jsx(AppSidebarGroupLabel, { showTitle, children: item.label })
8841
8904
  ),
8842
8905
  href: item.href,
8843
8906
  active,
@@ -8963,7 +9026,10 @@ var AppHeaderBreadcrumb = forwardRef(
8963
9026
  {
8964
9027
  ref,
8965
9028
  "aria-label": messages.region,
8966
- className: cn("ds:text-fg-3 ds:flex ds:items-center ds:gap-1.5 ds:text-sm", className),
9029
+ className: cn(
9030
+ "ds:text-fg-3 ds:flex ds:min-w-0 ds:shrink-[4] ds:items-center ds:gap-1.5 ds:overflow-hidden ds:text-sm ds:whitespace-nowrap",
9031
+ className
9032
+ ),
8967
9033
  ...props
8968
9034
  }
8969
9035
  );
@@ -8976,7 +9042,10 @@ var AppHeaderTitle = forwardRef(
8976
9042
  "span",
8977
9043
  {
8978
9044
  ref,
8979
- className: cn("ds:font-display ds:text-fg ds:text-sm ds:font-medium", className),
9045
+ className: cn(
9046
+ "ds:font-display ds:text-fg ds:min-w-12 ds:truncate ds:text-sm ds:font-medium",
9047
+ className
9048
+ ),
8980
9049
  ...props
8981
9050
  }
8982
9051
  );
@@ -8994,7 +9063,7 @@ var AppHeaderSearch = forwardRef(
8994
9063
  type: "button",
8995
9064
  className: cn(
8996
9065
  // Search-input-shaped trigger — ports `.header-search-trigger`
8997
- "ds:rounded-input ds:border-rule ds:bg-bg-2 ds:text-fg-4 ds:ml-auto ds:flex ds:h-8 ds:max-w-[360px] ds:flex-1 ds:items-center ds:gap-2.5 ds:border ds:px-2.5 ds:text-xs",
9066
+ "ds:rounded-input ds:border-rule ds:bg-bg-2 ds:text-fg-4 ds:ml-auto ds:flex ds:h-8 ds:max-w-[360px] ds:min-w-8 ds:flex-1 ds:items-center ds:gap-2.5 ds:border ds:px-2.5 ds:text-xs",
8998
9067
  "ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)] ds:motion-reduce:transition-none",
8999
9068
  "ds:hover:border-rule-strong ds:hover:bg-bg-3",
9000
9069
  "ds:focus-visible:[box-shadow:var(--shadow-focus-ring)] ds:focus-visible:outline-none",
@@ -9008,7 +9077,8 @@ var AppHeaderSearch = forwardRef(
9008
9077
  "kbd",
9009
9078
  {
9010
9079
  className: cn(
9011
- "ds:rounded-icon ds:border-rule ds:bg-bg ds:ml-auto ds:inline-flex ds:h-[18px] ds:min-w-[18px] ds:items-center ds:justify-center ds:border ds:px-[5px]",
9080
+ // The shortcut hint drops out on a phone, where it cannot be typed.
9081
+ "ds:rounded-icon ds:border-rule ds:bg-bg ds:ml-auto ds:inline-flex ds:h-[18px] ds:min-w-[18px] ds:items-center ds:justify-center ds:border ds:px-[5px] ds:max-sm:hidden",
9012
9082
  "ds:text-fg-3 ds:[border-bottom-width:1.5px] ds:font-mono ds:text-[10.5px]"
9013
9083
  ),
9014
9084
  children: shortcut
@@ -9022,7 +9092,7 @@ var AppHeaderSearch = forwardRef(
9022
9092
  AppHeaderSearch.displayName = "AppHeaderSearch";
9023
9093
  var AppHeaderActions = forwardRef(
9024
9094
  function AppHeaderActions2({ className, ...props }, ref) {
9025
- return /* @__PURE__ */ jsx("div", { ref, className: cn("ds:flex ds:items-center ds:gap-1.5", className), ...props });
9095
+ return /* @__PURE__ */ jsx("div", { ref, className: cn("ds:flex ds:shrink-0 ds:items-center ds:gap-1.5", className), ...props });
9026
9096
  }
9027
9097
  );
9028
9098
  AppHeaderActions.displayName = "AppHeaderActions";
@@ -9470,16 +9540,28 @@ var ActivityItem = forwardRef(function ActivityItem2({ dot = "default", actor, t
9470
9540
  {
9471
9541
  ref,
9472
9542
  className: cn(
9473
- "ds:border-rule-soft ds:flex ds:items-center ds:gap-2 ds:border-b ds:py-2 ds:text-sm ds:last:border-0",
9543
+ "ds:border-rule-soft ds:flex ds:items-baseline ds:gap-2 ds:border-b ds:py-2 ds:text-sm ds:last:border-0",
9474
9544
  className
9475
9545
  ),
9476
9546
  ...props,
9477
9547
  children: [
9478
- /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: cn("ds:size-1.5 ds:shrink-0 ds:rounded-full", dotClass[dot]) }),
9479
- /* @__PURE__ */ jsx("span", { className: "ds:text-fg-2 ds:font-medium", children: actor }),
9480
- /* @__PURE__ */ jsx("span", { className: "ds:text-fg-3", children: text }),
9481
- target && /* @__PURE__ */ jsx("span", { className: "ds:text-accent ds:hover:underline", children: target }),
9482
- /* @__PURE__ */ jsx("span", { className: "ds:text-fg-4 ds:ml-auto ds:text-xs ds:tabular-nums", children: time })
9548
+ /* @__PURE__ */ jsx(
9549
+ "span",
9550
+ {
9551
+ "aria-hidden": "true",
9552
+ className: cn("ds:size-1.5 ds:shrink-0 ds:self-center ds:rounded-full", dotClass[dot])
9553
+ }
9554
+ ),
9555
+ /* @__PURE__ */ jsxs("span", { className: "ds:min-w-0 ds:flex-1", children: [
9556
+ /* @__PURE__ */ jsx("span", { className: "ds:text-fg-2 ds:font-medium", children: actor }),
9557
+ " ",
9558
+ /* @__PURE__ */ jsx("span", { className: "ds:text-fg-3", children: text }),
9559
+ target && /* @__PURE__ */ jsxs(Fragment, { children: [
9560
+ " ",
9561
+ /* @__PURE__ */ jsx("span", { className: "ds:text-fg ds:font-medium", children: target })
9562
+ ] })
9563
+ ] }),
9564
+ /* @__PURE__ */ jsx("span", { className: "ds:text-fg-4 ds:shrink-0 ds:text-xs ds:whitespace-nowrap ds:tabular-nums", children: time })
9483
9565
  ]
9484
9566
  }
9485
9567
  );
@@ -9564,10 +9646,11 @@ var kanbanCardBase = cn(
9564
9646
  // Drag libraries (dnd-kit, @hello-pangea/dnd) make the card focusable.
9565
9647
  "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]"
9566
9648
  );
9567
- var priorityConfig = {
9568
- high: { label: "High", variant: "destructive" },
9569
- medium: { label: "Med", variant: "warning" },
9570
- low: { label: "Low", variant: "secondary" }
9649
+ var priorityLabel = {
9650
+ urgent: "Urgent",
9651
+ high: "High",
9652
+ medium: "Med",
9653
+ low: "Low"
9571
9654
  };
9572
9655
  var dueStatusClass = {
9573
9656
  overdue: "ds:text-danger-fg ds:font-semibold",
@@ -9576,12 +9659,15 @@ var dueStatusClass = {
9576
9659
  };
9577
9660
  var KanbanCard = forwardRef(function KanbanCard2({ className, label, title, client, priority, dueDate, dueStatus, assignee, children, ...props }, ref) {
9578
9661
  const isRich = title !== void 0;
9579
- const pri = priority ? priorityConfig[priority] : null;
9662
+ const pri = priority ? { priority, label: priorityLabel[priority] } : null;
9580
9663
  const hasFooter = Boolean(dueDate || assignee);
9581
9664
  return /* @__PURE__ */ jsx("div", { ref, className: cn(kanbanCardBase, className), ...props, children: isRich ? /* @__PURE__ */ jsxs("div", { children: [
9582
9665
  (label || pri) && /* @__PURE__ */ jsxs("div", { className: "ds:mb-2 ds:flex ds:items-start ds:justify-between ds:gap-2", children: [
9583
9666
  label ? /* @__PURE__ */ jsx(Badge, { variant: "info", size: "sm", children: label }) : /* @__PURE__ */ jsx("span", {}),
9584
- pri && /* @__PURE__ */ jsx(Badge, { variant: pri.variant, size: "sm", children: pri.label })
9667
+ pri && /* @__PURE__ */ jsxs(Badge, { variant: "outline", size: "sm", "data-priority": pri.priority, className: "ds:gap-1", children: [
9668
+ /* @__PURE__ */ jsx(PriorityIcon, { priority: pri.priority, size: 12 }),
9669
+ pri.label
9670
+ ] })
9585
9671
  ] }),
9586
9672
  /* @__PURE__ */ jsx("p", { className: "ds:text-fg ds:text-[13px] ds:leading-snug ds:font-semibold", children: title }),
9587
9673
  client && /* @__PURE__ */ jsxs("p", { className: "ds:text-fg-3 ds:mt-1 ds:flex ds:items-center ds:gap-1.5 ds:text-xs", children: [
@@ -9602,7 +9688,14 @@ var KanbanCard = forwardRef(function KanbanCard2({ className, label, title, clie
9602
9688
  ]
9603
9689
  }
9604
9690
  ) : /* @__PURE__ */ jsx("span", {}),
9605
- assignee && /* @__PURE__ */ jsx(Avatar, { size: "xs", name: assignee.name, src: assignee.src, title: assignee.name })
9691
+ assignee && // The avatar shows initials only — the assignee's full name
9692
+ // is never otherwise visible on the card — so this is an
9693
+ // always-on identity tooltip, not the overflow-only kind
9694
+ // `Text`/`TableCell overflowTooltip` render for clipped text.
9695
+ /* @__PURE__ */ jsxs(Tooltip, { children: [
9696
+ /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Avatar, { size: "xs", name: assignee.name, src: assignee.src }) }),
9697
+ /* @__PURE__ */ jsx(TooltipContent, { children: assignee.name })
9698
+ ] })
9606
9699
  ] })
9607
9700
  ] }) : children });
9608
9701
  });
@@ -9678,6 +9771,35 @@ var MessageBubbleAction = forwardRef(
9678
9771
  MessageBubbleAction.displayName = "MessageBubble.Action";
9679
9772
  MessageBubble.Tombstone = MessageBubbleTombstone;
9680
9773
  MessageBubble.Action = MessageBubbleAction;
9774
+ function MessageComposerChip({
9775
+ chip,
9776
+ disabled,
9777
+ onPick
9778
+ }) {
9779
+ const overflow = useOverflowTooltip();
9780
+ return /* @__PURE__ */ jsxs(Tooltip, { children: [
9781
+ /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
9782
+ "button",
9783
+ {
9784
+ ref: overflow.ref,
9785
+ type: "button",
9786
+ disabled,
9787
+ onClick: onPick,
9788
+ onPointerEnter: overflow.onPointerEnter,
9789
+ onFocus: overflow.onFocus,
9790
+ className: cn(
9791
+ "ds:inline-flex ds:h-6 ds:shrink-0 ds:cursor-pointer ds:items-center ds:rounded-full ds:px-2.5",
9792
+ "ds:text-[11px] ds:font-medium ds:text-fg-2",
9793
+ "ds:bg-bg-2 ds:transition-colors ds:hover:bg-bg-3 ds:hover:text-fg ds:motion-reduce:transition-none",
9794
+ "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]",
9795
+ "ds:disabled:cursor-not-allowed"
9796
+ ),
9797
+ children: chip.label
9798
+ }
9799
+ ) }),
9800
+ overflow.overflowing && /* @__PURE__ */ jsx(TooltipContent, { children: chip.label })
9801
+ ] });
9802
+ }
9681
9803
  var MessageComposer = forwardRef(
9682
9804
  function MessageComposer2({
9683
9805
  chips,
@@ -9755,19 +9877,11 @@ var MessageComposer = forwardRef(
9755
9877
  },
9756
9878
  i
9757
9879
  )) : chips.map((chip) => /* @__PURE__ */ jsx(
9758
- "button",
9880
+ MessageComposerChip,
9759
9881
  {
9760
- type: "button",
9882
+ chip,
9761
9883
  disabled: isDisabled,
9762
- onClick: () => onChipPick?.(chip),
9763
- title: chip.label,
9764
- className: cn(
9765
- "ds:inline-flex ds:h-6 ds:shrink-0 ds:items-center ds:rounded-full ds:px-2.5",
9766
- "ds:text-[11px] ds:font-medium ds:text-fg-2",
9767
- "ds:bg-bg-2 ds:transition-colors ds:hover:bg-bg-3 ds:hover:text-fg ds:motion-reduce:transition-none",
9768
- "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]"
9769
- ),
9770
- children: chip.label
9884
+ onPick: () => onChipPick?.(chip)
9771
9885
  },
9772
9886
  chip.id
9773
9887
  ))
@@ -10019,7 +10133,7 @@ var Toolbar = forwardRef(function Toolbar2({ className, children, ...props }, re
10019
10133
  Toolbar.displayName = "Toolbar";
10020
10134
  var filterChipVariants = cva(
10021
10135
  cn(
10022
- "ds:inline-flex ds:items-center ds:gap-1.5 ds:rounded-pill ds:font-medium ds:border",
10136
+ "ds:inline-flex ds:cursor-pointer ds:items-center ds:gap-1.5 ds:rounded-pill ds:font-medium ds:border",
10023
10137
  "ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)]",
10024
10138
  "ds:motion-reduce:transition-none",
10025
10139
  "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]",
@@ -10211,7 +10325,7 @@ function BulkActionBar({
10211
10325
  className: cn("ds:sticky ds:bottom-4 ds:z-[var(--z-sticky)] ds:mt-3 ds:flex ds:justify-center", className),
10212
10326
  ...props,
10213
10327
  children: [
10214
- /* @__PURE__ */ jsx("div", { className: cn("ds:border-rule ds:bg-surface ds:flex ds:w-fit ds:max-w-full ds:items-center ds:gap-3 ds:overflow-x-auto ds:rounded-card ds:border ds:px-4 ds:py-2 ds:shadow-card", BAR_ENTER), children: content }),
10328
+ /* @__PURE__ */ jsx("div", { className: cn("ds:border-rule ds:bg-surface ds:flex ds:w-fit ds:max-w-full ds:flex-wrap ds:items-center ds:gap-x-3 ds:gap-y-1.5 ds:overflow-x-auto ds:rounded-card ds:border ds:px-4 ds:py-2 ds:shadow-card", BAR_ENTER), children: content }),
10215
10329
  footer
10216
10330
  ]
10217
10331
  }