@assure-one/design-system 1.45.0 → 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/{brand-scope-BOKu4iOc.d.ts → brand-scope-DwLzUrSY.d.ts} +1 -1
- package/dist/{chunk-64OYQNDR.js → chunk-FIRPQWYR.js} +197 -51
- package/dist/chunk-FIRPQWYR.js.map +1 -0
- package/dist/{chunk-ZS5VLSJW.js → chunk-IIBDSTOG.js} +18 -9
- package/dist/chunk-IIBDSTOG.js.map +1 -0
- package/dist/{chunk-XNJP5LKC.js → chunk-JJ5JFA56.js} +31 -14
- package/dist/chunk-JJ5JFA56.js.map +1 -0
- package/dist/css/components.css +1 -1
- package/dist/{data-table-view-BWhKeUiw.d.ts → data-table-view-D9a1_IRF.d.ts} +50 -4
- package/dist/{design-system-provider-Coe2S3Lh.d.ts → design-system-provider-C6Tu1vyg.d.ts} +1 -1
- package/dist/index.d.ts +27 -9
- package/dist/index.js +190 -84
- package/dist/index.js.map +1 -1
- package/dist/legacy/index.d.ts +3 -3
- package/dist/legacy/index.js +2 -2
- package/dist/next/index.d.ts +2 -2
- package/dist/styles.css +1 -1
- package/dist/suite/index.d.ts +3 -3
- package/dist/suite/index.js +2 -2
- package/dist/{types-DlqmlVyZ.d.ts → types-BTHIs2nk.d.ts} +4 -0
- package/docs/components.md +2 -2
- package/docs/components.registry.json +2 -1
- package/package.json +1 -1
- package/dist/chunk-64OYQNDR.js.map +0 -1
- package/dist/chunk-XNJP5LKC.js.map +0 -1
- 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-
|
|
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-
|
|
4
|
-
import { Collapsible, CollapsibleTrigger, CollapsibleContent, PlainLink, Combobox, Sidebar, SidebarFooter, SidebarUser, useSidebarState, SidebarSection, SidebarLinkGroup, SidebarLink, SidebarLinkLabel, SidebarLinkBadge, CmdkCompatContext, Sheet, SheetContent, SheetTitle } from './chunk-
|
|
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-
|
|
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,
|
|
7
|
-
export { Avatar, Button, Checkbox, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileChip, FileUpload, IconButton, Input, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, Pressable, SPINNER_TONE_TO_INTENT, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Spinner, Textarea, ThemeScope, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, buttonVariants, iconButtonVariants, inputVariants, resolveButtonStyle, spinnerVariants, textareaVariants, useDsMessages, useFieldControl } from './chunk-
|
|
8
|
-
import { cn, ChevronDownIcon, EyeIcon, DownloadIcon, ChevronRightIcon, CheckIcon, CircleIcon, CopyIcon, CalendarIcon, XIcon, AlertTriangleIcon, ArrowRightIcon, ArrowLeftIcon, FileTextIcon, ZoomOutIcon, ZoomInIcon, lucideIcon, SquareExclamationPointIcon, TrendingUpIcon, TrendingDownIcon, SearchIcon, TableIcon, StarIcon, RowsIcon, Rows4Icon, ListChecksIcon, CheckCircleSolidIcon, HelpCircleIcon, UserIcon, SendIcon, SettingsIcon, XCircleIcon, CheckCircle2Icon, InfoIcon, ChevronLeftIcon, FolderOpenIcon, FolderClosedIcon, MinusIcon,
|
|
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
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-
|
|
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
|
|
7976
|
-
|
|
7977
|
-
|
|
7978
|
-
|
|
7979
|
-
|
|
7980
|
-
|
|
7981
|
-
|
|
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__ */
|
|
8802
|
-
|
|
8803
|
-
{
|
|
8804
|
-
|
|
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(
|
|
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(
|
|
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
|
-
|
|
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-
|
|
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(
|
|
9487
|
-
|
|
9488
|
-
|
|
9489
|
-
|
|
9490
|
-
|
|
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
|
|
9576
|
-
|
|
9577
|
-
|
|
9578
|
-
|
|
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 ?
|
|
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__ */
|
|
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 &&
|
|
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
|
-
|
|
9880
|
+
MessageComposerChip,
|
|
9767
9881
|
{
|
|
9768
|
-
|
|
9882
|
+
chip,
|
|
9769
9883
|
disabled: isDisabled,
|
|
9770
|
-
|
|
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
|
}
|