@assure-one/design-system 1.45.0 → 1.47.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.
Files changed (34) hide show
  1. package/dist/{brand-scope-BOKu4iOc.d.ts → brand-scope-DwLzUrSY.d.ts} +1 -1
  2. package/dist/{chunk-XNJP5LKC.js → chunk-AM4TSTSH.js} +43 -31
  3. package/dist/chunk-AM4TSTSH.js.map +1 -0
  4. package/dist/{chunk-64OYQNDR.js → chunk-FIRPQWYR.js} +197 -51
  5. package/dist/chunk-FIRPQWYR.js.map +1 -0
  6. package/dist/{chunk-ZS5VLSJW.js → chunk-IIBDSTOG.js} +18 -9
  7. package/dist/chunk-IIBDSTOG.js.map +1 -0
  8. package/dist/css/components.css +1 -1
  9. package/dist/{data-table-view-BWhKeUiw.d.ts → data-table-view-D9a1_IRF.d.ts} +50 -4
  10. package/dist/{design-system-provider-Coe2S3Lh.d.ts → design-system-provider-C6Tu1vyg.d.ts} +1 -1
  11. package/dist/index.d.ts +27 -9
  12. package/dist/index.js +190 -84
  13. package/dist/index.js.map +1 -1
  14. package/dist/legacy/index.d.ts +3 -3
  15. package/dist/legacy/index.js +2 -2
  16. package/dist/next/index.d.ts +2 -2
  17. package/dist/styles.css +1 -1
  18. package/dist/suite/index.d.ts +3 -3
  19. package/dist/suite/index.js +2 -2
  20. package/dist/{types-DlqmlVyZ.d.ts → types-BTHIs2nk.d.ts} +4 -0
  21. package/docs/components.md +2 -2
  22. package/docs/components.registry.json +2 -1
  23. package/package.json +1 -1
  24. package/public/brand/assure-audit-mark.svg +2 -5
  25. package/public/brand/assure-audit.svg +14 -7
  26. package/public/brand/assure-books-mark.svg +2 -5
  27. package/public/brand/assure-books.svg +14 -7
  28. package/public/brand/assure-pro-mark.svg +2 -5
  29. package/public/brand/assure-pro.svg +12 -7
  30. package/public/brand/assure-tax-mark.svg +2 -5
  31. package/public/brand/assure-tax.svg +12 -7
  32. package/dist/chunk-64OYQNDR.js.map +0 -1
  33. package/dist/chunk-XNJP5LKC.js.map +0 -1
  34. package/dist/chunk-ZS5VLSJW.js.map +0 -1
package/dist/index.js CHANGED
@@ -1,11 +1,11 @@
1
1
  "use client";
2
- import { Skeleton, ToggleGroup, ToggleGroupItem, badgeVariants, DataTableBody, DataTableRow, DataTableCell, Badge, Pagination, TableBody, TableRow, TableCell, Table, TableHeader, TableHead } from './chunk-64OYQNDR.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-64OYQNDR.js';
4
- import { Collapsible, CollapsibleTrigger, CollapsibleContent, PlainLink, Combobox, Sidebar, SidebarFooter, SidebarUser, useSidebarState, SidebarSection, SidebarLinkGroup, SidebarLink, SidebarLinkLabel, SidebarLinkBadge, CmdkCompatContext, Sheet, SheetContent, SheetTitle } from './chunk-XNJP5LKC.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-XNJP5LKC.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-ZS5VLSJW.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-ZS5VLSJW.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-ARCWF2S3.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-AM4TSTSH.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-AM4TSTSH.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
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';
@@ -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",
@@ -949,7 +949,7 @@ var CALENDAR_CAPTION_COMPONENTS = {
949
949
  Chevron: CalendarChevron,
950
950
  Dropdown: CalendarDropdown
951
951
  };
952
- 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";
953
953
  var CALENDAR_CAPTION_CLASSNAMES = {
954
954
  month: "ds:relative ds:space-y-3",
955
955
  // px-7 keeps the caption clear of the two absolutely-pinned size-7 chevrons.
@@ -1157,7 +1157,7 @@ function Calendar({
1157
1157
  week: "ds:flex ds:w-full ds:mt-1",
1158
1158
  day: "ds:flex-1 ds:text-center ds:relative ds:p-0",
1159
1159
  day_button: cn(
1160
- "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",
1161
1161
  "ds:transition-colors ds:duration-[var(--duration-instant)] ds:ease-[var(--ease-out-quart)] ds:motion-reduce:transition-none",
1162
1162
  "ds:hover:bg-surface-hover",
1163
1163
  "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]",
@@ -2242,7 +2242,7 @@ function YearGrid({ selected, onSelect, minYear, maxYear, formatLabel, autoFocus
2242
2242
  disabled: !canGoPrev,
2243
2243
  "aria-label": messages.previousDecade,
2244
2244
  className: cn(
2245
- "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",
2246
2246
  "ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)] ds:motion-reduce:transition-none",
2247
2247
  "ds:hover:bg-surface-hover ds:hover:text-fg",
2248
2248
  "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]",
@@ -2264,7 +2264,7 @@ function YearGrid({ selected, onSelect, minYear, maxYear, formatLabel, autoFocus
2264
2264
  disabled: !canGoNext,
2265
2265
  "aria-label": messages.nextDecade,
2266
2266
  className: cn(
2267
- "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",
2268
2268
  "ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)] ds:motion-reduce:transition-none",
2269
2269
  "ds:hover:bg-surface-hover ds:hover:text-fg",
2270
2270
  "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]",
@@ -2290,7 +2290,7 @@ function YearGrid({ selected, onSelect, minYear, maxYear, formatLabel, autoFocus
2290
2290
  "aria-current": isToday ? "date" : void 0,
2291
2291
  className: cn(
2292
2292
  "ds:rounded-input ds:font-mono ds:text-(length:--control-font-size-md) ds:tabular-nums",
2293
- "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",
2294
2294
  "ds:transition-colors ds:duration-[var(--duration-instant)] ds:ease-[var(--ease-out-quart)] ds:motion-reduce:transition-none",
2295
2295
  "ds:hover:bg-surface-hover",
2296
2296
  "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]",
@@ -3032,11 +3032,12 @@ var DialogDescription = React30.forwardRef((props, ref) => /* @__PURE__ */ jsx(
3032
3032
  DialogDescription.displayName = DialogPrimitive.Description.displayName;
3033
3033
  var chipVariants2 = cva(
3034
3034
  cn(
3035
- "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",
3036
3036
  "ds:text-(length:--text-helper) ds:font-medium",
3037
3037
  "ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)]",
3038
3038
  "ds:motion-reduce:transition-none",
3039
- "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"
3040
3041
  ),
3041
3042
  {
3042
3043
  variants: {
@@ -4118,7 +4119,7 @@ function MultiFilterPill({
4118
4119
  "aria-selected": isSelected,
4119
4120
  onClick: () => onToggle(opt.key),
4120
4121
  className: cn(
4121
- "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",
4122
4123
  "ds:text-fg-2 ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)]",
4123
4124
  "ds:motion-reduce:transition-none",
4124
4125
  "ds:hover:bg-surface-hover ds:hover:text-fg",
@@ -5698,7 +5699,7 @@ var RadioGroup2 = React30.forwardRef(function RadioGroup3({
5698
5699
  RadioGroup2.displayName = RadioGroupPrimitive.Root.displayName;
5699
5700
  var ITEM_CLASSES = cn(
5700
5701
  // Resting edge at ≥3:1 (WCAG 1.4.11); `border-rule-strong` was 1.34:1.
5701
- "ds:peer ds:border-fg-4/80 ds:bg-surface ds:text-brand ds:aspect-square ds:size-4 ds:shrink-0 ds:rounded-full ds:border",
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",
5702
5703
  microInteractions.selection,
5703
5704
  "ds:hover:border-fg-4",
5704
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",
@@ -6305,7 +6306,7 @@ function SearchSelect({
6305
6306
  type: "button",
6306
6307
  onClick: () => setActiveChip(chip),
6307
6308
  className: cn(
6308
- "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",
6309
6310
  "ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)] ds:motion-reduce:transition-none",
6310
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"
6311
6312
  ),
@@ -6324,7 +6325,7 @@ function SearchSelect({
6324
6325
  setOpen(false);
6325
6326
  },
6326
6327
  className: cn(
6327
- "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",
6328
6329
  "ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)]",
6329
6330
  "ds:motion-reduce:transition-none",
6330
6331
  "ds:hover:bg-brand-bg",
@@ -6369,7 +6370,7 @@ function SearchSelect({
6369
6370
  "ds:bg-bg-2 ds:font-body ds:text-fg-2"
6370
6371
  );
6371
6372
  const CHIP_REMOVE_CLASSES = cn(
6372
- "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",
6373
6374
  "ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)]",
6374
6375
  "ds:motion-reduce:transition-none",
6375
6376
  "ds:hover:bg-overlay-hover ds:hover:text-fg",
@@ -7940,6 +7941,34 @@ var VisuallyHidden = forwardRef(
7940
7941
  }
7941
7942
  );
7942
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";
7943
7972
  var SIZE_CLASS2 = {
7944
7973
  display: "ds:text-display",
7945
7974
  "title-page": "ds:text-title-page",
@@ -7971,24 +8000,27 @@ var WEIGHT_CLASS = {
7971
8000
  semibold: "ds:font-semibold",
7972
8001
  bold: "ds:font-bold"
7973
8002
  };
7974
- var Text = forwardRef(function Text2({ size = "body", color, weight, numeric, truncate, asChild, className, ...props }, ref) {
7975
- const Comp = asChild ? Slot : "span";
7976
- return /* @__PURE__ */ jsx(
7977
- Comp,
7978
- {
7979
- ref,
7980
- ...slot(textAnatomy, "root"),
7981
- className: cn(
7982
- SIZE_CLASS2[size],
7983
- color && COLOR_CLASS[color],
7984
- weight && WEIGHT_CLASS[weight],
7985
- numeric && "ds:numeric",
7986
- truncate && "ds:truncate",
7987
- className
7988
- ),
7989
- ...props
7990
- }
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
7991
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 });
7992
8024
  });
7993
8025
  Text.displayName = "Text";
7994
8026
 
@@ -8796,16 +8828,24 @@ function getAccessibleLabel(item) {
8796
8828
  return parts.filter(Boolean).join(", ") || void 0;
8797
8829
  }
8798
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
+ );
8799
8843
  return /* @__PURE__ */ jsxs(Fragment, { children: [
8800
8844
  item.icon,
8801
- /* @__PURE__ */ jsx(
8802
- SidebarLinkLabel,
8803
- {
8804
- className: TRUNCATED_LABEL_CLASSNAME,
8805
- title: showTitle && typeof item.label === "string" ? item.label : void 0,
8806
- children: item.label
8807
- }
8808
- ),
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
+ ] }),
8809
8849
  item.badge != null && /* @__PURE__ */ jsx(SidebarLinkBadge, { tone: item.badgeTone, children: item.badge })
8810
8850
  ] });
8811
8851
  }
@@ -8817,6 +8857,28 @@ function AppSidebarLeafLink({
8817
8857
  }) {
8818
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 }) }) });
8819
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
+ }
8820
8882
  function AppSidebarRow({
8821
8883
  item,
8822
8884
  activeId,
@@ -8838,14 +8900,7 @@ function AppSidebarRow({
8838
8900
  // come from this inner block instead: a definite width (`w-full`)
8839
8901
  // plus the standard ellipsis trio truncates regardless of the
8840
8902
  // ancestor's `-webkit-box` display.
8841
- /* @__PURE__ */ jsx(
8842
- "span",
8843
- {
8844
- className: "ds:block ds:w-full ds:truncate",
8845
- title: showTitle && typeof item.label === "string" ? item.label : void 0,
8846
- children: item.label
8847
- }
8848
- )
8903
+ /* @__PURE__ */ jsx(AppSidebarGroupLabel, { showTitle, children: item.label })
8849
8904
  ),
8850
8905
  href: item.href,
8851
8906
  active,
@@ -8971,7 +9026,10 @@ var AppHeaderBreadcrumb = forwardRef(
8971
9026
  {
8972
9027
  ref,
8973
9028
  "aria-label": messages.region,
8974
- 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
+ ),
8975
9033
  ...props
8976
9034
  }
8977
9035
  );
@@ -8984,7 +9042,10 @@ var AppHeaderTitle = forwardRef(
8984
9042
  "span",
8985
9043
  {
8986
9044
  ref,
8987
- 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
+ ),
8988
9049
  ...props
8989
9050
  }
8990
9051
  );
@@ -9002,7 +9063,7 @@ var AppHeaderSearch = forwardRef(
9002
9063
  type: "button",
9003
9064
  className: cn(
9004
9065
  // Search-input-shaped trigger — ports `.header-search-trigger`
9005
- "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",
9006
9067
  "ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)] ds:motion-reduce:transition-none",
9007
9068
  "ds:hover:border-rule-strong ds:hover:bg-bg-3",
9008
9069
  "ds:focus-visible:[box-shadow:var(--shadow-focus-ring)] ds:focus-visible:outline-none",
@@ -9016,7 +9077,8 @@ var AppHeaderSearch = forwardRef(
9016
9077
  "kbd",
9017
9078
  {
9018
9079
  className: cn(
9019
- "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",
9020
9082
  "ds:text-fg-3 ds:[border-bottom-width:1.5px] ds:font-mono ds:text-[10.5px]"
9021
9083
  ),
9022
9084
  children: shortcut
@@ -9030,7 +9092,7 @@ var AppHeaderSearch = forwardRef(
9030
9092
  AppHeaderSearch.displayName = "AppHeaderSearch";
9031
9093
  var AppHeaderActions = forwardRef(
9032
9094
  function AppHeaderActions2({ className, ...props }, ref) {
9033
- 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 });
9034
9096
  }
9035
9097
  );
9036
9098
  AppHeaderActions.displayName = "AppHeaderActions";
@@ -9478,16 +9540,28 @@ var ActivityItem = forwardRef(function ActivityItem2({ dot = "default", actor, t
9478
9540
  {
9479
9541
  ref,
9480
9542
  className: cn(
9481
- "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",
9482
9544
  className
9483
9545
  ),
9484
9546
  ...props,
9485
9547
  children: [
9486
- /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: cn("ds:size-1.5 ds:shrink-0 ds:rounded-full", dotClass[dot]) }),
9487
- /* @__PURE__ */ jsx("span", { className: "ds:text-fg-2 ds:font-medium", children: actor }),
9488
- /* @__PURE__ */ jsx("span", { className: "ds:text-fg-3", children: text }),
9489
- target && /* @__PURE__ */ jsx("span", { className: "ds:text-accent ds:hover:underline", children: target }),
9490
- /* @__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 })
9491
9565
  ]
9492
9566
  }
9493
9567
  );
@@ -9572,10 +9646,11 @@ var kanbanCardBase = cn(
9572
9646
  // Drag libraries (dnd-kit, @hello-pangea/dnd) make the card focusable.
9573
9647
  "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]"
9574
9648
  );
9575
- var priorityConfig = {
9576
- high: { label: "High", variant: "destructive" },
9577
- medium: { label: "Med", variant: "warning" },
9578
- low: { label: "Low", variant: "secondary" }
9649
+ var priorityLabel = {
9650
+ urgent: "Urgent",
9651
+ high: "High",
9652
+ medium: "Med",
9653
+ low: "Low"
9579
9654
  };
9580
9655
  var dueStatusClass = {
9581
9656
  overdue: "ds:text-danger-fg ds:font-semibold",
@@ -9584,12 +9659,15 @@ var dueStatusClass = {
9584
9659
  };
9585
9660
  var KanbanCard = forwardRef(function KanbanCard2({ className, label, title, client, priority, dueDate, dueStatus, assignee, children, ...props }, ref) {
9586
9661
  const isRich = title !== void 0;
9587
- const pri = priority ? priorityConfig[priority] : null;
9662
+ const pri = priority ? { priority, label: priorityLabel[priority] } : null;
9588
9663
  const hasFooter = Boolean(dueDate || assignee);
9589
9664
  return /* @__PURE__ */ jsx("div", { ref, className: cn(kanbanCardBase, className), ...props, children: isRich ? /* @__PURE__ */ jsxs("div", { children: [
9590
9665
  (label || pri) && /* @__PURE__ */ jsxs("div", { className: "ds:mb-2 ds:flex ds:items-start ds:justify-between ds:gap-2", children: [
9591
9666
  label ? /* @__PURE__ */ jsx(Badge, { variant: "info", size: "sm", children: label }) : /* @__PURE__ */ jsx("span", {}),
9592
- 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
+ ] })
9593
9671
  ] }),
9594
9672
  /* @__PURE__ */ jsx("p", { className: "ds:text-fg ds:text-[13px] ds:leading-snug ds:font-semibold", children: title }),
9595
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: [
@@ -9610,7 +9688,14 @@ var KanbanCard = forwardRef(function KanbanCard2({ className, label, title, clie
9610
9688
  ]
9611
9689
  }
9612
9690
  ) : /* @__PURE__ */ jsx("span", {}),
9613
- 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
+ ] })
9614
9699
  ] })
9615
9700
  ] }) : children });
9616
9701
  });
@@ -9686,6 +9771,35 @@ var MessageBubbleAction = forwardRef(
9686
9771
  MessageBubbleAction.displayName = "MessageBubble.Action";
9687
9772
  MessageBubble.Tombstone = MessageBubbleTombstone;
9688
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
+ }
9689
9803
  var MessageComposer = forwardRef(
9690
9804
  function MessageComposer2({
9691
9805
  chips,
@@ -9763,19 +9877,11 @@ var MessageComposer = forwardRef(
9763
9877
  },
9764
9878
  i
9765
9879
  )) : chips.map((chip) => /* @__PURE__ */ jsx(
9766
- "button",
9880
+ MessageComposerChip,
9767
9881
  {
9768
- type: "button",
9882
+ chip,
9769
9883
  disabled: isDisabled,
9770
- onClick: () => onChipPick?.(chip),
9771
- title: chip.label,
9772
- className: cn(
9773
- "ds:inline-flex ds:h-6 ds:shrink-0 ds:items-center ds:rounded-full ds:px-2.5",
9774
- "ds:text-[11px] ds:font-medium ds:text-fg-2",
9775
- "ds:bg-bg-2 ds:transition-colors ds:hover:bg-bg-3 ds:hover:text-fg ds:motion-reduce:transition-none",
9776
- "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]"
9777
- ),
9778
- children: chip.label
9884
+ onPick: () => onChipPick?.(chip)
9779
9885
  },
9780
9886
  chip.id
9781
9887
  ))
@@ -10027,7 +10133,7 @@ var Toolbar = forwardRef(function Toolbar2({ className, children, ...props }, re
10027
10133
  Toolbar.displayName = "Toolbar";
10028
10134
  var filterChipVariants = cva(
10029
10135
  cn(
10030
- "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",
10031
10137
  "ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)]",
10032
10138
  "ds:motion-reduce:transition-none",
10033
10139
  "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]",
@@ -10219,7 +10325,7 @@ function BulkActionBar({
10219
10325
  className: cn("ds:sticky ds:bottom-4 ds:z-[var(--z-sticky)] ds:mt-3 ds:flex ds:justify-center", className),
10220
10326
  ...props,
10221
10327
  children: [
10222
- /* @__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 }),
10223
10329
  footer
10224
10330
  ]
10225
10331
  }