@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/{brand-scope-BOKu4iOc.d.ts → brand-scope-DwLzUrSY.d.ts} +1 -1
- package/dist/{chunk-E2URQD5A.js → chunk-ARCWF2S3.js} +32 -3
- package/dist/chunk-ARCWF2S3.js.map +1 -0
- package/dist/{chunk-PC6M4QZ2.js → chunk-FIRPQWYR.js} +208 -57
- package/dist/chunk-FIRPQWYR.js.map +1 -0
- package/dist/{chunk-Z7QPHPNV.js → chunk-IIBDSTOG.js} +25 -11
- package/dist/chunk-IIBDSTOG.js.map +1 -0
- package/dist/{chunk-4TXBY6P7.js → chunk-JJ5JFA56.js} +35 -18
- 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/icons/index.d.ts +11 -1
- package/dist/icons/index.js +1 -1
- package/dist/index.d.ts +28 -10
- package/dist/index.js +201 -87
- package/dist/index.js.map +1 -1
- package/dist/legacy/index.d.ts +3 -3
- package/dist/legacy/index.js +3 -3
- package/dist/next/index.d.ts +2 -2
- package/dist/styles.css +1 -1
- package/dist/suite/index.d.ts +6 -4
- package/dist/suite/index.js +3 -3
- package/dist/{types-DlqmlVyZ.d.ts → types-BTHIs2nk.d.ts} +4 -0
- package/docs/components.md +4 -4
- package/docs/components.registry.json +3 -2
- package/package.json +1 -1
- package/dist/chunk-4TXBY6P7.js.map +0 -1
- package/dist/chunk-E2URQD5A.js.map +0 -1
- package/dist/chunk-PC6M4QZ2.js.map +0 -1
- package/dist/chunk-Z7QPHPNV.js.map +0 -1
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-
|
|
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,
|
|
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-
|
|
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
|
-
|
|
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-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
7968
|
-
|
|
7969
|
-
|
|
7970
|
-
|
|
7971
|
-
|
|
7972
|
-
|
|
7973
|
-
|
|
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__ */
|
|
8794
|
-
|
|
8795
|
-
{
|
|
8796
|
-
|
|
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(
|
|
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(
|
|
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
|
-
|
|
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-
|
|
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(
|
|
9479
|
-
|
|
9480
|
-
|
|
9481
|
-
|
|
9482
|
-
|
|
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
|
|
9568
|
-
|
|
9569
|
-
|
|
9570
|
-
|
|
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 ?
|
|
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__ */
|
|
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 &&
|
|
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
|
-
|
|
9880
|
+
MessageComposerChip,
|
|
9759
9881
|
{
|
|
9760
|
-
|
|
9882
|
+
chip,
|
|
9761
9883
|
disabled: isDisabled,
|
|
9762
|
-
|
|
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
|
}
|