@assure-one/design-system 1.47.1 → 1.48.0

package/dist/index.js

@@ -1,24 +1,24 @@
 "use client";
-import { Skeleton, ToggleGroup, ToggleGroupItem, useOverflowTooltip, badgeVariants, DataTableBody, DataTableRow, DataTableCell, Badge, Pagination, TableBody, TableRow, TableCell, Table, TableHeader, TableHead } from './chunk-FIRPQWYR.js';
-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';
-import { Collapsible, CollapsibleTrigger, CollapsibleContent, PlainLink, Combobox, Sidebar, SidebarFooter, SidebarUser, useSidebarState, SidebarSection, SidebarLinkGroup, SidebarLink, SidebarLinkLabel, SidebarLinkBadge, CmdkCompatContext, Sheet, SheetContent, SheetTitle } from './chunk-6CXI3KRG.js';
-export { BrandScope, BrandScopeProvider, Chip, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, DEFAULT_COMBOBOX_MESSAGES, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarBrand, SidebarBrandText, SidebarDrawer, SidebarFooter, SidebarLink, SidebarLinkAction, SidebarLinkBadge, SidebarLinkGroup, SidebarLinkLabel, SidebarPinButton, SidebarProvider, SidebarSection, SidebarTrigger, SidebarUser, assetPath, brandScope, chipVariants, getAssetBasePath, resolveChipStyle, setAssetBasePath, sidebarLinkBadgeVariants, useBrandScope, useSidebarPeekLock, useSidebarState } from './chunk-6CXI3KRG.js';
-import { withPortalContainer, Backdrop, alertDialogAnatomy, OverlaySurface, OverlayTitle, OverlayDescription, Button, slot, useDsMessages, useLinkComponent, surfaceAnatomy, stateAttributes, cardAnatomy, ModalPortal, kbdAnatomy, FieldContext, fieldAnatomy, useFieldContext, MENU_SUB_TRIGGER_CHEVRON, menuSubTriggerClasses, MENU_INSET, contextMenuAnatomy, presence, menuItemClasses, MENU_ITEM_DANGER, MENU_INDICATOR_WELL, MENU_CHECK_GLYPH, menuIndicatorItemClasses, MENU_RADIO_GLYPH, menuLabelClasses, menuSeparatorClasses, useFieldControl, useMergedRefs, joinIds, Popover, PopoverTrigger, PopoverContent, FormBridge, CONTROL_SIZE_CLASSES, dialogAnatomy, DismissButton, DEFAULT_OVERLAY_MESSAGES, DISMISS_GLYPH_CLASSES, OverlayBody, headingAnatomy, deprecate, floatingSurfaceClasses, FLOATING_PADDING, FLOATING_WIDTH, labelAnatomy, warnLegacyButtonProps, resolveButtonIcons, buttonVariants, INERT_CLASSES, DISABLED_LOOK_CLASSES, inertHandlers, INERT_ATTRIBUTES, linkButtonAnatomy, useControllableState, controlChrome, mergeRefs, numberInputAnatomy, EN_MESSAGES, phoneFieldAnatomy, Input, useFieldsetContext, useFormReset2, radioGroupAnatomy, microInteractions, CONTROL_LABEL_TEXT, searchInputAnatomy, IconButton, Tooltip, TooltipTrigger, TooltipContent, codeAnatomy, textAnatomy, Slot, stackAnatomy, inlineAnatomy, statusBadgeAnatomy, useFieldsetState, FieldsetContext, fieldsetAnatomy, useFieldsetLegend, shellAnatomy, Avatar, 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';
-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';
-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';
+import { Collapsible, CollapsibleTrigger, CollapsibleContent, PlainLink, Combobox, Sidebar, SidebarFooter, SidebarUser, Chip, useSidebarState, SidebarSection, SidebarLinkGroup, SidebarLink, SidebarLinkLabel, SidebarLinkBadge, CmdkCompatContext, Sheet, SheetContent, SheetTitle } from './chunk-FO2WSYUA.js';
+export { BrandScope, BrandScopeProvider, Chip, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, DEFAULT_COMBOBOX_MESSAGES, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarBrand, SidebarBrandText, SidebarDrawer, SidebarFooter, SidebarLink, SidebarLinkAction, SidebarLinkBadge, SidebarLinkGroup, SidebarLinkLabel, SidebarPinButton, SidebarProvider, SidebarSection, SidebarTrigger, SidebarUser, assetPath, brandScope, chipVariants, getAssetBasePath, resolveChipStyle, setAssetBasePath, sidebarLinkBadgeVariants, useBrandScope, useSidebarPeekLock, useSidebarState } from './chunk-FO2WSYUA.js';
+import { Skeleton, ToggleGroup, ToggleGroupItem, useOverflowTooltip, badgeVariants, DataTableBody, DataTableRow, DataTableCell, Badge, VisuallyHidden, ProgressBar, Pagination, TableBody, TableRow, TableCell, Table, TableHeader, TableHead } from './chunk-YRFLK7ER.js';
+export { Badge, DATA_TABLE_NO_GROUPING, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCellSecondary, DataTableCheckbox, DataTableHead, DataTableHeader, DataTableHeaderMenu, DataTableLoadMore, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableSpacerRow, DataTableToolbar, DataTableView, EmptyValue, PROGRESS_LEGACY_TO_INTENT, Pagination, ProgressBar, ProgressRing, SERVICE_TONES, STATUS_DOT_TONE_TO_INTENT, SegmentedProgress, Skeleton, SkeletonCircle, SkeletonText, StatusDot, Switch, Table, TableBody, TableCaption, TableCell, TableCellSecondary, TableFooter, TableGroupRow, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, ToggleGroup, ToggleGroupItem, VisuallyHidden, badgeVariants, compareSortValues, nextSortDirection, progressBarVariants, progressRingVariants, resolveBadgeAppearance, serviceToneLabel, serviceToneStyle, statusDotVariants, useDataTable, useDataTableGrouping, useDataTableVirtualRows, useScrollRestoration } from './chunk-YRFLK7ER.js';
+import { withPortalContainer, Backdrop, alertDialogAnatomy, OverlaySurface, OverlayTitle, OverlayDescription, Button, slot, useDsMessages, useLinkComponent, surfaceAnatomy, stateAttributes, cardAnatomy, ModalPortal, kbdAnatomy, FieldContext, fieldAnatomy, useFieldContext, MENU_SUB_TRIGGER_CHEVRON, menuSubTriggerClasses, MENU_INSET, contextMenuAnatomy, presence, menuItemClasses, MENU_ITEM_DANGER, MENU_INDICATOR_WELL, MENU_CHECK_GLYPH, menuIndicatorItemClasses, MENU_RADIO_GLYPH, menuLabelClasses, menuSeparatorClasses, useFieldControl, useMergedRefs, joinIds, Popover, PopoverTrigger, PopoverContent, FormBridge, CONTROL_SIZE_CLASSES, dialogAnatomy, DismissButton, DEFAULT_OVERLAY_MESSAGES, DISMISS_GLYPH_CLASSES, OverlayBody, headingAnatomy, deprecate, floatingSurfaceClasses, FLOATING_PADDING, FLOATING_WIDTH, labelAnatomy, warnLegacyButtonProps, resolveButtonIcons, buttonVariants, INERT_CLASSES, DISABLED_LOOK_CLASSES, inertHandlers, INERT_ATTRIBUTES, linkButtonAnatomy, useControllableState, controlChrome, mergeRefs, numberInputAnatomy, EN_MESSAGES, phoneFieldAnatomy, Input, useFieldsetContext, useFormReset2, radioGroupAnatomy, microInteractions, CONTROL_LABEL_TEXT, searchInputAnatomy, IconButton, Tooltip, TooltipTrigger, TooltipContent, codeAnatomy, textAnatomy, Slot, stackAnatomy, inlineAnatomy, statusBadgeAnatomy, useFieldsetState, FieldsetContext, fieldsetAnatomy, useFieldsetLegend, shellAnatomy, Avatar, useId as useId$1, partId, statStripAnatomy, Pressable, Spinner, DropdownMenuItem, filterChipsAnatomy, listPageAnatomy, dataTableAnatomy, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuCheckboxItem, errorOnce, isLabelable, Select, Checkbox, FIELD_PARTS, SelectRoot, SelectTrigger, SelectValue, SelectContent, SelectItem, OverlayHeader, OverlayFooter, commandAnatomy, menuShortcutClasses, useFormReset, sideDrawerAnatomy, Portal, toastAnatomy, useExitPresence, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, TooltipProvider, TOOLTIP_DEFAULT_DELAY_MS, DesignSystemContext, PortalContainerContext, ModalRoot, ModalOverlay, ModalContent, ModalTitle, ModalDescription } from './chunk-HV24JSRN.js';
+export { Avatar, Button, Checkbox, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileChip, FileUpload, IconButton, Input, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, Pressable, SPINNER_TONE_TO_INTENT, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Spinner, Textarea, ThemeScope, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, buttonVariants, iconButtonVariants, inputVariants, resolveButtonStyle, spinnerVariants, textareaVariants, useDsMessages, useFieldControl } from './chunk-HV24JSRN.js';
+import { cn, ChevronDownIcon, EyeIcon, DownloadIcon, ChevronRightIcon, CheckIcon, CircleIcon, CopyIcon, CalendarIcon, XIcon, AlertTriangleIcon, ArrowRightIcon, ArrowLeftIcon, FileTextIcon, ZoomOutIcon, ZoomInIcon, lucideIcon, SquareExclamationPointIcon, TrendingUpIcon, TrendingDownIcon, SearchIcon, TableIcon, StarIcon, RowsIcon, Rows4Icon, ListChecksIcon, CheckCircleSolidIcon, HelpCircleIcon, UserIcon, SendIcon, SettingsIcon, ChevronUpIcon, XCircleIcon, CheckCircle2Icon, InfoIcon, ChevronLeftIcon, FolderOpenIcon, FolderClosedIcon, MinusIcon, Icon, ChartNoAxesColumnIncreasingIcon, MoreHorizontalIcon, AlertCircleIcon, PlusIcon, CircleDashedIcon, LoaderIcon, InfoCircleSolidIcon, AlertTriangleSolidIcon, XCircleSolidIcon, RotateCcwIcon, CommandIcon, GripVerticalIcon, LockIcon, ArrowUpIcon, ArrowDownIcon } from './chunk-ARCWF2S3.js';
 export { AlertCircleIcon, AlertTriangleIcon, AlertTriangleSolidIcon, AlignCenterIcon, AlignLeftIcon, AlignRightIcon, AppWindowIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, ArrowUpRightIcon, AtSignIcon, BanIcon, BarChartIcon, BellIcon, BellRingIcon, BoldIcon, BookTextIcon, BrainIcon, BriefcaseIcon, Building2Icon, BuildingIcon, CalculatorIcon, CalendarIcon, CameraIcon, ChartNoAxesColumnIncreasingIcon, ChatBubbleIcon, CheckCheckIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpDownIcon, CircleDashedIcon, CircleDotIcon, CircleIcon, ClipboardCheckIcon, ClockAlertIcon, ClockIcon, CloseIcon, CommandIcon, CopyIcon, CornerDownLeftIcon, CreditCardIcon, DecimalsArrowLeftIcon, DecimalsArrowRightIcon, DocumentIcon, DollarSignIcon, DownloadIcon, ExternalLinkIcon, ExtractIcon, EyeIcon, EyeOffIcon, FileChartColumnIcon, FileIcon, FilePlusIcon, FileReturnIcon, FileTextIcon, FilterIcon, FlagIcon, FolderClosedIcon, FolderDownIcon, FolderOpenIcon, FolderPlusIcon, FolderUpIcon, GlobeIcon, GoogleBrandIcon, GraduationCapIcon, Grid2x2Icon, GripHorizontalIcon, GripVerticalIcon, HelpCircleIcon, HighlighterIcon, HistoryIcon, HomeIcon, InboxIcon, InfoCircleSolidIcon, InfoIcon, ItalicIcon, KanbanIcon, KeyIcon, LandmarkIcon, LayersIcon, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, MailIcon, MapPinIcon, MaximizeIcon, MenuIcon, MessageCircleIcon, MessageCircleMoreIcon, MessageCircleWarningIcon, MicIcon, MicrosoftBrandIcon, MinimizeIcon, MinusIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MousePointer2Icon, MoveIcon, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PanelRightCloseIcon, PanelRightIcon, PaperclipIcon, PauseIcon, PenSignIcon, PenToolIcon, PencilIcon, PercentIcon, PhoneIcon, PinIcon, PinOffIcon, PlayIcon, PlusIcon, ReceiptIcon, RefreshCwIcon, RepeatIcon, ReplyIcon, RotateCcwIcon, Rows4Icon, RowsIcon, SaveIcon, SearchCheckIcon, SearchIcon, SendIcon, SettingsIcon, ShieldIcon, SigmaIcon, SlashIcon, SmartphoneIcon, SparkleIcon, SparklesIcon, SquareExclamationPointIcon, SquareFunctionIcon, SquareIcon, SquarePlayIcon, SquareSquareIcon, StampIcon, StarIcon, StopIcon, StrikethroughIcon, StripeBrandIcon, SunIcon, TableIcon, TagIcon, TeamIcon, ThumbsDownIcon, ThumbsUpIcon, TimerIcon, Trash2Icon, TrashIcon, TrashSolidIcon, TrendingDownIcon, TrendingUpIcon, TypeIcon, UnderlineIcon, Undo2Icon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VideoIcon, Volume2Icon, VolumeXIcon, WorkflowIcon, XCircleIcon, XCircleSolidIcon, XIcon, ZoomInIcon, ZoomOutIcon, cn, createIcon, iconCursor, iconToSvg } from './chunk-ARCWF2S3.js';
 export { systemTokens } from './chunk-CPOGSNXS.js';
 import './chunk-EUHGZA6Q.js';
 export { colors, radii, reference, shadows, spacing, surfaces, typography } from './chunk-YRHRVOLV.js';
 import * as React30 from 'react';
-import { forwardRef, useId, useRef, useState, useLayoutEffect, createContext, useEffect, useCallback, useMemo, useImperativeHandle, Children, isValidElement, cloneElement, useSyncExternalStore, useContext, createElement } from 'react';
+import { forwardRef, useId, useRef, useState, useLayoutEffect, createContext, useEffect, useCallback, useMemo, useImperativeHandle, Children, isValidElement, cloneElement, createElement, useSyncExternalStore, useContext } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { cva } from 'class-variance-authority';
 import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
 import { DayPicker } from 'react-day-picker';
-import { format, parse, isValid, startOfDay, startOfMonth, startOfYear, subYears, endOfMonth, endOfYear, addYears } from 'date-fns';
+import { format, parse, isValid, startOfDay, startOfMonth, startOfYear, subYears, endOfMonth, endOfYear, addYears, subQuarters, endOfQuarter, startOfQuarter, subMonths, addDays, parseISO } from 'date-fns';
 import { Command } from 'cmdk';
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
@@ -31,7 +31,6 @@ import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import { useFormStatus } from 'react-dom';
 import { Branch } from '@radix-ui/react-dismissable-layer';
-import * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';
 
 var Accordion = React30.forwardRef(function Accordion2({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
@@ -416,9 +415,9 @@ function fileTypeFromName(fileName) {
   const ext = dot >= 0 && dot < fileName.length - 1 ? fileName.slice(dot + 1) : "";
   return normalizeFileType(ext);
 }
-var FileTypeBadge = forwardRef(function FileTypeBadge2({ format: format2, type, fileName, tone = "auto", size, className, "aria-label": ariaLabel, ...props }, ref) {
+var FileTypeBadge = forwardRef(function FileTypeBadge2({ format: format3, type, fileName, tone = "auto", size, className, "aria-label": ariaLabel, ...props }, ref) {
   const messages = useDsMessages("fileTypeBadge");
-  const raw = format2 ?? type ?? (fileName != null ? fileTypeFromName(fileName) : void 0) ?? "FILE";
+  const raw = format3 ?? type ?? (fileName != null ? fileTypeFromName(fileName) : void 0) ?? "FILE";
   const code = normalizeFileType(raw);
   const resolvedTone = tone !== "auto" ? tone : TYPE_TO_TONE[code] ?? "neutral";
   return /* @__PURE__ */ jsx(
@@ -1059,7 +1058,7 @@ function Calendar({
 }) {
   const isRange = mode === "range";
   const single = !isRange ? selected : void 0;
-  const range = isRange ? selected : void 0;
+  const range2 = isRange ? selected : void 0;
   const locale = useLocale(typeof localeProp === "string" ? localeProp : void 0);
   const localeObject = typeof localeProp === "object" ? localeProp : void 0;
   const localeProps = React30.useMemo(
@@ -1091,8 +1090,8 @@ function Calendar({
     if (minDate) return { before: minDate };
     return { after: maxDate };
   }, [minDate, maxDate]);
-  const rangeFrom = range?.from;
-  const rangeTo = range?.to;
+  const rangeFrom = range2?.from;
+  const rangeTo = range2?.to;
   const navRange = React30.useMemo(
     () => captionLayout === "label" ? void 0 : resolveCalendarNavRange({
       minDate,
@@ -2700,8 +2699,8 @@ var DateRangePicker = forwardRef(
       [onChange]
     );
     const handleCalendarSelect = useCallback(
-      (range) => {
-        if (!range && draftRange?.from && draftRange.to && isSameDate(draftRange.from, draftRange.to)) {
+      (range2) => {
+        if (!range2 && draftRange?.from && draftRange.to && isSameDate(draftRange.from, draftRange.to)) {
           const day = dateToIso(draftRange.from);
           const next = { from: day, to: day };
           if (!isControlled) setInternalValue(next);
@@ -2710,9 +2709,9 @@ var DateRangePicker = forwardRef(
           setOpen(false);
           return;
         }
-        setDraftRange(range);
-        const fromIso = range?.from ? dateToIso(range.from) : "";
-        const toIso = range?.to ? dateToIso(range.to) : "";
+        setDraftRange(range2);
+        const fromIso = range2?.from ? dateToIso(range2.from) : "";
+        const toIso = range2?.to ? dateToIso(range2.to) : "";
         if (fromIso && toIso && fromIso !== toIso) {
           const next = { from: fromIso, to: toIso };
           if (!isControlled) setInternalValue(next);
@@ -4402,7 +4401,7 @@ var NumberInput = forwardRef(function NumberInput2({
     "aria-labelledby": ariaLabelledBy,
     "aria-describedby": ariaDescribedBy
   });
-  const format2 = useCallback(
+  const format3 = useCallback(
     (next) => formatNumber(next, locale, formatOptions),
     [locale, formatOptions]
   );
@@ -4410,12 +4409,12 @@ var NumberInput = forwardRef(function NumberInput2({
     (text2) => parseNumber(text2, locale, formatOptions),
     [locale, formatOptions]
   );
-  const [text, setText] = useState(() => format2(value));
+  const [text, setText] = useState(() => format3(value));
   useEffect(() => {
     const typed = parse2(text);
     const typedValue = typed == null || Number.isNaN(typed) ? null : typed;
-    if (typedValue !== value) setText(format2(value));
-  }, [value, format2, parse2]);
+    if (typedValue !== value) setText(format3(value));
+  }, [value, format3, parse2]);
   const commit = useCallback(
     (next) => {
       if (next == null || Number.isNaN(next)) {
@@ -4425,9 +4424,9 @@ var NumberInput = forwardRef(function NumberInput2({
       }
       const canonical = roundToFormat(clampNumber(next, min, max), locale, formatOptions);
       setValue(canonical);
-      setText(format2(canonical));
+      setText(format3(canonical));
     },
-    [min, max, locale, formatOptions, format2, setValue]
+    [min, max, locale, formatOptions, format3, setValue]
   );
   const stepBy = (direction, steps) => {
     if (wiring.disabled || wiring.readOnly) return;
@@ -4535,7 +4534,7 @@ var NumberInput = forwardRef(function NumberInput2({
         disabled: wiring.disabled,
         onReset: () => {
           setValue(defaultValue);
-          setText(format2(defaultValue));
+          setText(format3(defaultValue));
         }
       }
     )
@@ -7935,12 +7934,6 @@ var Code = forwardRef(function Code2({ variant = "inline", className, children,
   );
 });
 Code.displayName = "Code";
-var VisuallyHidden = forwardRef(
-  function VisuallyHidden2({ children, ...props }, ref) {
-    return /* @__PURE__ */ jsx(VisuallyHiddenPrimitive.Root, { ref, ...props, children });
-  }
-);
-VisuallyHidden.displayName = "VisuallyHidden";
 var TextOverflowTooltip = forwardRef(
   function TextOverflowTooltip2({ className, children, onPointerEnter, onFocus, ...props }, ref) {
     const overflow = useOverflowTooltip();
@@ -8279,9 +8272,28 @@ function MultiSelect(props) {
   return /* @__PURE__ */ jsx(Combobox, { ...props, multiple: true });
 }
 MultiSelect.displayName = "MultiSelect";
+var canMatchMedia = () => typeof window !== "undefined" && typeof window.matchMedia === "function";
+function useMediaQuery(query, { serverValue = false } = {}) {
+  const subscribe3 = useCallback(
+    (onStoreChange) => {
+      if (!canMatchMedia()) return () => {
+      };
+      const list = window.matchMedia(query);
+      list.addEventListener("change", onStoreChange);
+      return () => list.removeEventListener("change", onStoreChange);
+    },
+    [query]
+  );
+  const getSnapshot = () => canMatchMedia() ? window.matchMedia(query).matches : serverValue;
+  const getServerSnapshot2 = () => serverValue;
+  return useSyncExternalStore(subscribe3, getSnapshot, getServerSnapshot2);
+}
 
 // src/foundation/use-reduced-motion.ts
 var REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
+function useReducedMotion(options) {
+  return useMediaQuery(REDUCED_MOTION_QUERY, options);
+}
 var statusLabel = {
   "not-started": "Not started",
   "in-progress": "In progress",
@@ -8904,6 +8916,7 @@ function AppSidebarRow({
       ),
       href: item.href,
       active,
+      activeDescendant: hasActiveDescendant(item, activeId),
       defaultOpen: active || hasActiveDescendant(item, activeId),
       children: item.children.map((child) => /* @__PURE__ */ jsx(AppSidebarRow, { item: child, activeId, showTitle, RouterLink }, child.id))
     }
@@ -9231,10 +9244,10 @@ function Sparkline({ data, className }) {
   const h = 28;
   const min = Math.min(...data);
   const max = Math.max(...data);
-  const range = max - min || 1;
+  const range2 = max - min || 1;
   const coords = data.map((d, i) => {
     const x = i / (data.length - 1) * w;
-    const y = h - (d - min) / range * (h - 2) - 1;
+    const y = h - (d - min) / range2 * (h - 2) - 1;
     return [x, y];
   });
   const line = coords.map(([x, y]) => `${x.toFixed(2)},${y.toFixed(2)}`).join(" ");
@@ -10176,13 +10189,484 @@ var FilterChip = forwardRef(function FilterChip2({ active = false, size, count,
   );
 });
 FilterChip.displayName = "FilterChip";
-var BulkActionBarContext = React30.createContext({ tone: "surface" });
+var StatStripContext = React30.createContext({
+  loading: false,
+  countUp: false,
+  highlightChanges: false
+});
+var storedFlags = /* @__PURE__ */ new Map();
+var storageListeners = /* @__PURE__ */ new Set();
+function readStoredFlag(key) {
+  if (!storedFlags.has(key)) {
+    let value = null;
+    try {
+      const raw = window.localStorage.getItem(key);
+      value = raw === "1" ? true : raw === "0" ? false : null;
+    } catch {
+    }
+    storedFlags.set(key, value);
+  }
+  return storedFlags.get(key) ?? null;
+}
+function writeStoredFlag(key, value) {
+  storedFlags.set(key, value);
+  try {
+    window.localStorage.setItem(key, value ? "1" : "0");
+  } catch {
+  }
+  for (const listener of storageListeners) listener();
+}
+function subscribeStoredFlags(listener) {
+  storageListeners.add(listener);
+  const onStorage = (event) => {
+    if (event.key === null) storedFlags.clear();
+    else storedFlags.delete(event.key);
+    listener();
+  };
+  window.addEventListener("storage", onStorage);
+  return () => {
+    storageListeners.delete(listener);
+    window.removeEventListener("storage", onStorage);
+  };
+}
+var serverFlag = () => null;
+function useStoredFlag(key) {
+  const getSnapshot = React30.useCallback(() => key ? readStoredFlag(key) : null, [key]);
+  return React30.useSyncExternalStore(subscribeStoredFlags, getSnapshot, serverFlag);
+}
+function readDuration(element, property, fallback) {
+  const raw = getComputedStyle(element).getPropertyValue(property).trim();
+  if (raw.endsWith("ms")) return Number.parseFloat(raw) || fallback;
+  if (raw.endsWith("s")) return (Number.parseFloat(raw) || fallback / 1e3) * 1e3;
+  return fallback;
+}
+function useCountUp(target, enabled) {
+  const reduced = useReducedMotion();
+  const [shown, setShown] = React30.useState(target);
+  const shownRef = React30.useRef(target);
+  React30.useEffect(() => {
+    if (!enabled || reduced || !Number.isFinite(target)) {
+      shownRef.current = target;
+      setShown(target);
+      return;
+    }
+    const from = shownRef.current;
+    if (from === target) return;
+    const duration = readDuration(document.documentElement, "--motion-duration-deliberate", 400);
+    const start = performance.now();
+    let frame = 0;
+    const tick = (now) => {
+      const t = Math.min(1, (now - start) / duration);
+      const eased = 1 - Math.pow(1 - t, 4);
+      const next = from + (target - from) * eased;
+      shownRef.current = next;
+      setShown(next);
+      if (t < 1) frame = requestAnimationFrame(tick);
+    };
+    frame = requestAnimationFrame(tick);
+    return () => cancelAnimationFrame(frame);
+  }, [target, enabled, reduced]);
+  return enabled ? shown : target;
+}
+var GLOW_MS = 1200;
+function useChangeGlow(value, enabled) {
+  const previous = React30.useRef(value);
+  const [glowing, setGlowing] = React30.useState(false);
+  React30.useEffect(() => {
+    const changed = !Object.is(previous.current, value);
+    previous.current = value;
+    if (!enabled || !changed) {
+      setGlowing(false);
+      return;
+    }
+    setGlowing(true);
+    const timer = setTimeout(() => setGlowing(false), GLOW_MS);
+    return () => clearTimeout(timer);
+  }, [value, enabled]);
+  return enabled && glowing;
+}
+var WIDE_COLUMNS_VAR = "--ds-stat-strip-columns";
+var StatStrip = React30.forwardRef(function StatStrip2({
+  children,
+  label,
+  columns,
+  collapsible = false,
+  collapsed: collapsedProp,
+  defaultCollapsed = false,
+  onCollapsedChange,
+  storageKey,
+  loading = false,
+  countUp = false,
+  highlightChanges = false,
+  className,
+  style,
+  id: idProp,
+  ...props
+}, forwardedRef) {
+  const messages = useDsMessages("statStrip");
+  const id = useId$1(idProp, "stat-strip");
+  const contentId = partId(id, "content");
+  const stored = useStoredFlag(storageKey);
+  const [uncontrolled, setUncontrolled] = React30.useState(defaultCollapsed);
+  const collapsed = collapsible ? collapsedProp ?? stored ?? uncontrolled : false;
+  const rootRef = React30.useRef(null);
+  const fromHeight = React30.useRef(null);
+  React30.useLayoutEffect(() => {
+    const element = rootRef.current;
+    const from = fromHeight.current;
+    fromHeight.current = null;
+    if (!element || from === null || typeof element.animate !== "function") return;
+    if (window.matchMedia?.("(prefers-reduced-motion: reduce)").matches) return;
+    const to = element.getBoundingClientRect().height;
+    if (Math.abs(to - from) < 1) return;
+    const style2 = getComputedStyle(element);
+    element.animate([{ height: `${from}px` }, { height: `${to}px` }], {
+      duration: readDuration(element, "--motion-duration-spatial", 250),
+      easing: style2.getPropertyValue("--motion-ease-move").trim() || "cubic-bezier(0.4, 0, 0.2, 1)"
+    });
+  }, [collapsed]);
+  const toggle = () => {
+    const next = !collapsed;
+    fromHeight.current = rootRef.current?.getBoundingClientRect().height ?? null;
+    setUncontrolled(next);
+    if (storageKey) writeStoredFlag(storageKey, next);
+    onCollapsedChange?.(next);
+  };
+  const setRefs = React30.useCallback(
+    (node) => {
+      rootRef.current = node;
+      if (typeof forwardedRef === "function") forwardedRef(node);
+      else if (forwardedRef) forwardedRef.current = node;
+    },
+    [forwardedRef]
+  );
+  const context = React30.useMemo(
+    () => ({ loading, countUp, highlightChanges }),
+    [loading, countUp, highlightChanges]
+  );
+  const toggleLabel = collapsed ? messages.expand : messages.collapse;
+  const [content, setContent] = React30.useState(null);
+  const [scrollable, setScrollable] = React30.useState(false);
+  React30.useEffect(() => {
+    if (!content || !collapsed) {
+      setScrollable(false);
+      return;
+    }
+    const measure = () => setScrollable(
+      content.scrollWidth > content.clientWidth + 1 && !content.querySelector("button:not([disabled])")
+    );
+    measure();
+    if (typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(measure);
+    observer.observe(content);
+    return () => observer.disconnect();
+  }, [content, collapsed]);
+  return /* @__PURE__ */ jsx(StatStripContext, { value: context, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: setRefs,
+      id,
+      role: "group",
+      "aria-label": label ?? messages.region,
+      "aria-busy": loading || void 0,
+      ...slot(statStripAnatomy, "root"),
+      ...stateAttributes({ state: collapsed ? "collapsed" : "expanded", loading }),
+      "data-collapsible": collapsible ? "" : void 0,
+      className: cn(
+        "ds:group/stat-strip ds:@container/stat-strip ds:relative ds:overflow-hidden",
+        "ds:rounded-card ds:border-rule ds:bg-surface ds:shadow-quiet ds:border",
+        className
+      ),
+      style: columns === void 0 ? style : { [WIDE_COLUMNS_VAR]: Math.max(1, Math.round(columns)), ...style },
+      ...props,
+      children: [
+        /* @__PURE__ */ createElement(
+          "div",
+          {
+            ref: setContent,
+            id: contentId,
+            ...slot(statStripAnatomy, "content"),
+            ...scrollable ? { tabIndex: 0, role: "region", "aria-label": label ?? messages.region } : {},
+            className: cn(
+              // Expanded: a grid whose hairlines are each cell's inset right and
+              // bottom edge. The grid overhangs the card by 1px on both axes, so
+              // the last column's and last row's edges fall under the root's
+              // `overflow-hidden` instead of doubling the border. Unlike
+              // `gap-px` over a rule-coloured fill, a short last row leaves
+              // surface — not a grey block — in the empty cells.
+              "ds:-me-px ds:-mb-px ds:grid ds:grid-cols-2 ds:@lg/stat-strip:grid-cols-3",
+              columns === void 0 ? "ds:@4xl/stat-strip:auto-cols-fr ds:@4xl/stat-strip:grid-flow-col ds:@4xl/stat-strip:grid-cols-none" : "ds:@4xl/stat-strip:grid-cols-[repeat(var(--ds-stat-strip-columns),minmax(0,1fr))]",
+              "ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:duration-[var(--motion-duration-overlay)] ds:ease-[var(--motion-ease-enter)]",
+              // Collapsed: one line of inline metrics that scrolls sideways,
+              // leaving room on the right for the chevron.
+              "ds:group-data-[state=collapsed]/stat-strip:flex ds:group-data-[state=collapsed]/stat-strip:items-center",
+              "ds:group-data-[state=collapsed]/stat-strip:overflow-x-auto ds:group-data-[state=collapsed]/stat-strip:py-1",
+              "ds:group-data-[state=collapsed]/stat-strip:m-0 ds:group-data-[state=collapsed]/stat-strip:ps-2 ds:group-data-[state=collapsed]/stat-strip:[scrollbar-width:none]",
+              collapsible && "ds:group-data-[state=collapsed]/stat-strip:pe-10",
+              "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:inset_0_0_0_2px_var(--color-brand-ring)]"
+            ),
+            key: collapsed ? "collapsed" : "expanded"
+          },
+          children
+        ),
+        collapsible && /* @__PURE__ */ jsx(
+          "div",
+          {
+            ...slot(statStripAnatomy, "toggle"),
+            className: cn(
+              "ds:absolute ds:end-1.5 ds:top-1.5",
+              // Collapsed: a full-height surface pad with a short fade on its
+              // leading edge, so metrics scrolling under it dissolve instead
+              // of colliding with the chevron.
+              "ds:group-data-[state=collapsed]/stat-strip:inset-y-0 ds:group-data-[state=collapsed]/stat-strip:end-0",
+              "ds:group-data-[state=collapsed]/stat-strip:flex ds:group-data-[state=collapsed]/stat-strip:items-center",
+              "ds:group-data-[state=collapsed]/stat-strip:bg-surface ds:group-data-[state=collapsed]/stat-strip:pe-1.5",
+              "ds:group-data-[state=collapsed]/stat-strip:before:absolute ds:group-data-[state=collapsed]/stat-strip:before:inset-y-0",
+              "ds:group-data-[state=collapsed]/stat-strip:before:end-full ds:group-data-[state=collapsed]/stat-strip:before:w-6",
+              "ds:group-data-[state=collapsed]/stat-strip:before:bg-linear-to-l ds:group-data-[state=collapsed]/stat-strip:before:from-surface ds:group-data-[state=collapsed]/stat-strip:before:to-transparent"
+            ),
+            children: /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                variant: "ghost",
+                size: "xs",
+                label: toggleLabel,
+                "aria-expanded": !collapsed,
+                "aria-controls": contentId,
+                onClick: toggle,
+                icon: collapsed ? /* @__PURE__ */ jsx(ChevronDownIcon, {}) : /* @__PURE__ */ jsx(ChevronUpIcon, {})
+              }
+            )
+          }
+        )
+      ]
+    }
+  ) });
+});
+StatStrip.displayName = "StatStrip";
+var SELECTED_FILL = {
+  neutral: "ds:data-[pressed]:bg-bg-2",
+  brand: "ds:data-[pressed]:bg-brand-bg",
+  info: "ds:data-[pressed]:bg-info/10",
+  success: "ds:data-[pressed]:bg-success-bg",
+  warning: "ds:data-[pressed]:bg-warning-bg",
+  danger: "ds:data-[pressed]:bg-danger-bg"
+};
+var SELECTED_RULE = {
+  neutral: "ds:bg-fg-3",
+  brand: "ds:bg-brand",
+  info: "ds:bg-info",
+  success: "ds:bg-success-fg",
+  warning: "ds:bg-warning-fg",
+  danger: "ds:bg-danger-fg"
+};
+var CAPTION_INK = {
+  neutral: "ds:text-fg-3",
+  brand: "ds:text-brand",
+  info: "ds:text-info",
+  success: "ds:text-success-fg",
+  warning: "ds:text-warning-fg",
+  danger: "ds:text-danger-fg"
+};
+var defaultFormat3 = (value) => Math.round(value).toLocaleString();
+var CELL_CLASSES = cn(
+  "ds:relative ds:flex ds:min-w-0 ds:flex-col ds:justify-start ds:px-5 ds:py-3 ds:text-start",
+  "ds:bg-surface ds:transition-colors ds:duration-[var(--motion-duration-deliberate)] ds:ease-[var(--motion-ease-standard)] ds:motion-reduce:transition-none",
+  // The hairlines: the inset right and bottom edge of every cell (inset, so a
+  // neighbour's background cannot paint over them; see the content's
+  // overhang for the card edge).
+  "ds:[box-shadow:inset_-1px_0_0_var(--color-rule),inset_0_-1px_0_var(--color-rule)]",
+  // Collapsed: an inline `label value` pair with a short divider before it.
+  "ds:group-data-[state=collapsed]/stat-strip:shrink-0 ds:group-data-[state=collapsed]/stat-strip:flex-row",
+  "ds:group-data-[state=collapsed]/stat-strip:items-baseline ds:group-data-[state=collapsed]/stat-strip:gap-1.5",
+  "ds:group-data-[state=collapsed]/stat-strip:rounded-btn ds:group-data-[state=collapsed]/stat-strip:px-2.5 ds:group-data-[state=collapsed]/stat-strip:py-1",
+  "ds:group-data-[state=collapsed]/stat-strip:shadow-none",
+  "ds:group-data-[state=collapsed]/stat-strip:not-first:before:absolute ds:group-data-[state=collapsed]/stat-strip:not-first:before:start-0",
+  "ds:group-data-[state=collapsed]/stat-strip:not-first:before:top-1/2 ds:group-data-[state=collapsed]/stat-strip:not-first:before:h-4",
+  "ds:group-data-[state=collapsed]/stat-strip:not-first:before:w-px ds:group-data-[state=collapsed]/stat-strip:not-first:before:-translate-y-1/2",
+  "ds:group-data-[state=collapsed]/stat-strip:not-first:before:bg-rule"
+);
+var PRESSABLE_CELL_CLASSES = cn(
+  "ds:cursor-pointer ds:hover:bg-surface-hover",
+  // An inset ring: a cell on the card edge would have an outer ring clipped
+  // by the root's overflow.
+  "ds:focus-visible:[box-shadow:inset_0_0_0_2px_var(--color-brand-ring)]",
+  "ds:data-[disabled]:opacity-45"
+);
+var StatStripItem = React30.forwardRef(
+  function StatStripItem2({
+    label,
+    value,
+    format: format3 = defaultFormat3,
+    caption,
+    progress,
+    progressLabel,
+    intent,
+    tintCaption = false,
+    pressed,
+    onPressedChange,
+    disabled,
+    loading: loadingProp,
+    countUp: countUpProp,
+    highlightChanges: highlightProp,
+    className,
+    onClick,
+    ...props
+  }, ref) {
+    const strip = React30.use(StatStripContext);
+    const loading = loadingProp ?? strip.loading;
+    const numeric = typeof value === "number";
+    const animate = numeric && (countUpProp ?? strip.countUp);
+    const shown = useCountUp(numeric ? value : 0, animate);
+    const glowing = useChangeGlow(value, highlightProp ?? strip.highlightChanges);
+    const toggles = pressed !== void 0 || onPressedChange !== void 0;
+    const resolvedIntent = intent ?? "neutral";
+    const finalText = numeric ? format3(value) : null;
+    const valueNode = numeric ? animate ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: format3(shown) }),
+      /* @__PURE__ */ jsx(VisuallyHidden, { children: finalText })
+    ] }) : finalText : value;
+    const body = /* @__PURE__ */ jsxs(Fragment, { children: [
+      toggles && /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: cn(
+            // Inside the cell rather than on its border, so the grid's
+            // hairlines stay unbroken while the filter is on.
+            "ds:absolute ds:inset-x-0 ds:top-0 ds:h-0.5 ds:opacity-0",
+            "ds:transition-opacity ds:duration-[var(--motion-duration-overlay)] ds:motion-reduce:transition-none",
+            "ds:group-data-[pressed]/stat-strip-item:opacity-100",
+            "ds:group-data-[state=collapsed]/stat-strip:hidden",
+            SELECTED_RULE[resolvedIntent]
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          ...slot(statStripAnatomy, "label"),
+          className: "ds:text-helper ds:text-fg-3 ds:truncate ds:font-medium ds:group-data-[state=collapsed]/stat-strip:font-normal",
+          children: label
+        }
+      ),
+      /* @__PURE__ */ jsx(VisuallyHidden, { children: ": " }),
+      /* @__PURE__ */ jsxs("span", { className: "ds:mt-1.5 ds:flex ds:min-w-0 ds:items-center ds:gap-3 ds:group-data-[state=collapsed]/stat-strip:mt-0", children: [
+        loading ? /* @__PURE__ */ jsx(Skeleton, { className: "ds:h-7 ds:w-16 ds:group-data-[state=collapsed]/stat-strip:h-4 ds:group-data-[state=collapsed]/stat-strip:w-8" }) : /* @__PURE__ */ jsx(
+          "span",
+          {
+            ...slot(statStripAnatomy, "value"),
+            className: cn(
+              "ds:text-title-page ds:text-fg ds:shrink-0 ds:truncate ds:leading-none ds:font-semibold ds:tabular-nums",
+              "ds:group-data-[state=collapsed]/stat-strip:text-body ds:group-data-[state=collapsed]/stat-strip:leading-normal"
+            ),
+            children: valueNode
+          }
+        ),
+        progress !== void 0 && !loading && /* @__PURE__ */ jsx(
+          ProgressBar,
+          {
+            value: Math.max(0, Math.min(100, progress)),
+            max: 100,
+            size: "xs",
+            intent: intent ?? "brand",
+            "aria-label": progressLabel ?? (typeof label === "string" ? label : void 0),
+            className: "ds:min-w-0 ds:flex-1 ds:group-data-[state=collapsed]/stat-strip:hidden"
+          }
+        )
+      ] }),
+      caption !== void 0 && caption !== null && /* @__PURE__ */ jsx(
+        "span",
+        {
+          ...slot(statStripAnatomy, "caption"),
+          className: cn(
+            "ds:text-helper ds:mt-2 ds:block ds:truncate ds:group-data-[state=collapsed]/stat-strip:hidden",
+            tintCaption ? CAPTION_INK[resolvedIntent] : "ds:text-fg-3"
+          ),
+          children: loading ? /* @__PURE__ */ jsx(Skeleton, { className: "ds:h-3 ds:w-24" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(VisuallyHidden, { children: ", " }),
+            caption
+          ] })
+        }
+      )
+    ] });
+    const shared = {
+      ...slot(statStripAnatomy, "item"),
+      "data-glow": glowing ? "" : void 0,
+      "data-intent": intent
+    };
+    const glowClass = "ds:data-[glow]:bg-brand-bg";
+    if (toggles) {
+      return /* @__PURE__ */ jsx(
+        Pressable,
+        {
+          ref,
+          pressed: pressed ?? false,
+          disabled,
+          onClick: (event) => {
+            onClick?.(event);
+            if (!event.defaultPrevented) onPressedChange?.(!(pressed ?? false));
+          },
+          className: cn(
+            "ds:group/stat-strip-item",
+            CELL_CLASSES,
+            PRESSABLE_CELL_CLASSES,
+            glowClass,
+            SELECTED_FILL[resolvedIntent],
+            className
+          ),
+          ...props,
+          ...shared,
+          children: body
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(CELL_CLASSES, glowClass, className),
+        ...onClick ? { onClick } : {},
+        ...props,
+        ...shared,
+        children: body
+      }
+    );
+  }
+);
+StatStripItem.displayName = "StatStripItem";
+var BulkActionBarContext = React30.createContext({
+  tone: "surface",
+  unavailable: false
+});
+function useBulkLayer(openProp, defaultOpen, onOpenChange, disabled) {
+  const { unavailable } = React30.use(BulkActionBarContext);
+  const blocked = unavailable || disabled;
+  const [uncontrolled, setUncontrolled] = React30.useState(defaultOpen);
+  const open = openProp ?? uncontrolled;
+  const setOpen = React30.useCallback(
+    (next) => {
+      if (next && blocked) return;
+      setUncontrolled(next);
+      onOpenChange?.(next);
+    },
+    [blocked, onOpenChange]
+  );
+  React30.useEffect(() => {
+    if (blocked && open) setOpen(false);
+  }, [blocked, open, setOpen]);
+  return { open: open && !blocked, setOpen };
+}
 function actionClasses(tone, destructive) {
   const base = cn(
-    "ds:inline-flex ds:h-8 ds:items-center ds:gap-1.5 ds:rounded-btn ds:px-3 ds:text-[13px] ds:font-medium",
+    "ds:inline-flex ds:h-8 ds:shrink-0 ds:items-center ds:gap-1.5 ds:rounded-btn ds:px-3 ds:text-[13px] ds:font-medium ds:whitespace-nowrap",
     "ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)]",
     "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]",
-    "ds:disabled:pointer-events-none ds:disabled:opacity-45",
+    "ds:disabled:pointer-events-none ds:disabled:opacity-45 ds:data-[loading]:opacity-100",
+    // While loading, the spinner takes the leading icon's place so the row
+    // does not shift.
+    "ds:data-[loading]:[&>svg:first-of-type]:hidden",
+    "ds:aria-disabled:opacity-45",
     "ds:motion-reduce:transition-none",
     "ds:[&_svg]:size-4 ds:[&_svg]:shrink-0"
   );
@@ -10199,7 +10683,7 @@ function actionClasses(tone, destructive) {
     destructive ? "ds:text-control-destructive-fg ds:hover:bg-control-destructive-hover-bg" : "ds:text-control-fg ds:hover:bg-control-hover-bg ds:hover:text-control-hover-fg"
   );
 }
-var BulkActionBarAction = React30.forwardRef(function BulkActionBarAction2({ asChild = false, destructive, className, type, ...props }, ref) {
+var BulkActionBarAction = React30.forwardRef(function BulkActionBarAction2({ asChild = false, destructive, loading, className, type, children, ...props }, ref) {
   const { tone } = React30.use(BulkActionBarContext);
   const Comp = asChild ? Slot : "button";
   return /* @__PURE__ */ jsx(
@@ -10207,8 +10691,14 @@ var BulkActionBarAction = React30.forwardRef(function BulkActionBarAction2({ asC
     {
       ref,
       type: asChild ? void 0 : type ?? "button",
+      "aria-busy": loading || void 0,
+      "data-loading": loading ? "" : void 0,
       className: cn(actionClasses(tone, destructive), className),
-      ...props
+      ...props,
+      children: loading && !asChild ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Spinner, { size: "xs", "aria-hidden": "true" }),
+        children
+      ] }) : children
     }
   );
 });
@@ -10228,13 +10718,116 @@ function BulkActionBarSeparator({ className }) {
   );
 }
 var BAR_ENTER = "ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:slide-in-from-bottom-2 ds:duration-[var(--motion-duration-overlay)] ds:ease-[var(--motion-ease-enter)]";
+var PRESENCE_BASE = "ds:transition-[opacity,translate] ds:motion-reduce:transition-none";
+var PRESENCE_SHOWN = "ds:translate-y-0 ds:opacity-100 ds:duration-[var(--motion-duration-overlay)] ds:ease-[var(--motion-ease-enter)]";
+var PRESENCE_HIDDEN = "ds:pointer-events-none ds:translate-y-2 ds:opacity-0 ds:duration-[var(--motion-duration-overlay-exit)] ds:ease-[var(--motion-ease-exit)]";
+var SURFACE_CHROME = "ds:border-rule ds:bg-surface ds:text-fg ds:border";
+var FLOATING_SURFACE_CHROME = "ds:border-rule ds:bg-surface-floating ds:text-fg ds:border ds:shadow-pop";
+var INVERSE_CHROME = "ds:bg-selection-floating-bg ds:text-selection-floating-fg ds:shadow-pop";
+var ESCAPE_OWNERS = "[role='dialog'],[role='alertdialog'],[role='menu'],[role='listbox'],[data-radix-popper-content-wrapper]";
+function useEscapeToClear(active, clear) {
+  const latest = React30.useRef(clear);
+  React30.useEffect(() => {
+    latest.current = clear;
+  });
+  React30.useEffect(() => {
+    if (!active) return;
+    const onKeyDown = (event) => {
+      if (event.key !== "Escape" || event.defaultPrevented || event.isComposing) return;
+      if (document.querySelector(ESCAPE_OWNERS)) return;
+      latest.current();
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [active]);
+}
+var ITEM_SELECTOR = "button, a[href], input, select, textarea, [role='button'], [role='link']";
+function toolbarItems(toolbar) {
+  return Array.from(toolbar.querySelectorAll(ITEM_SELECTOR)).filter(
+    (element) => element.closest("[role='toolbar']") === toolbar && !element.parentElement?.closest(ITEM_SELECTOR)
+  );
+}
+var isFocusable = (element) => !element.disabled && !element.closest("fieldset:disabled");
+function useRovingToolbar(toolbar) {
+  const active = React30.useRef(null);
+  React30.useEffect(() => {
+    if (!toolbar) return;
+    const sync = () => {
+      const items = toolbarItems(toolbar);
+      const focusable = items.filter(isFocusable);
+      if (!active.current || !focusable.includes(active.current)) active.current = focusable[0] ?? null;
+      for (const item of items) {
+        const next = item === active.current ? "0" : "-1";
+        if (item.getAttribute("tabindex") !== next) item.setAttribute("tabindex", next);
+      }
+    };
+    const onFocusIn = (event) => {
+      const item = toolbarItems(toolbar).find((candidate) => candidate.contains(event.target));
+      if (item && item !== active.current) {
+        active.current = item;
+        sync();
+      }
+    };
+    const onKeyDown = (event) => {
+      if (event.defaultPrevented || event.altKey || event.ctrlKey || event.metaKey) return;
+      const target = event.target;
+      if (target.matches("input, textarea, select, [contenteditable='true']")) return;
+      const items = toolbarItems(toolbar).filter(isFocusable);
+      const index = items.findIndex((item2) => item2.contains(target));
+      if (index === -1) return;
+      const rtl = getComputedStyle(toolbar).direction === "rtl";
+      let next;
+      switch (event.key) {
+        case "ArrowRight":
+          next = rtl ? index - 1 : index + 1;
+          break;
+        case "ArrowLeft":
+          next = rtl ? index + 1 : index - 1;
+          break;
+        case "Home":
+          next = 0;
+          break;
+        case "End":
+          next = items.length - 1;
+          break;
+        default:
+          return;
+      }
+      event.preventDefault();
+      const item = items[(next + items.length) % items.length];
+      if (!item) return;
+      active.current = item;
+      sync();
+      item.focus();
+      item.scrollIntoView?.({ block: "nearest", inline: "nearest" });
+    };
+    sync();
+    const observer = new MutationObserver(sync);
+    observer.observe(toolbar, {
+      subtree: true,
+      childList: true,
+      attributes: true,
+      attributeFilter: ["disabled"]
+    });
+    toolbar.addEventListener("focusin", onFocusIn);
+    toolbar.addEventListener("keydown", onKeyDown);
+    return () => {
+      observer.disconnect();
+      toolbar.removeEventListener("focusin", onFocusIn);
+      toolbar.removeEventListener("keydown", onKeyDown);
+    };
+  }, [toolbar]);
+}
 function BulkActionBarClear({
-  variant,
+  clearStyle,
+  tone,
   clearLabel,
   clearDisabled,
+  escapeHint,
+  escapeKey,
   onClear
 }) {
-  if (variant === "page-floating") {
+  if (clearStyle === "icon") {
     return /* @__PURE__ */ jsx(
       "button",
       {
@@ -10242,9 +10835,9 @@ function BulkActionBarClear({
         onClick: onClear,
         disabled: clearDisabled,
         className: cn(
-          "ds:text-selection-floating-muted-fg ds:ml-1 ds:inline-flex ds:size-7 ds:items-center ds:justify-center ds:rounded-icon",
+          "ds:ml-1 ds:inline-flex ds:size-7 ds:shrink-0 ds:items-center ds:justify-center ds:rounded-icon",
           "ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)]",
-          "ds:hover:bg-selection-floating-hover-bg ds:hover:text-selection-floating-fg",
+          tone === "inverse" ? "ds:text-selection-floating-muted-fg ds:hover:bg-selection-floating-hover-bg ds:hover:text-selection-floating-fg" : "ds:text-control-muted-fg ds:hover:bg-control-hover-bg ds:hover:text-control-hover-fg",
           "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]",
           "ds:disabled:pointer-events-none ds:disabled:opacity-45 ds:motion-reduce:transition-none"
         ),
@@ -10253,68 +10846,304 @@ function BulkActionBarClear({
       }
     );
   }
-  return /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onClear, disabled: clearDisabled, children: clearLabel });
+  if (clearStyle === "labelled") {
+    return /* @__PURE__ */ jsxs(
+      BulkActionBarAction,
+      {
+        onClick: onClear,
+        disabled: clearDisabled,
+        "aria-keyshortcuts": escapeHint ? "Escape" : void 0,
+        className: tone === "inverse" ? void 0 : "ds:text-control-muted-fg",
+        children: [
+          /* @__PURE__ */ jsx(XIcon, { "aria-hidden": "true" }),
+          clearLabel,
+          escapeHint && /* @__PURE__ */ jsx(
+            Kbd,
+            {
+              variant: "flat",
+              "aria-hidden": "true",
+              className: tone === "inverse" ? "ds:border-selection-floating-rule ds:text-selection-floating-muted-fg ds:bg-transparent" : void 0,
+              children: escapeKey
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onClear, disabled: clearDisabled, className: "ds:shrink-0", children: clearLabel });
 }
 function BulkActionBar({
   variant = "table-inline",
   selectedCount,
   label,
   children,
+  secondaryActions,
   onClear,
   clearLabel: clearLabelProp,
   clearDisabled,
   footer,
+  scope,
+  toolbarLabel,
+  escapeToClear = true,
+  keepMounted: keepMountedProp,
+  tone: toneProp,
+  overflow: overflowProp,
+  clearStyle: clearStyleProp,
+  busy = false,
+  returnFocusRef,
   className,
   ...props
 }) {
   const messages = useDsMessages("bulkActionBar");
-  if (selectedCount === 0) return null;
-  const clearLabel = clearLabelProp ?? messages.clearSelection;
-  const labelText = label ?? `${selectedCount} selected`;
-  const tone = variant === "page-floating" ? "inverse" : "surface";
-  const content = /* @__PURE__ */ jsxs(BulkActionBarContext, { value: { tone }, children: [
-    /* @__PURE__ */ jsx("span", { className: "ds:text-sm ds:font-medium ds:tabular-nums ds:whitespace-nowrap", children: labelText }),
+  const floating = variant === "floating";
+  const responsive = Boolean(secondaryActions?.length);
+  const keepMounted = keepMountedProp ?? floating;
+  const tone = toneProp ?? (variant === "page-floating" ? "inverse" : "surface");
+  const overflow = overflowProp ?? (floating || responsive ? "scroll" : "wrap");
+  const clearStyle = clearStyleProp ?? (floating ? "labelled" : variant === "page-floating" ? "icon" : "text");
+  const shown = selectedCount > 0;
+  const [lastCount, setLastCount] = React30.useState(selectedCount);
+  if (shown && selectedCount !== lastCount) setLastCount(selectedCount);
+  const count = shown ? selectedCount : lastCount;
+  const [toolbar, setToolbar] = React30.useState(null);
+  useRovingToolbar(toolbar);
+  const secondaryRef = React30.useRef(null);
+  const measurementRef = React30.useRef(null);
+  const [secondaryCollapsed, setSecondaryCollapsed] = React30.useState(false);
+  const [secondaryMenuOpen, setSecondaryMenuOpen] = React30.useState(false);
+  const transferSecondaryFocus = React30.useRef(false);
+  React30.useLayoutEffect(() => {
+    if (!toolbar || !responsive) return;
+    const container = toolbar.parentElement;
+    const measure = () => {
+      const group = secondaryRef.current;
+      const measurement2 = measurementRef.current;
+      if (!container || !group || !measurement2) return;
+      const style = getComputedStyle(toolbar);
+      const border = parseFloat(style.borderLeftWidth) + parseFloat(style.borderRightWidth);
+      const spacer = toolbar.querySelector("[data-bulk-spacer]");
+      const spare = spacer ? Math.max(0, spacer.getBoundingClientRect().width - parseFloat(getComputedStyle(spacer).minWidth)) : 0;
+      const inlineWidth = toolbar.scrollWidth + border - spare - group.getBoundingClientRect().width + measurement2.getBoundingClientRect().width;
+      const collapse = inlineWidth > container.clientWidth + 1;
+      if (!collapse && secondaryMenuOpen) return;
+      if (collapse !== secondaryCollapsed) {
+        transferSecondaryFocus.current = group.contains(document.activeElement);
+        setSecondaryCollapsed(collapse);
+      }
+    };
+    measure();
+    if (typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(measure);
+    observer.observe(toolbar);
+    if (container) observer.observe(container);
+    if (measurementRef.current) observer.observe(measurementRef.current);
+    return () => observer.disconnect();
+  }, [toolbar, responsive, secondaryActions, secondaryCollapsed, secondaryMenuOpen, tone]);
+  React30.useLayoutEffect(() => {
+    if (transferSecondaryFocus.current) {
+      (secondaryRef.current?.querySelector("button:not(:disabled)") ?? toolbar?.querySelector("button:not(:disabled), a[href]"))?.focus();
+      transferSecondaryFocus.current = false;
+    }
+  }, [secondaryCollapsed, toolbar]);
+  const returnFocus = React30.useCallback(() => {
+    returnFocusRef?.current?.focus();
+  }, [returnFocusRef]);
+  const clear = React30.useCallback(() => {
+    onClear();
+    returnFocus();
+  }, [onClear, returnFocus]);
+  useEscapeToClear(shown && escapeToClear && !clearDisabled && !busy, clear);
+  const wasShown = React30.useRef(shown);
+  const focusInside = React30.useRef(false);
+  React30.useEffect(() => {
+    if (wasShown.current && !shown && (focusInside.current || toolbar?.contains(document.activeElement))) {
+      returnFocus();
+    }
+    wasShown.current = shown;
+  }, [shown, returnFocus, toolbar]);
+  if (!shown && !keepMounted) return null;
+  const clearLabel = clearLabelProp ?? (clearStyle === "labelled" ? messages.clear : messages.clearSelection);
+  const labelText = label ?? messages.selected(count);
+  const announcement = shown ? messages.selected(selectedCount) : lastCount > 0 ? messages.cleared : "";
+  const presence2 = keepMounted ? cn(PRESENCE_BASE, shown ? PRESENCE_SHOWN : PRESENCE_HIDDEN) : void 0;
+  const enter = keepMounted ? void 0 : BAR_ENTER;
+  const hiddenProps = keepMounted && !shown ? { inert: true, "aria-hidden": true } : {};
+  const footerNode = keepMounted && !shown ? null : footer;
+  const content = /* @__PURE__ */ jsxs(BulkActionBarContext, { value: { tone, unavailable: busy || !shown }, children: [
+    /* @__PURE__ */ jsx("span", { className: "ds:shrink-0 ds:text-sm ds:font-medium ds:tabular-nums ds:whitespace-nowrap", children: labelText }),
+    scope !== void 0 && scope !== null && /* @__PURE__ */ jsx(
+      "fieldset",
+      {
+        disabled: busy || void 0,
+        className: "ds:m-0 ds:flex ds:shrink-0 ds:items-center ds:gap-1 ds:border-0 ds:p-0 ds:text-sm ds:whitespace-nowrap",
+        children: scope
+      }
+    ),
     /* @__PURE__ */ jsx(BulkActionBarSeparator, {}),
-    /* @__PURE__ */ jsx("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-1", children }),
-    /* @__PURE__ */ jsx("div", { className: "ds:min-w-2 ds:flex-1" }),
+    /* @__PURE__ */ jsxs(
+      "fieldset",
+      {
+        disabled: busy || void 0,
+        className: cn(
+          "ds:m-0 ds:flex ds:items-center ds:gap-1 ds:border-0 ds:p-0",
+          overflow === "wrap" ? "ds:flex-wrap" : "ds:flex-nowrap"
+        ),
+        children: [
+          children,
+          responsive && /* @__PURE__ */ jsx("span", { ref: secondaryRef, className: "ds:inline-flex ds:shrink-0 ds:items-center ds:gap-1", children: secondaryCollapsed ? /* @__PURE__ */ jsx(BulkActionBarMore, { open: secondaryMenuOpen, onOpenChange: setSecondaryMenuOpen, children: secondaryActions?.map((action) => /* @__PURE__ */ jsxs(
+            BulkActionBarMenuItem,
+            {
+              disabled: Boolean(action.disabled),
+              destructive: Boolean(action.destructive),
+              onSelect: action.onSelect,
+              children: [
+                action.icon,
+                action.label
+              ]
+            },
+            action.key
+          )) }) : secondaryActions?.map((action) => /* @__PURE__ */ jsxs(
+            BulkActionBarAction,
+            {
+              disabled: action.disabled,
+              destructive: action.destructive,
+              onClick: action.onSelect,
+              children: [
+                action.icon,
+                action.label
+              ]
+            },
+            action.key
+          )) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { "data-bulk-spacer": "", className: "ds:min-w-2 ds:flex-1" }),
+    clearStyle === "labelled" && /* @__PURE__ */ jsx(BulkActionBarSeparator, {}),
     /* @__PURE__ */ jsx(
       BulkActionBarClear,
       {
-        variant,
+        clearStyle,
+        tone,
         clearLabel,
-        clearDisabled,
-        onClear
+        clearDisabled: clearDisabled || busy,
+        escapeHint: escapeToClear,
+        escapeKey: messages.escapeKey,
+        onClear: clear
       }
     )
   ] });
+  const measurement = responsive ? /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: measurementRef,
+      "aria-hidden": "true",
+      className: "ds:pointer-events-none ds:invisible ds:absolute ds:flex ds:w-max ds:items-center ds:gap-1",
+      children: secondaryActions?.map((action) => /* @__PURE__ */ jsxs("span", { className: actionClasses(tone, action.destructive), children: [
+        action.icon,
+        action.label
+      ] }, action.key))
+    }
+  ) : null;
+  const live = /* @__PURE__ */ jsx(VisuallyHidden, { "aria-live": "polite", "aria-atomic": "true", children: announcement });
+  const toolbarProps = {
+    ref: setToolbar,
+    ...hiddenProps,
+    role: "toolbar",
+    "aria-label": toolbarLabel ?? messages.toolbar,
+    "aria-orientation": "horizontal",
+    "aria-busy": busy || void 0,
+    "data-tone": tone,
+    "data-overflow": overflow,
+    // Native fieldsets do not disable anchors or custom pressables.
+    onClickCapture: (event) => {
+      if (busy) {
+        event.preventDefault();
+        event.stopPropagation();
+      }
+    },
+    onPointerDownCapture: (event) => {
+      if (busy) {
+        event.preventDefault();
+        event.stopPropagation();
+      }
+    },
+    onKeyDownCapture: (event) => {
+      if (busy && (event.key === "Enter" || event.key === " ")) {
+        event.preventDefault();
+        event.stopPropagation();
+      }
+    },
+    onFocusCapture: () => {
+      focusInside.current = true;
+    },
+    onBlurCapture: (event) => {
+      focusInside.current = event.currentTarget.contains(event.relatedTarget);
+    }
+  };
+  const scrollClasses = overflow === "scroll" ? "ds:flex-nowrap ds:overflow-x-auto ds:whitespace-nowrap ds:[scrollbar-width:thin]" : void 0;
   if (variant === "sidebar-anchored") {
     return /* @__PURE__ */ jsxs(
       "div",
       {
         className: cn(
           "ds:fixed ds:right-6 ds:bottom-6 ds:left-[calc(var(--shell-sidebar-w)+1.5rem)] ds:z-[var(--z-sticky)]",
+          presence2,
           className
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx("div", { className: cn("ds:border-rule ds:bg-surface ds:text-fg ds:flex ds:items-center ds:gap-3 ds:rounded-card ds:border ds:px-6 ds:py-3 ds:shadow-card", BAR_ENTER), children: content }),
-          footer
+          live,
+          measurement,
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              ...toolbarProps,
+              className: cn(
+                tone === "inverse" ? INVERSE_CHROME : cn(SURFACE_CHROME, "ds:shadow-card"),
+                "ds:flex ds:items-center ds:gap-3 ds:rounded-card ds:px-6 ds:py-3",
+                scrollClasses,
+                enter
+              ),
+              children: content
+            }
+          ),
+          footerNode
         ]
       }
     );
   }
-  if (variant === "page-floating") {
+  if (variant === "page-floating" || floating) {
     return /* @__PURE__ */ jsxs(
       "div",
       {
         className: cn(
           "ds:fixed ds:bottom-4 ds:left-1/2 ds:z-[var(--z-sticky)] ds:-translate-x-1/2",
+          floating && "ds:max-w-[calc(100vw-2rem)]",
+          responsive && "ds:pointer-events-none ds:flex ds:w-screen ds:max-w-[calc(100vw-2rem)] ds:flex-col ds:items-center",
+          presence2,
           className
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx("div", { className: cn("ds:bg-selection-floating-bg ds:text-selection-floating-fg ds:flex ds:items-center ds:gap-2 ds:rounded-card ds:px-3.5 ds:py-1.5 ds:shadow-pop", BAR_ENTER), children: content }),
-          footer
+          live,
+          measurement,
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              ...toolbarProps,
+              className: cn(
+                tone === "inverse" ? INVERSE_CHROME : FLOATING_SURFACE_CHROME,
+                "ds:flex ds:items-center ds:gap-2 ds:rounded-card ds:px-3.5 ds:py-1.5",
+                floating && "ds:max-w-full",
+                responsive && "ds:pointer-events-auto ds:w-max ds:max-w-full",
+                scrollClasses,
+                enter
+              ),
+              children: content
+            }
+          ),
+          responsive && footerNode ? /* @__PURE__ */ jsx("div", { className: "ds:pointer-events-auto", children: footerNode }) : footerNode
         ]
       }
     );
@@ -10322,92 +11151,1628 @@ function BulkActionBar({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: cn("ds:sticky ds:bottom-4 ds:z-[var(--z-sticky)] ds:mt-3 ds:flex ds:justify-center", className),
+      className: cn("ds:sticky ds:bottom-4 ds:z-[var(--z-sticky)] ds:mt-3 ds:flex ds:justify-center", presence2, className),
       ...props,
       children: [
-        /* @__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 }),
-        footer
-      ]
-    }
-  );
+        live,
+        measurement,
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            ...toolbarProps,
+            className: cn(
+              tone === "inverse" ? INVERSE_CHROME : cn(SURFACE_CHROME, "ds:shadow-card"),
+              "ds:flex ds:w-fit ds:max-w-full ds:items-center ds:gap-x-3 ds:gap-y-1.5 ds:overflow-x-auto ds:rounded-card ds:px-4 ds:py-2",
+              overflow === "wrap" ? "ds:flex-wrap" : scrollClasses,
+              enter
+            ),
+            children: content
+          }
+        ),
+        footerNode
+      ]
+    }
+  );
+}
+var SubDepthContext = React30.createContext(0);
+function BulkActionBarMenu({
+  label,
+  icon,
+  children,
+  chevron = true,
+  destructive,
+  disabled,
+  "aria-label": ariaLabel,
+  open,
+  defaultOpen,
+  onOpenChange,
+  align = "start",
+  className,
+  contentClassName
+}) {
+  const layer = useBulkLayer(open, defaultOpen ?? false, onOpenChange, disabled);
+  return /* @__PURE__ */ jsxs(DropdownMenu, { open: layer.open, onOpenChange: layer.setOpen, children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, disabled, children: /* @__PURE__ */ jsxs(BulkActionBarAction, { destructive, "aria-label": ariaLabel, className, children: [
+      icon,
+      label,
+      chevron && /* @__PURE__ */ jsx(ChevronDownIcon, { "aria-hidden": "true", className: "ds:-me-1 ds:opacity-60" })
+    ] }) }),
+    /* @__PURE__ */ jsx(DropdownMenuContent, { align, side: "top", className: contentClassName, children: /* @__PURE__ */ jsx(SubDepthContext, { value: 0, children }) })
+  ] });
+}
+function BulkActionBarMore({ label, "aria-label": ariaLabel, ...props }) {
+  const messages = useDsMessages("bulkActionBar");
+  const iconOnly = label === null;
+  return /* @__PURE__ */ jsx(
+    BulkActionBarMenu,
+    {
+      ...props,
+      label: iconOnly ? null : label ?? messages.more,
+      "aria-label": ariaLabel ?? (iconOnly ? messages.more : void 0),
+      icon: /* @__PURE__ */ jsx(MoreHorizontalIcon, { "aria-hidden": "true" }),
+      chevron: false,
+      align: props.align ?? "end"
+    }
+  );
+}
+function Eligibility({ eligible, total }) {
+  const messages = useDsMessages("bulkActionBar");
+  if (eligible === void 0 || total === void 0 || eligible === total) return null;
+  return /* @__PURE__ */ jsx("span", { className: "ds:text-fg-3 ds:ms-auto ds:ps-4 ds:text-xs ds:tabular-nums", children: messages.eligible(eligible, total) });
+}
+function Reason({ children }) {
+  return /* @__PURE__ */ jsx("span", { className: "ds:text-fg-3 ds:block ds:text-xs ds:font-normal", children });
+}
+function sharedBulkValue(values) {
+  if (values.length === 0) return void 0;
+  const first = values[0];
+  return values.every((value) => Object.is(value, first)) ? first : void 0;
+}
+function BulkActionBarMenuRadioGroup({
+  options,
+  selectedValues,
+  onValueChange,
+  total
+}) {
+  const shared = sharedBulkValue(selectedValues);
+  const denominator = total ?? selectedValues.length;
+  return /* @__PURE__ */ jsx(DropdownMenuRadioGroup, { value: shared ?? "", onValueChange, children: options.map((option) => {
+    const disabled = option.disabledReason !== void 0 || option.eligible === 0;
+    return /* @__PURE__ */ jsx(DropdownMenuRadioItem, { value: option.value, disabled, className: "ds:items-start", children: /* @__PURE__ */ jsxs("span", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col", children: [
+      /* @__PURE__ */ jsxs("span", { className: "ds:flex ds:items-center", children: [
+        option.label,
+        /* @__PURE__ */ jsx(Eligibility, { eligible: option.eligible, total: denominator })
+      ] }),
+      option.disabledReason !== void 0 && /* @__PURE__ */ jsx(Reason, { children: option.disabledReason })
+    ] }) }, option.value);
+  }) });
+}
+var BulkActionBarMenuItem = React30.forwardRef(
+  function BulkActionBarMenuItem2({ children, eligible, total, disabledReason, disabled, className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      DropdownMenuItem,
+      {
+        ref,
+        disabled: disabled || disabledReason !== void 0 || eligible === 0,
+        className: cn("ds:items-start", className),
+        ...props,
+        children: /* @__PURE__ */ jsxs("span", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col", children: [
+          /* @__PURE__ */ jsxs("span", { className: "ds:flex ds:items-center ds:gap-2", children: [
+            children,
+            /* @__PURE__ */ jsx(Eligibility, { eligible, total })
+          ] }),
+          disabledReason !== void 0 && /* @__PURE__ */ jsx(Reason, { children: disabledReason })
+        ] })
+      }
+    );
+  }
+);
+BulkActionBarMenuItem.displayName = "BulkActionBarMenuItem";
+function BulkActionBarMenuSub({ label, children, disabled }) {
+  const depth = React30.use(SubDepthContext);
+  if (depth > 0) {
+    errorOnce(
+      "C-BULK-SUB",
+      "nested",
+      "BulkActionBarMenuSub: a bulk menu has at most one Sub level. Move the deeper choices into a BulkActionBarPicker."
+    );
+  }
+  return /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuSubTrigger, { disabled: disabled ?? false, children: label }),
+    /* @__PURE__ */ jsx(DropdownMenuSubContent, { children: /* @__PURE__ */ jsx(SubDepthContext, { value: depth + 1, children }) })
+  ] });
+}
+function BulkActionBarPicker({
+  label,
+  icon,
+  children,
+  chevron = true,
+  disabled,
+  "aria-label": ariaLabel,
+  open: openProp,
+  defaultOpen = false,
+  onOpenChange,
+  align = "start",
+  width = "md",
+  padding = "sm",
+  className,
+  contentClassName
+}) {
+  const { open, setOpen } = useBulkLayer(openProp, defaultOpen, onOpenChange, disabled);
+  const close = React30.useCallback(() => setOpen(false), [setOpen]);
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, disabled, children: /* @__PURE__ */ jsxs(BulkActionBarAction, { "aria-label": ariaLabel, className, children: [
+      icon,
+      label,
+      chevron && /* @__PURE__ */ jsx(ChevronDownIcon, { "aria-hidden": "true", className: "ds:-me-1 ds:opacity-60" })
+    ] }) }),
+    /* @__PURE__ */ jsx(PopoverContent, { align, side: "top", width, padding, className: contentClassName, children: typeof children === "function" ? children({ close }) : children })
+  ] });
 }
 var PrimaryAction = forwardRef(
   function PrimaryAction2({ arrow, iconRight, children, className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       Button,
       {
-        ref,
+        ref,
+        size: "sm",
+        iconRight: arrow ? /* @__PURE__ */ jsx(ArrowRightIcon, { className: "ds:size-4" }) : iconRight,
+        className: cn(className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+PrimaryAction.displayName = "PrimaryAction";
+var SecondaryAction = forwardRef(
+  function SecondaryAction2({ className, children, ...props }, ref) {
+    return /* @__PURE__ */ jsx(Button, { ref, variant: "ghost", size: "sm", className: cn(className), ...props, children });
+  }
+);
+SecondaryAction.displayName = "SecondaryAction";
+var DangerAction = forwardRef(function DangerAction2({ onConfirm, className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      ref,
+      variant: "destructive",
+      size: "sm",
+      onClick: onConfirm,
+      className: cn(className),
+      ...props,
+      children
+    }
+  );
+});
+DangerAction.displayName = "DangerAction";
+var IconAction = forwardRef(function IconAction2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsx(Button, { ref, variant: "ghost", size: "icon", className: cn(className), ...props, children });
+});
+IconAction.displayName = "IconAction";
+var Numeric = forwardRef(function Numeric2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsx("span", { ref, className: cn("ds:tabular ds:font-mono", className), ...props, children });
+});
+Numeric.displayName = "Numeric";
+var MutedSpec = forwardRef(function MutedSpec2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsx("span", { ref, className: cn("ds:font-spec ds:text-fg-3", className), ...props, children });
+});
+MutedSpec.displayName = "MutedSpec";
+var Eyebrow = forwardRef(function Eyebrow2({ numeric, className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsx("div", { ref, className: cn(numeric ? "ds:eyebrow-num" : "ds:eyebrow", className), ...props, children });
+});
+Eyebrow.displayName = "Eyebrow";
+var KbdHint = forwardRef(function KbdHint2(props, ref) {
+  return /* @__PURE__ */ jsx(Kbd, { ref, variant: "flat", ...props });
+});
+KbdHint.displayName = "KbdHint";
+var DISPLAY_MENU_DUE_PRESETS = [
+  "overdue",
+  "dueToday",
+  "dueNext7",
+  "dueThisMonth",
+  "noDate"
+];
+var DISPLAY_MENU_CALENDAR_PRESETS = [
+  "today",
+  "last7",
+  "last30",
+  "thisMonth",
+  "lastMonth",
+  "thisQuarter",
+  "lastQuarter",
+  "ytd"
+];
+var DISPLAY_MENU_DATE_PRESETS = [
+  ...DISPLAY_MENU_DUE_PRESETS,
+  ...DISPLAY_MENU_CALENDAR_PRESETS,
+  "custom"
+];
+var DUE_SET = new Set(DISPLAY_MENU_DUE_PRESETS);
+function isDisplayMenuDuePreset(preset) {
+  return DUE_SET.has(preset);
+}
+function toDisplayMenuIsoDate(date) {
+  return format(date, "yyyy-MM-dd");
+}
+function toDay(value) {
+  if (value == null || value === "") return null;
+  const date = typeof value === "string" ? parseISO(value) : value;
+  if (!isValid(date)) return null;
+  return new Date(date.getFullYear(), date.getMonth(), date.getDate());
+}
+function range(from, to) {
+  return { from: toDisplayMenuIsoDate(from), to: toDisplayMenuIsoDate(to) };
+}
+function resolveDisplayMenuDatePreset(preset, now) {
+  const today = toDay(now) ?? now;
+  switch (preset) {
+    case "dueToday":
+    case "today":
+      return range(today, today);
+    case "dueNext7":
+      return range(today, addDays(today, 7));
+    case "dueThisMonth":
+      return range(today, endOfMonth(today));
+    case "last7":
+      return range(addDays(today, -6), today);
+    case "last30":
+      return range(addDays(today, -29), today);
+    case "thisMonth":
+      return range(startOfMonth(today), endOfMonth(today));
+    case "lastMonth": {
+      const last = subMonths(today, 1);
+      return range(startOfMonth(last), endOfMonth(last));
+    }
+    case "thisQuarter":
+      return range(startOfQuarter(today), endOfQuarter(today));
+    case "lastQuarter": {
+      const last = subQuarters(today, 1);
+      return range(startOfQuarter(last), endOfQuarter(last));
+    }
+    case "ytd":
+      return range(startOfYear(today), today);
+    default:
+      return void 0;
+  }
+}
+function detectDisplayMenuDatePreset(value, now, presets = DISPLAY_MENU_DATE_PRESETS) {
+  if (!value || !value.from && !value.to) return "custom";
+  for (const preset of presets) {
+    const resolved = resolveDisplayMenuDatePreset(preset, now);
+    if (resolved && resolved.from === value.from && resolved.to === value.to) return preset;
+  }
+  return "custom";
+}
+function effectiveDisplayMenuDatePreset(value, now, presets) {
+  if (!value) return null;
+  if (value.preset !== "custom") return value.preset;
+  return detectDisplayMenuDatePreset(value.range, now, presets);
+}
+function matchesDisplayMenuDate(value, filter, now) {
+  if (!filter) return true;
+  const day = toDay(value);
+  if (filter.preset === "noDate") return day === null;
+  if (day === null) return false;
+  const today = toDay(now) ?? now;
+  if (filter.preset === "overdue") return day.getTime() < today.getTime();
+  const bounds = filter.preset === "custom" ? filter.range : resolveDisplayMenuDatePreset(filter.preset, now);
+  if (!bounds) return true;
+  const from = toDay(bounds.from);
+  const to = toDay(bounds.to);
+  if (from && day.getTime() < from.getTime()) return false;
+  if (to && day.getTime() > to.getTime()) return false;
+  return true;
+}
+var NUMBER_PATTERN = /^-?\d*\.?\d+$|^-?\d+\.$/;
+function parseDisplayMenuNumber(input) {
+  let text = input.replace(/\s+/g, "");
+  if (!text) return null;
+  let negative = false;
+  if (text.startsWith("(") && text.endsWith(")")) {
+    negative = true;
+    text = text.slice(1, -1);
+  } else if (text.includes("(") || text.includes(")")) {
+    return null;
+  }
+  if (text.startsWith("-")) {
+    if (negative) return null;
+    negative = true;
+    text = text.slice(1);
+  }
+  text = text.replace(/^\$/, "");
+  if (text.startsWith("-")) {
+    if (negative) return null;
+    negative = true;
+    text = text.slice(1);
+  }
+  if (text.includes(",")) {
+    if (!/^\d{1,3}(,\d{3})+(\.\d*)?$/.test(text)) return null;
+    text = text.replace(/,/g, "");
+  }
+  if (!NUMBER_PATTERN.test(text)) return null;
+  const value = Number(text);
+  if (!Number.isFinite(value)) return null;
+  return negative ? -value : value;
+}
+function matchesDisplayMenuNumber(value, filter) {
+  if (!filter || filter.value === null) return true;
+  if (value == null || Number.isNaN(value)) return false;
+  const target = filter.value;
+  switch (filter.operator) {
+    case "eq":
+      return value === target;
+    case "ne":
+      return value !== target;
+    case "lt":
+      return value < target;
+    case "lte":
+      return value <= target;
+    case "gt":
+      return value > target;
+    case "gte":
+      return value >= target;
+    case "between": {
+      const upper = filter.to ?? null;
+      const low = upper === null ? target : Math.min(target, upper);
+      const high = upper === null ? Infinity : Math.max(target, upper);
+      return value >= low && value <= high;
+    }
+    default:
+      return true;
+  }
+}
+function formatDisplayMenuNumber(value, formatKind = "number", locale) {
+  if (formatKind === "currency") {
+    return new Intl.NumberFormat(locale ?? "en-US", {
+      style: "currency",
+      currency: "USD",
+      maximumFractionDigits: Number.isInteger(value) ? 0 : 2
+    }).format(value);
+  }
+  return new Intl.NumberFormat(locale ?? "en-US", { maximumFractionDigits: 6 }).format(value);
+}
+var DISPLAY_MENU_NUMBER_SYMBOLS = {
+  eq: "=",
+  ne: "\u2260",
+  lt: "<",
+  lte: "\u2264",
+  gt: ">",
+  gte: "\u2265",
+  between: "\u2194"
+};
+function matchesDisplayMenuText(value, filter) {
+  const needle = filter?.text.trim().toLowerCase() ?? "";
+  if (!filter || !needle) return true;
+  const haystack = (value ?? "").trim().toLowerCase();
+  return filter.operator === "startsWith" ? haystack.startsWith(needle) : haystack.includes(needle);
+}
+function toList(values) {
+  if (values == null || values === "") return [];
+  return typeof values === "string" ? [values] : values;
+}
+function matchesDisplayMenuOperator(rowValues, selected, operator = "isAnyOf") {
+  const values = toList(rowValues);
+  if (operator === "isEmpty") return values.length === 0;
+  if (operator === "isNotEmpty") return values.length > 0;
+  if (selected.size === 0) return true;
+  const hit = values.some((value) => selected.has(value));
+  return operator === "isNot" || operator === "isNoneOf" ? !hit : hit;
+}
+function matchesDisplayMenuTags(rowTags, selected, match = "any") {
+  if (selected.size === 0) return true;
+  const tags = new Set(rowTags ?? []);
+  if (match === "all") {
+    for (const tag of selected) if (!tags.has(tag)) return false;
+    return true;
+  }
+  for (const tag of selected) if (tags.has(tag)) return true;
+  return false;
+}
+function visibleDisplayMenuOptions(section, query = "", pinnedKeys = []) {
+  const q = query.trim().toLowerCase();
+  const pinnedSet = new Set(pinnedKeys);
+  const isPinned = (o) => Boolean(o.pinned) || pinnedSet.has(o.key);
+  const keep = (o) => !section.hideZero || o.count !== 0 || section.selected.has(o.key) || isPinned(o);
+  const pinned = pinnedKeys.map((key) => section.options.find((o) => o.key === key)).filter((o) => o !== void 0);
+  for (const o of section.options) if (o.pinned && !pinnedSet.has(o.key)) pinned.push(o);
+  const rest = section.options.filter(
+    (o) => !isPinned(o) && keep(o) && (!q || o.label.toLowerCase().includes(q))
+  );
+  return [...pinned, ...rest];
+}
+function displayMenuSectionOperator(section) {
+  return section.operator ?? section.operators?.[0];
+}
+function isDisplayMenuSectionActive(section) {
+  const spec = section.spec;
+  if (spec) {
+    switch (spec.kind) {
+      case "sort":
+      case "columns":
+        return false;
+      case "date":
+      case "number":
+        return spec.value !== null && (spec.kind === "date" || spec.value.value !== null);
+      case "text":
+        return spec.value !== null && spec.value.text.trim() !== "";
+      case "boolean":
+        return spec.value !== null;
+    }
+  }
+  const operator = displayMenuSectionOperator(section);
+  if (operator === "isEmpty" || operator === "isNotEmpty") return true;
+  if (section.mode === "multi" || section.mode === "toggle") return section.selected.size > 0;
+  return false;
+}
+function displayMenuOperatorLabel(operator, messages) {
+  switch (operator) {
+    case "is":
+      return messages.operatorIs;
+    case "isNot":
+      return messages.operatorIsNot;
+    case "isAnyOf":
+      return messages.operatorIsAnyOf;
+    case "isNoneOf":
+      return messages.operatorIsNoneOf;
+    case "isEmpty":
+      return messages.operatorIsEmpty;
+    case "isNotEmpty":
+      return messages.operatorIsNotEmpty;
+  }
+}
+function displayMenuDatePresetLabel(preset, messages) {
+  return messages[preset];
+}
+function displayMenuNumberOperatorLabel(operator, messages) {
+  const key = `number${operator.charAt(0).toUpperCase()}${operator.slice(1)}`;
+  return messages[key];
+}
+function displayMenuOptionLabel(section, option, messages) {
+  if (section.spec?.kind === "person") {
+    if (option.key === section.spec.meKey) return messages.me;
+    if (option.key === section.spec.unassignedKey) return messages.unassigned;
+  }
+  return option.label;
+}
+function joinDisplayMenuLabels(labels, messages, max = 2) {
+  if (labels.length <= max) return labels.join(", ");
+  return `${labels.slice(0, max).join(", ")} ${messages.more(labels.length - max)}`;
+}
+function formatDay(iso, locale) {
+  const day = toDay(iso);
+  if (!day) return iso;
+  return new Intl.DateTimeFormat(locale ?? "en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  }).format(day);
+}
+function summarizeDisplayMenuSection(section, messages, options = {}) {
+  const { locale } = options;
+  const spec = section.spec;
+  if (spec?.kind === "sort") {
+    if (spec.value.length === 0) return null;
+    const labels2 = spec.value.map(
+      (key) => spec.fields.find((field) => field.key === key.key)?.label ?? key.key
+    );
+    return messages.sortSummary(labels2.join(", "));
+  }
+  if (!isDisplayMenuSectionActive(section)) return null;
+  if (spec) {
+    switch (spec.kind) {
+      case "date": {
+        const value = spec.value;
+        if (!value) return null;
+        const now = options.now ?? spec.now ?? /* @__PURE__ */ new Date();
+        const preset = effectiveDisplayMenuDatePreset(value, now, spec.presets);
+        if (preset && preset !== "custom") return displayMenuDatePresetLabel(preset, messages);
+        const from = value.range?.from;
+        const to = value.range?.to;
+        if (from && to) return messages.dateBetween(formatDay(from, locale), formatDay(to, locale));
+        if (from) return messages.dateOnOrAfter(formatDay(from, locale));
+        if (to) return messages.dateOnOrBefore(formatDay(to, locale));
+        return messages.custom;
+      }
+      case "number": {
+        const value = spec.value;
+        if (!value || value.value === null) return null;
+        const fmt = (n) => formatDisplayMenuNumber(n, spec.format ?? "number", locale);
+        if (value.operator === "between") {
+          return value.to == null ? `${DISPLAY_MENU_NUMBER_SYMBOLS.gte} ${fmt(value.value)}` : messages.numberBetweenSummary(fmt(value.value), fmt(value.to));
+        }
+        return `${DISPLAY_MENU_NUMBER_SYMBOLS[value.operator]} ${fmt(value.value)}`;
+      }
+      case "text": {
+        const value = spec.value;
+        if (!value) return null;
+        const text = value.text.trim();
+        return value.operator === "startsWith" ? messages.textStartsWithSummary(text) : messages.textContainsSummary(text);
+      }
+      case "boolean":
+        return spec.value ? spec.trueLabel ?? messages.booleanTrue : spec.falseLabel ?? messages.booleanFalse;
+    }
+  }
+  if (section.mode === "toggle") return section.options[0]?.label ?? null;
+  const operator = displayMenuSectionOperator(section);
+  if (operator === "isEmpty" || operator === "isNotEmpty") {
+    return displayMenuOperatorLabel(operator, messages);
+  }
+  const labels = section.options.filter((option) => section.selected.has(option.key)).map((option) => displayMenuOptionLabel(section, option, messages));
+  const joined = joinDisplayMenuLabels(labels, messages);
+  if (spec?.kind === "tags" && spec.tagMatch === "all" && labels.length > 1) {
+    return messages.tagMatchAllSummary(joined);
+  }
+  if (!section.operators || !operator) return joined;
+  return `${displayMenuOperatorLabel(operator, messages)} ${joined}`;
+}
+var ITEM_ROLE = {
+  item: "menuitem",
+  checkbox: "menuitemcheckbox",
+  radio: "menuitemradio",
+  list: "menu"
+};
+var DISPLAY_MENU_ROW_CLASSES = "ds:flex ds:w-full ds:items-center ds:gap-2 ds:rounded-md ds:px-2 ds:py-1.5 ds:text-left ds:text-(length:--control-font-size-sm) ds:text-fg ds:transition-colors ds:hover:bg-surface-hover/60 ds:focus-visible:bg-bg-2/60 ds:focus-visible:shadow-none ds:focus-visible:outline-none ds:motion-reduce:transition-none";
+var DisplayMenuItem = forwardRef(
+  function DisplayMenuItem2({ kind, checked, trailing, indicator, bare = false, className, children, ...props }, ref) {
+    const isChecked = Boolean(checked);
+    return /* @__PURE__ */ jsxs(
+      Pressable,
+      {
+        ref,
+        role: ITEM_ROLE[kind],
+        "aria-checked": kind === "item" ? void 0 : isChecked,
+        className: cn(DISPLAY_MENU_ROW_CLASSES, className),
+        ...props,
+        children: [
+          kind === "checkbox" && indicator !== "check" && /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: cn(
+                "ds:flex ds:size-3.5 ds:shrink-0 ds:items-center ds:justify-center ds:rounded ds:border ds:transition-colors ds:motion-reduce:transition-none",
+                isChecked ? "ds:border-brand ds:bg-brand ds:text-fg-on-brand" : "ds:border-rule"
+              ),
+              children: isChecked && /* @__PURE__ */ jsx(CheckIcon, { size: 10 })
+            }
+          ),
+          bare ? children : /* @__PURE__ */ jsx("span", { className: "ds:min-w-0 ds:flex-1 ds:truncate", children }),
+          trailing,
+          (kind === "radio" || indicator === "check") && kind !== "item" && isChecked && /* @__PURE__ */ jsx(CheckIcon, { size: 14, "aria-hidden": "true", className: "ds:shrink-0 ds:text-brand" })
+        ]
+      }
+    );
+  }
+);
+DisplayMenuItem.displayName = "DisplayMenuItem";
+var DisplayMenuList = forwardRef(
+  function DisplayMenuList2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx("div", { ref, role: ITEM_ROLE.list, className: cn("ds:p-1", className), ...props });
+  }
+);
+DisplayMenuList.displayName = "DisplayMenuList";
+function DisplayMenuCount({ value }) {
+  return /* @__PURE__ */ jsx("span", { className: "ds:shrink-0 ds:ps-2 ds:text-(length:--text-caption) ds:text-fg-3 ds:tabular-nums", children: value.toLocaleString() });
+}
+function useFilterMessages() {
+  return useDsMessages("displayMenuFilters");
+}
+function PanelHeading({ id, children }) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      id,
+      className: "ds:px-2 ds:pt-2 ds:pb-1 ds:text-(length:--text-overline) ds:font-medium ds:uppercase ds:tracking-wide ds:text-fg-4",
+      children
+    }
+  );
+}
+function useAnnouncer() {
+  const [text, setText] = useState("");
+  const announce = useCallback((next) => {
+    setText("");
+    const raf = typeof requestAnimationFrame === "function" ? requestAnimationFrame : setTimeout;
+    raf(() => setText(next));
+  }, []);
+  const region = /* @__PURE__ */ jsx(VisuallyHidden, { role: "status", "aria-live": "polite", children: text });
+  return [region, announce];
+}
+function onListArrowKeys(event) {
+  const keys = ["ArrowDown", "ArrowUp", "Home", "End"];
+  if (!keys.includes(event.key)) return;
+  const target = event.target;
+  if (target.tagName === "INPUT") return;
+  const items = Array.from(
+    event.currentTarget.querySelectorAll("[data-dm-nav]:not([disabled])")
+  );
+  if (items.length === 0) return;
+  const index = items.indexOf(target);
+  if (index === -1) return;
+  event.preventDefault();
+  event.stopPropagation();
+  const next = event.key === "Home" ? 0 : event.key === "End" ? items.length - 1 : event.key === "ArrowDown" ? Math.min(items.length - 1, index + 1) : Math.max(0, index - 1);
+  items[next]?.focus();
+}
+function keepTypingInField(event) {
+  if (event.key.length === 1 || event.key === "Backspace" || event.key === "Delete") {
+    event.stopPropagation();
+  }
+}
+function CheckOptionRow({
+  checked,
+  onToggle,
+  label,
+  icon,
+  count,
+  disabled
+}) {
+  const id = useId();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "ds:flex ds:items-center ds:gap-2 ds:rounded-md ds:px-2 ds:py-1.5",
+        "ds:transition-colors ds:hover:bg-surface-hover/60 ds:motion-reduce:transition-none"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            id,
+            "data-dm-nav": "",
+            checked,
+            disabled,
+            onCheckedChange: onToggle
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Label2,
+          {
+            htmlFor: id,
+            className: cn(
+              "ds:flex ds:min-w-0 ds:flex-1 ds:cursor-pointer ds:items-center ds:gap-2 ds:font-normal",
+              "ds:text-(length:--control-font-size-sm)",
+              checked ? "ds:text-fg" : "ds:text-fg-2"
+            ),
+            children: [
+              icon && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "ds:inline-flex ds:shrink-0", children: icon }),
+              /* @__PURE__ */ jsx("span", { className: "ds:truncate", children: label })
+            ]
+          }
+        ),
+        typeof count === "number" && /* @__PURE__ */ jsx("span", { className: "ds:shrink-0 ds:text-(length:--text-helper) ds:tabular-nums ds:text-fg-3", children: count })
+      ]
+    }
+  );
+}
+function PanelSearch({
+  value,
+  onChange,
+  label,
+  onArrowDown
+}) {
+  const messages = useFilterMessages();
+  return /* @__PURE__ */ jsx("div", { className: "ds:p-1", children: /* @__PURE__ */ jsx(
+    Input,
+    {
+      type: "search",
+      size: "sm",
+      value,
+      onChange: (event) => onChange(event.target.value),
+      onKeyDown: (event) => {
+        keepTypingInField(event);
+        if (event.key === "ArrowDown" && onArrowDown) {
+          event.preventDefault();
+          onArrowDown();
+        }
+      },
+      "aria-label": label,
+      placeholder: messages.searchPlaceholder,
+      prefixIcon: /* @__PURE__ */ jsx(SearchIcon, { "aria-hidden": "true" })
+    }
+  ) });
+}
+function PanelEmpty({ children }) {
+  return /* @__PURE__ */ jsx("p", { className: "ds:px-2 ds:py-3 ds:text-center ds:text-(length:--text-helper) ds:text-fg-3", children });
+}
+function ChoiceList({
+  label,
+  labelledBy,
+  choices,
+  value,
+  onChange,
+  inline = false,
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    RadioGroup2,
+    {
+      "aria-label": labelledBy ? void 0 : label,
+      "aria-labelledby": labelledBy,
+      orientation: inline ? "horizontal" : "vertical",
+      value: value ?? "",
+      onValueChange: (next) => onChange(next),
+      onKeyDown: (event) => {
+        if (event.key === "ArrowUp" || event.key === "ArrowDown") event.stopPropagation();
+      },
+      className: cn(
+        inline ? "ds:flex ds:flex-wrap ds:gap-x-3 ds:gap-y-1.5 ds:px-2 ds:py-1.5" : "ds:flex ds:flex-col ds:gap-1.5 ds:px-2 ds:py-1",
+        className
+      ),
+      children: choices.map((choice) => /* @__PURE__ */ jsx(RadioGroupItem, { value: choice.value, label: choice.label }, choice.value))
+    }
+  );
+}
+function SortPanel({ spec }) {
+  const messages = useFilterMessages();
+  const [region, announce] = useAnnouncer();
+  const [picking, setPicking] = useState(null);
+  const maxKeys = spec.maxKeys ?? 2;
+  const labelOf2 = (key) => spec.fields.find((f) => f.key === key)?.label ?? key;
+  const used = new Set(spec.value.map((k) => k.key));
+  const update = (next) => {
+    spec.onChange(next);
+    announce(
+      next.length === 0 ? messages.sortChanged("\u2014") : messages.sortChanged(next.map((k) => labelOf2(k.key)).join(", "))
+    );
+  };
+  const setField = (index, key) => {
+    const field = spec.fields.find((f) => f.key === key);
+    const next = [...spec.value];
+    const direction = field?.defaultDirection ?? "asc";
+    if (index >= next.length) next.push({ key, direction });
+    else next[index] = { key, direction: next[index]?.direction ?? direction };
+    setPicking(null);
+    update(next);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "ds:flex ds:flex-col ds:p-1", children: [
+    region,
+    /* @__PURE__ */ jsx("ol", { "aria-label": messages.sortBy, className: "ds:flex ds:flex-col ds:gap-1", children: spec.value.map((sortKey, index) => {
+      const label = labelOf2(sortKey.key);
+      const position = index === 0 ? messages.sortBy : messages.sortThenBy;
+      return /* @__PURE__ */ jsxs("li", { className: "ds:flex ds:flex-col ds:gap-0.5", children: [
+        /* @__PURE__ */ jsx(PanelHeading, { children: position }),
+        /* @__PURE__ */ jsxs("div", { className: "ds:flex ds:items-center ds:gap-1 ds:px-1", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              "aria-label": `${messages.sortField(position)}: ${label}`,
+              "aria-expanded": picking === index,
+              onClick: () => setPicking(picking === index ? null : index),
+              className: "ds:h-7 ds:min-w-0 ds:flex-1 ds:justify-start ds:px-2",
+              children: /* @__PURE__ */ jsx("span", { className: "ds:truncate", children: label })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              variant: "ghost",
+              intent: "neutral",
+              size: "xs",
+              tooltip: false,
+              label: `${messages.sortDirection(label)}: ${sortKey.direction === "asc" ? messages.ascending : messages.descending}`,
+              icon: sortKey.direction === "asc" ? /* @__PURE__ */ jsx(ArrowUpIcon, {}) : /* @__PURE__ */ jsx(ArrowDownIcon, {}),
+              onClick: () => update(
+                spec.value.map(
+                  (k, i) => i === index ? { ...k, direction: k.direction === "asc" ? "desc" : "asc" } : k
+                )
+              )
+            }
+          ),
+          index > 0 && /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              variant: "ghost",
+              intent: "neutral",
+              size: "xs",
+              tooltip: false,
+              label: messages.makePrimary(label),
+              icon: /* @__PURE__ */ jsx(ArrowUpIcon, {}),
+              onClick: () => {
+                const next = [...spec.value];
+                const [moved] = next.splice(index, 1);
+                if (moved) next.unshift(moved);
+                update(next);
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              variant: "ghost",
+              intent: "neutral",
+              size: "xs",
+              tooltip: false,
+              label: messages.removeSort(label),
+              icon: /* @__PURE__ */ jsx(XIcon, {}),
+              onClick: () => update(spec.value.filter((_, i) => i !== index))
+            }
+          )
+        ] }),
+        picking === index && /* @__PURE__ */ jsx(
+          FieldPicker,
+          {
+            fields: spec.fields.filter((f) => f.key === sortKey.key || !used.has(f.key)),
+            selected: sortKey.key,
+            label: messages.chooseField,
+            onPick: (key) => setField(index, key)
+          }
+        )
+      ] }, sortKey.key);
+    }) }),
+    spec.value.length < maxKeys && spec.fields.some((f) => !used.has(f.key)) && /* @__PURE__ */ jsxs("div", { className: "ds:flex ds:flex-col ds:px-1 ds:pt-1", children: [
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          "aria-expanded": picking === spec.value.length,
+          onClick: () => setPicking(picking === spec.value.length ? null : spec.value.length),
+          className: "ds:h-7 ds:justify-start ds:gap-1.5 ds:px-2 ds:text-fg-3 ds:hover:text-fg",
+          children: [
+            /* @__PURE__ */ jsx(PlusIcon, { size: 13, "aria-hidden": "true" }),
+            messages.addSort
+          ]
+        }
+      ),
+      picking === spec.value.length && /* @__PURE__ */ jsx(
+        FieldPicker,
+        {
+          fields: spec.fields.filter((f) => !used.has(f.key)),
+          label: messages.chooseField,
+          onPick: (key) => setField(spec.value.length, key)
+        }
+      )
+    ] })
+  ] });
+}
+function FieldPicker({
+  fields,
+  selected,
+  label,
+  onPick
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "ds:mx-1 ds:mt-1 ds:max-h-48 ds:overflow-y-auto ds:rounded-input ds:border ds:border-rule", children: /* @__PURE__ */ jsx(
+    ChoiceList,
+    {
+      label,
+      choices: fields.map((f) => ({ value: f.key, label: f.label })),
+      value: selected ?? null,
+      onChange: onPick
+    }
+  ) });
+}
+function resolveColumnOrder(columns, order) {
+  const known = new Set(columns.map((c) => c.key));
+  const seen = /* @__PURE__ */ new Set();
+  const out = [];
+  for (const key of order) {
+    if (!known.has(key) || seen.has(key)) continue;
+    seen.add(key);
+    out.push(key);
+  }
+  for (const c of columns) if (!seen.has(c.key)) out.push(c.key);
+  return out;
+}
+function moveColumn(order, key, delta, isLocked) {
+  const from = order.indexOf(key);
+  const to = from + delta;
+  if (from === -1 || isLocked(key) || to < 0 || to >= order.length) return null;
+  const step = delta > 0 ? 1 : -1;
+  for (let i = from + step; i !== to + step; i += step) {
+    const passed = order[i];
+    if (passed !== void 0 && isLocked(passed)) return null;
+  }
+  const next = [...order];
+  next.splice(from, 1);
+  next.splice(to, 0, key);
+  return next;
+}
+function ColumnsPanel({ spec }) {
+  const messages = useFilterMessages();
+  const [region, announce] = useAnnouncer();
+  const [dragging, setDragging] = useState(null);
+  const rowRefs = useRef(/* @__PURE__ */ new Map());
+  const order = resolveColumnOrder(spec.columns, spec.order);
+  const byKey = new Map(spec.columns.map((c) => [c.key, c]));
+  const isLocked = (key) => Boolean(byKey.get(key)?.locked);
+  const move = (key, delta, refocus = true) => {
+    const next = moveColumn(order, key, delta, isLocked);
+    if (!next) return;
+    spec.onOrderChange(next);
+    announce(messages.columnMoved(byKey.get(key)?.label ?? key, next.indexOf(key) + 1, next.length));
+    if (refocus) requestAnimationFrame(() => rowRefs.current.get(key)?.focus());
+  };
+  const toggleHidden = (key) => {
+    const next = new Set(spec.hidden);
+    const label = byKey.get(key)?.label ?? key;
+    if (next.has(key)) {
+      next.delete(key);
+      announce(messages.columnShown(label));
+    } else {
+      next.add(key);
+      announce(messages.columnHidden(label));
+    }
+    spec.onHiddenChange(next);
+  };
+  const onDrop = (event, target) => {
+    event.preventDefault();
+    if (!dragging || dragging === target) return;
+    const delta = order.indexOf(target) - order.indexOf(dragging);
+    move(dragging, delta, false);
+    setDragging(null);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "ds:flex ds:flex-col", children: [
+    region,
+    /* @__PURE__ */ jsx("ul", { "aria-label": messages.columnsList, className: "ds:flex ds:flex-col ds:p-1", children: order.map((key, index) => {
+      const column = byKey.get(key);
+      if (!column) return null;
+      const locked = Boolean(column.locked);
+      const hideable = !locked && column.hideable !== false;
+      const canUp = moveColumn(order, key, -1, isLocked) !== null;
+      const canDown = moveColumn(order, key, 1, isLocked) !== null;
+      return (
+        // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- Alt+Arrow reorder and drop target on the focusable row; the checkbox and move buttons are the named controls
+        /* @__PURE__ */ jsxs(
+          "li",
+          {
+            ref: (el) => {
+              if (el) rowRefs.current.set(key, el);
+              else rowRefs.current.delete(key);
+            },
+            tabIndex: -1,
+            "aria-label": `${column.label}, ${index + 1} / ${order.length}${locked ? `, ${messages.locked}` : ""}`,
+            onDragStart: (event) => {
+              if (!event.target.closest("[data-dm-grip]")) {
+                event.preventDefault();
+                return;
+              }
+              event.dataTransfer.effectAllowed = "move";
+              setDragging(key);
+            },
+            onDragEnd: () => setDragging(null),
+            onDragOver: (event) => {
+              if (dragging && !locked) event.preventDefault();
+            },
+            onDrop: (event) => onDrop(event, key),
+            onKeyDown: (event) => {
+              if (event.altKey && (event.key === "ArrowUp" || event.key === "ArrowDown")) {
+                event.preventDefault();
+                event.stopPropagation();
+                move(key, event.key === "ArrowUp" ? -1 : 1);
+              }
+            },
+            className: cn(
+              "ds:flex ds:items-center ds:gap-1.5 ds:rounded-md ds:px-1 ds:py-1",
+              "ds:transition-colors ds:hover:bg-surface-hover/60 ds:motion-reduce:transition-none",
+              "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]",
+              dragging === key && "ds:opacity-50"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "data-dm-grip": "",
+                  draggable: !locked,
+                  "aria-hidden": "true",
+                  className: cn(
+                    "ds:inline-flex ds:shrink-0 ds:text-fg-4",
+                    locked ? "ds:invisible" : "ds:cursor-grab"
+                  ),
+                  children: /* @__PURE__ */ jsx(GripVerticalIcon, { size: 14 })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  checked: !spec.hidden.has(key),
+                  disabled: !hideable,
+                  "aria-label": messages.showColumn(column.label),
+                  onCheckedChange: () => toggleHidden(key),
+                  onKeyDown: (event) => {
+                    if (event.altKey && (event.key === "ArrowUp" || event.key === "ArrowDown")) {
+                      event.preventDefault();
+                      event.stopPropagation();
+                      move(key, event.key === "ArrowUp" ? -1 : 1);
+                    }
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "ds:min-w-0 ds:flex-1 ds:truncate ds:text-(length:--control-font-size-sm) ds:text-fg", children: column.label }),
+              locked ? /* @__PURE__ */ jsx(LockIcon, { size: 13, "aria-label": messages.locked, className: "ds:shrink-0 ds:text-fg-4" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(
+                  IconButton,
+                  {
+                    variant: "ghost",
+                    intent: "neutral",
+                    size: "xs",
+                    tooltip: false,
+                    label: messages.moveUp(column.label),
+                    icon: /* @__PURE__ */ jsx(ArrowUpIcon, {}),
+                    disabled: !canUp,
+                    onClick: () => move(key, -1)
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  IconButton,
+                  {
+                    variant: "ghost",
+                    intent: "neutral",
+                    size: "xs",
+                    tooltip: false,
+                    label: messages.moveDown(column.label),
+                    icon: /* @__PURE__ */ jsx(ArrowDownIcon, {}),
+                    disabled: !canDown,
+                    onClick: () => move(key, 1)
+                  }
+                )
+              ] })
+            ]
+          },
+          key
+        )
+      );
+    }) }),
+    spec.onReset && /* @__PURE__ */ jsx("div", { className: "ds:flex ds:justify-end ds:border-t ds:border-rule ds:p-1", children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: spec.onReset, className: "ds:h-6 ds:px-2 ds:text-fg-3", children: messages.resetColumns }) })
+  ] });
+}
+var SEARCH_THRESHOLD = 8;
+function DisplayMenuOperatorPicker({ section }) {
+  const messages = useFilterMessages();
+  const operators = section.operators ?? [];
+  const current = displayMenuSectionOperator(section) ?? null;
+  if (operators.length < 2) return null;
+  return /* @__PURE__ */ jsx("div", { className: "ds:shrink-0 ds:border-b ds:border-rule", children: /* @__PURE__ */ jsx(
+    ChoiceList,
+    {
+      inline: true,
+      label: messages.operator,
+      choices: operators.map((op) => ({ value: op, label: displayMenuOperatorLabel(op, messages) })),
+      value: current,
+      onChange: (op) => section.onOperatorChange?.(op)
+    }
+  ) });
+}
+function DisplayMenuSpecPanel({ section, onDone }) {
+  const spec = section.spec;
+  if (!spec) return null;
+  switch (spec.kind) {
+    case "person":
+    case "tags":
+      return /* @__PURE__ */ jsx(ValueListPanel, { section, spec });
+    case "date":
+      return /* @__PURE__ */ jsx(DatePanel, { spec });
+    case "number":
+      return /* @__PURE__ */ jsx(NumberPanel, { spec });
+    case "text":
+      return /* @__PURE__ */ jsx(TextPanel, { spec, label: section.label });
+    case "boolean":
+      return /* @__PURE__ */ jsx(BooleanPanel, { spec, label: section.label, onDone });
+    case "sort":
+      return /* @__PURE__ */ jsx(SortPanel, { spec });
+    case "columns":
+      return /* @__PURE__ */ jsx(ColumnsPanel, { spec });
+    default:
+      return null;
+  }
+}
+function ValueListPanel({
+  section,
+  spec
+}) {
+  const messages = useFilterMessages();
+  const [query, setQuery] = useState("");
+  const listRef = useRef(null);
+  const operator = displayMenuSectionOperator(section);
+  const emptiness = operator === "isEmpty" || operator === "isNotEmpty";
+  const pinnedKeys = spec.kind === "person" ? [spec.meKey, spec.unassignedKey].filter((k) => k !== void 0) : [];
+  const options = visibleDisplayMenuOptions(section, query, pinnedKeys);
+  const searchable = section.searchable ?? section.options.length > SEARCH_THRESHOLD;
+  const matchId = useId();
+  return /* @__PURE__ */ jsxs("div", { className: "ds:flex ds:flex-col", children: [
+    spec.kind === "tags" && /* @__PURE__ */ jsxs("div", { className: "ds:border-b ds:border-rule ds:pb-1", children: [
+      /* @__PURE__ */ jsx(PanelHeading, { id: matchId, children: messages.tagMatch }),
+      /* @__PURE__ */ jsx(
+        ChoiceList,
+        {
+          inline: true,
+          labelledBy: matchId,
+          choices: [
+            { value: "any", label: messages.tagMatchAny },
+            { value: "all", label: messages.tagMatchAll }
+          ],
+          value: spec.tagMatch,
+          onChange: spec.onTagMatchChange
+        }
+      )
+    ] }),
+    !emptiness && /* @__PURE__ */ jsxs(Fragment, { children: [
+      searchable && /* @__PURE__ */ jsx(
+        PanelSearch,
+        {
+          value: query,
+          onChange: setQuery,
+          label: messages.search(section.label),
+          onArrowDown: () => listRef.current?.querySelector("[data-dm-nav]")?.focus()
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { ref: listRef, onKeyDown: onListArrowKeys, className: "ds:p-1", children: options.length === 0 ? /* @__PURE__ */ jsx(PanelEmpty, { children: messages.noMatches }) : options.map((option) => /* @__PURE__ */ jsx(
+        CheckOptionRow,
+        {
+          checked: section.selected.has(option.key),
+          onToggle: () => section.onSelect(option.key),
+          label: displayMenuOptionLabel(section, option, messages),
+          icon: option.icon,
+          count: option.count
+        },
+        option.key
+      )) }),
+      section.onClear && section.selected.size > 0 && /* @__PURE__ */ jsx(PanelFooter, { children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: section.onClear, className: "ds:h-6 ds:px-2 ds:text-fg-3", children: messages.clear }) })
+    ] })
+  ] });
+}
+function PanelFooter({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "ds:flex ds:items-center ds:justify-end ds:gap-1 ds:border-t ds:border-rule ds:p-1", children });
+}
+function DatePanel({ spec }) {
+  const messages = useFilterMessages();
+  const now = spec.now ?? /* @__PURE__ */ new Date();
+  const presets = spec.presets ?? DISPLAY_MENU_DATE_PRESETS;
+  const active = effectiveDisplayMenuDatePreset(spec.value, now, presets);
+  const [showCustom, setShowCustom] = useState(active === "custom");
+  const dueId = useId();
+  const calendarId = useId();
+  const fromId = useId();
+  const toId = useId();
+  const due = presets.filter((p) => isDisplayMenuDuePreset(p));
+  const calendar = presets.filter(
+    (p) => p !== "custom" && DISPLAY_MENU_CALENDAR_PRESETS.includes(p)
+  );
+  const offersCustom = presets.includes("custom");
+  const choose = (preset) => {
+    if (preset === "custom") {
+      setShowCustom(true);
+      spec.onChange({ preset: "custom", range: spec.value?.range });
+      return;
+    }
+    setShowCustom(false);
+    spec.onChange({ preset, range: resolveDisplayMenuDatePreset(preset, now) });
+  };
+  const toChoices = (list) => list.map((p) => ({ value: p, label: displayMenuDatePresetLabel(p, messages) }));
+  const range2 = spec.value?.range ?? {};
+  const setRange = (next) => spec.onChange({ preset: "custom", range: { ...range2, ...next } });
+  return /* @__PURE__ */ jsxs("div", { className: "ds:flex ds:flex-col ds:p-1", children: [
+    due.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(PanelHeading, { id: dueId, children: messages.dateDue }),
+      /* @__PURE__ */ jsx(ChoiceList, { labelledBy: dueId, choices: toChoices(due), value: active, onChange: choose })
+    ] }),
+    (calendar.length > 0 || offersCustom) && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(PanelHeading, { id: calendarId, children: messages.dateCalendar }),
+      /* @__PURE__ */ jsx(
+        ChoiceList,
+        {
+          labelledBy: calendarId,
+          choices: toChoices(offersCustom ? [...calendar, "custom"] : calendar),
+          value: showCustom ? "custom" : active,
+          onChange: choose
+        }
+      )
+    ] }),
+    showCustom && /* @__PURE__ */ jsxs("div", { className: "ds:grid ds:grid-cols-2 ds:gap-2 ds:px-2 ds:pt-2 ds:pb-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "ds:flex ds:flex-col ds:gap-1", children: [
+        /* @__PURE__ */ jsx(Label2, { htmlFor: fromId, className: "ds:text-(length:--text-helper) ds:text-fg-3", children: messages.dateFrom }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: fromId,
+            type: "date",
+            size: "sm",
+            value: range2.from ?? "",
+            max: range2.to,
+            onKeyDown: keepTypingInField,
+            onChange: (e) => setRange({ from: e.target.value || void 0 })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "ds:flex ds:flex-col ds:gap-1", children: [
+        /* @__PURE__ */ jsx(Label2, { htmlFor: toId, className: "ds:text-(length:--text-helper) ds:text-fg-3", children: messages.dateTo }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: toId,
+            type: "date",
+            size: "sm",
+            value: range2.to ?? "",
+            min: range2.from,
+            onKeyDown: keepTypingInField,
+            onChange: (e) => setRange({ to: e.target.value || void 0 })
+          }
+        )
+      ] })
+    ] }),
+    spec.value && /* @__PURE__ */ jsx(PanelFooter, { children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
         size: "sm",
-        iconRight: arrow ? /* @__PURE__ */ jsx(ArrowRightIcon, { className: "ds:size-4" }) : iconRight,
-        className: cn(className),
-        ...props,
-        children
+        onClick: () => {
+          setShowCustom(false);
+          spec.onChange(null);
+        },
+        className: "ds:h-6 ds:px-2 ds:text-fg-3",
+        children: messages.clear
       }
+    ) })
+  ] });
+}
+var NUMBER_OPERATORS = ["eq", "ne", "lt", "lte", "gt", "gte", "between"];
+function NumberPanel({ spec }) {
+  const messages = useFilterMessages();
+  const operator = spec.value?.operator ?? "gt";
+  const show = (n) => n === null || n === void 0 ? "" : formatDisplayMenuNumber(n, spec.format ?? "number");
+  const [draft, setDraft] = useState({ value: show(spec.value?.value), to: show(spec.value?.to) });
+  const [invalid, setInvalid] = useState({ value: false, to: false });
+  const valueId = useId();
+  const toId = useId();
+  const errorId = useId();
+  const commit = (nextOperator, nextDraft = draft) => {
+    const value = nextDraft.value.trim() === "" ? null : parseDisplayMenuNumber(nextDraft.value);
+    const to = nextDraft.to.trim() === "" ? null : parseDisplayMenuNumber(nextDraft.to);
+    const bad = {
+      value: nextDraft.value.trim() !== "" && value === null,
+      to: nextOperator === "between" && nextDraft.to.trim() !== "" && to === null
+    };
+    setInvalid(bad);
+    if (bad.value || bad.to) return;
+    if (value === null) {
+      spec.onChange(null);
+      return;
+    }
+    spec.onChange(
+      nextOperator === "between" ? { operator: nextOperator, value, to } : { operator: nextOperator, value }
     );
-  }
-);
-PrimaryAction.displayName = "PrimaryAction";
-var SecondaryAction = forwardRef(
-  function SecondaryAction2({ className, children, ...props }, ref) {
-    return /* @__PURE__ */ jsx(Button, { ref, variant: "ghost", size: "sm", className: cn(className), ...props, children });
-  }
-);
-SecondaryAction.displayName = "SecondaryAction";
-var DangerAction = forwardRef(function DangerAction2({ onConfirm, className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    Button,
+  };
+  const field = (key, id, label) => /* @__PURE__ */ jsxs("div", { className: "ds:flex ds:flex-col ds:gap-1", children: [
+    /* @__PURE__ */ jsx(Label2, { htmlFor: id, className: "ds:text-(length:--text-helper) ds:text-fg-3", children: label }),
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        id,
+        size: "sm",
+        inputMode: "decimal",
+        value: draft[key],
+        "aria-invalid": invalid[key] || void 0,
+        "aria-describedby": invalid[key] ? errorId : void 0,
+        onChange: (e) => setDraft((d) => ({ ...d, [key]: e.target.value })),
+        onBlur: () => commit(operator),
+        onKeyDown: (e) => {
+          keepTypingInField(e);
+          if (e.key === "Enter") {
+            e.preventDefault();
+            commit(operator);
+          }
+        }
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsxs("div", { className: "ds:flex ds:flex-col ds:p-1", children: [
+    /* @__PURE__ */ jsx(
+      ChoiceList,
+      {
+        inline: true,
+        label: messages.operator,
+        choices: NUMBER_OPERATORS.map((op) => ({ value: op, label: displayMenuNumberOperatorLabel(op, messages) })),
+        value: operator,
+        onChange: (op) => commit(op)
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: cn("ds:grid ds:gap-2 ds:px-1 ds:pt-1 ds:pb-1", operator === "between" ? "ds:grid-cols-2" : "ds:grid-cols-1"), children: [
+      field("value", valueId, operator === "between" ? messages.numberMin : messages.numberValue),
+      operator === "between" && field("to", toId, messages.numberMax)
+    ] }),
+    (invalid.value || invalid.to) && /* @__PURE__ */ jsx("p", { id: errorId, className: "ds:px-2 ds:pb-1 ds:text-(length:--text-helper) ds:text-danger-fg", children: messages.numberInvalid }),
+    spec.value && /* @__PURE__ */ jsx(PanelFooter, { children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        onClick: () => {
+          setDraft({ value: "", to: "" });
+          setInvalid({ value: false, to: false });
+          spec.onChange(null);
+        },
+        className: "ds:h-6 ds:px-2 ds:text-fg-3",
+        children: messages.clear
+      }
+    ) })
+  ] });
+}
+function TextPanel({
+  spec,
+  label
+}) {
+  const messages = useFilterMessages();
+  const operator = spec.value?.operator ?? "contains";
+  const text = spec.value?.text ?? "";
+  const set = (next) => {
+    const value = { operator: next.operator ?? operator, text: next.text ?? text };
+    spec.onChange(value.text === "" ? next.operator ? { ...value } : null : value);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "ds:flex ds:flex-col ds:p-1", children: [
+    /* @__PURE__ */ jsx(
+      ChoiceList,
+      {
+        inline: true,
+        label: messages.operator,
+        choices: [
+          { value: "contains", label: messages.textContains },
+          { value: "startsWith", label: messages.textStartsWith }
+        ],
+        value: operator,
+        onChange: (op) => set({ operator: op })
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "ds:px-1 ds:pt-1 ds:pb-1", children: /* @__PURE__ */ jsx(
+      Input,
+      {
+        size: "sm",
+        value: text,
+        "aria-label": `${label}, ${messages.textValue}`,
+        placeholder: spec.placeholder,
+        onKeyDown: keepTypingInField,
+        onChange: (e) => set({ text: e.target.value })
+      }
+    ) })
+  ] });
+}
+function BooleanPanel({
+  spec,
+  label,
+  onDone
+}) {
+  const messages = useFilterMessages();
+  const value = spec.value === null ? "any" : spec.value ? "true" : "false";
+  return /* @__PURE__ */ jsx("div", { className: "ds:p-1", children: /* @__PURE__ */ jsx(
+    ChoiceList,
     {
-      ref,
-      variant: "destructive",
-      size: "sm",
-      onClick: onConfirm,
-      className: cn(className),
-      ...props,
-      children
+      label,
+      choices: [
+        { value: "any", label: messages.booleanAny },
+        { value: "true", label: spec.trueLabel ?? messages.booleanTrue },
+        { value: "false", label: spec.falseLabel ?? messages.booleanFalse }
+      ],
+      value,
+      onChange: (next) => {
+        spec.onChange(next === "any" ? null : next === "true");
+        if (typeof window !== "undefined" && window.event instanceof MouseEvent) onDone?.();
+      }
     }
+  ) });
+}
+var MENU_ITEM_SELECTOR = '[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"]';
+var FOCUSABLE_SELECTOR = 'input:not([disabled]),button:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])';
+var TYPEAHEAD_RESET_MS = 500;
+function menuItems(container) {
+  return Array.from(container.querySelectorAll(MENU_ITEM_SELECTOR)).filter(
+    (item) => !item.hasAttribute("disabled") && item.getAttribute("aria-disabled") !== "true" && item.getAttribute("data-disabled") === null
   );
-});
-DangerAction.displayName = "DangerAction";
-var IconAction = forwardRef(function IconAction2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsx(Button, { ref, variant: "ghost", size: "icon", className: cn(className), ...props, children });
-});
-IconAction.displayName = "IconAction";
-var Numeric = forwardRef(function Numeric2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsx("span", { ref, className: cn("ds:tabular ds:font-mono", className), ...props, children });
-});
-Numeric.displayName = "Numeric";
-var MutedSpec = forwardRef(function MutedSpec2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsx("span", { ref, className: cn("ds:font-spec ds:text-fg-3", className), ...props, children });
-});
-MutedSpec.displayName = "MutedSpec";
-var Eyebrow = forwardRef(function Eyebrow2({ numeric, className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsx("div", { ref, className: cn(numeric ? "ds:eyebrow-num" : "ds:eyebrow", className), ...props, children });
-});
-Eyebrow.displayName = "Eyebrow";
-var KbdHint = forwardRef(function KbdHint2(props, ref) {
-  return /* @__PURE__ */ jsx(Kbd, { ref, variant: "flat", ...props });
-});
-KbdHint.displayName = "KbdHint";
-var SEARCH_THRESHOLD = 8;
+}
+function labelOf(item) {
+  return (item.getAttribute("data-typeahead") ?? item.textContent ?? "").trim().toLowerCase();
+}
+function typeaheadMatch(items, from, query) {
+  if (items.length === 0 || !query) return void 0;
+  const start = query.length === 1 ? from + 1 : Math.max(from, 0);
+  for (let offset = 0; offset < items.length; offset += 1) {
+    const item = items[(start + offset + items.length) % items.length];
+    if (item && labelOf(item).startsWith(query)) return item;
+  }
+  return void 0;
+}
+function useRovingMenu() {
+  const buffer = useRef("");
+  const timer = useRef(null);
+  useEffect(
+    () => () => {
+      if (timer.current) clearTimeout(timer.current);
+    },
+    []
+  );
+  return useCallback((event) => {
+    if (event.defaultPrevented) return;
+    const target = event.target;
+    if (target.closest("input, textarea, select, [contenteditable='true']")) return;
+    const items = menuItems(event.currentTarget);
+    if (items.length === 0) return;
+    const current = target.closest(MENU_ITEM_SELECTOR);
+    const index = current ? items.indexOf(current) : -1;
+    let next;
+    switch (event.key) {
+      case "ArrowDown":
+        next = items[(index + 1) % items.length];
+        break;
+      case "ArrowUp":
+        next = items[index <= 0 ? items.length - 1 : index - 1];
+        break;
+      case "Home":
+        next = items[0];
+        break;
+      case "End":
+        next = items[items.length - 1];
+        break;
+      default: {
+        const printable = event.key.length === 1 && event.key !== " " && !event.ctrlKey && !event.metaKey && !event.altKey;
+        if (!printable) return;
+        if (timer.current) clearTimeout(timer.current);
+        buffer.current += event.key.toLowerCase();
+        timer.current = setTimeout(() => {
+          buffer.current = "";
+        }, TYPEAHEAD_RESET_MS);
+        next = typeaheadMatch(items, index, buffer.current);
+      }
+    }
+    if (next) {
+      event.preventDefault();
+      next.focus();
+    }
+  }, []);
+}
+function DisplayMenuViewsBar({
+  views,
+  messages,
+  onAnnounce,
+  listOpen,
+  onListOpenChange: setListOpen
+}) {
+  const listId = useId();
+  const roving = useRovingMenu();
+  const active = views.items.find((v) => v.key === views.activeKey);
+  const activeLabel = active?.label ?? messages.noView;
+  return /* @__PURE__ */ jsxs("div", { className: "ds:border-b ds:border-rule", children: [
+    /* @__PURE__ */ jsxs("div", { className: "ds:flex ds:items-center ds:gap-1 ds:px-1.5 ds:py-1", children: [
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          "aria-haspopup": "menu",
+          "aria-expanded": listOpen,
+          "aria-controls": listOpen ? listId : void 0,
+          onClick: () => setListOpen(!listOpen),
+          onKeyDown: (event) => {
+            if (event.key === "ArrowDown") {
+              event.preventDefault();
+              setListOpen(true);
+              requestAnimationFrame(
+                () => document.getElementById(listId)?.querySelector('[aria-checked="true"], [role="menuitemradio"]')?.focus()
+              );
+            }
+          },
+          className: "ds:h-7 ds:min-w-0 ds:flex-1 ds:justify-start ds:gap-1.5 ds:px-2",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "ds:text-fg-3", children: messages.views }),
+            /* @__PURE__ */ jsx("span", { className: "ds:min-w-0 ds:truncate ds:text-fg", children: activeLabel }),
+            views.dirty && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "data-dirty": "",
+                  "aria-hidden": "true",
+                  className: "ds:size-1.5 ds:shrink-0 ds:rounded-full ds:bg-brand"
+                }
+              ),
+              /* @__PURE__ */ jsxs(VisuallyHidden, { children: [
+                ", ",
+                messages.unsavedChanges
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(
+              ChevronDownIcon,
+              {
+                size: 13,
+                "aria-hidden": "true",
+                className: cn(
+                  "ds:ms-auto ds:shrink-0 ds:text-fg-3 ds:transition-transform ds:motion-reduce:transition-none",
+                  listOpen && "ds:rotate-180"
+                )
+              }
+            )
+          ]
+        }
+      ),
+      views.onSave && /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: views.onSave,
+          className: "ds:h-7 ds:shrink-0 ds:px-2 ds:text-fg-3 ds:hover:text-fg",
+          children: messages.saveView
+        }
+      )
+    ] }),
+    listOpen && /* @__PURE__ */ jsx(
+      DisplayMenuList,
+      {
+        id: listId,
+        "aria-label": messages.views,
+        onKeyDown: roving,
+        className: "ds:max-h-48 ds:overflow-y-auto ds:pt-0",
+        children: views.items.map((view) => /* @__PURE__ */ jsxs(
+          DisplayMenuItem,
+          {
+            kind: "radio",
+            checked: view.key === views.activeKey,
+            onClick: () => {
+              views.onSelect(view.key);
+              onAnnounce(messages.announceView(view.label));
+              setListOpen(false);
+            },
+            children: [
+              view.label,
+              view.description && /* @__PURE__ */ jsx("span", { className: "ds:block ds:truncate ds:text-(length:--text-caption) ds:text-fg-3", children: view.description })
+            ]
+          },
+          view.key
+        ))
+      }
+    )
+  ] });
+}
+var SEARCH_THRESHOLD2 = 8;
 var HOVER_OPEN_MS = 90;
 var HOVER_CLOSE_MS = 220;
 var FLYOUT_WIDTH = 224;
+var WIDE_FLYOUT_WIDTH = 288;
+var WIDE_KINDS = /* @__PURE__ */ new Set(["date", "number", "text", "sort", "columns"]);
 var MIN_FLYOUT_HEIGHT = 120;
 var VIEWPORT_MARGIN = 24;
 var COLLISION_PADDING_PX = 12;
+function flyoutWidthFor(section) {
+  return section?.spec && WIDE_KINDS.has(section.spec.kind) ? WIDE_FLYOUT_WIDTH : FLYOUT_WIDTH;
+}
+function usesFilterSummary(section) {
+  return section.spec !== void 0 || section.operators !== void 0;
+}
 function DisplayMenu({
   sections,
   onReset,
   isAtDefault,
-  tooltip = "Filters, grouping, ordering, columns",
+  tooltip: tooltipProp,
   dataTour,
   triggerIcon,
-  triggerLabel = "Display",
+  triggerLabel: triggerLabelProp,
   className,
-  flyoutSide = "auto"
+  flyoutSide = "auto",
+  activeCount,
+  match,
+  onMatchChange,
+  density,
+  onDensityChange,
+  views,
+  open: openProp,
+  defaultOpen = false,
+  onOpenChange,
+  openSection: openSectionProp,
+  onOpenSectionChange,
+  messages: messagesProp
 }) {
-  const [open, setOpen] = useState(false);
-  const [openKey, setOpenKey] = useState(null);
+  const messages = useDsMessages("displayMenu", messagesProp);
+  const filterMessages = useDsMessages("displayMenuFilters");
+  const triggerLabel = triggerLabelProp ?? messages.trigger;
+  const tooltip = tooltipProp ?? messages.tooltip;
+  const [open, setOpen] = useControllableState({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  const [openKey, setOpenKeyState] = useControllableState({
+    prop: openSectionProp,
+    defaultProp: null,
+    onChange: onOpenSectionChange
+  });
   const [flyout, setFlyout] = useState({
     top: 0,
     side: "left",
@@ -10415,6 +12780,11 @@ function DisplayMenu({
   });
   const [rootQuery, setRootQuery] = useState("");
   const [sectionQuery, setSectionQuery] = useState("");
+  const [viewsOpen, setViewsOpen] = useState(false);
+  const [announcer, announce] = useAnnouncer();
+  const headingId = useId();
+  const rootRoving = useRovingMenu();
+  const flyoutRoving = useRovingMenu();
   const panelRef = useRef(null);
   const rowRefs = useRef(/* @__PURE__ */ new Map());
   const openTimer = useRef(null);
@@ -10427,30 +12797,39 @@ function DisplayMenu({
     closeTimer.current = null;
   }, []);
   useEffect(() => clearTimers, [clearTimers]);
-  const positionFor = useCallback((key) => {
-    const panel = panelRef.current;
-    const row = rowRefs.current.get(key);
-    if (!panel || !row) return;
-    const panelRect = panel.getBoundingClientRect();
-    const rowRect = row.getBoundingClientRect();
-    const maxTop = Math.max(0, window.innerHeight - panelRect.top - 24 - MIN_FLYOUT_HEIGHT);
-    const top = Math.min(Math.max(rowRect.top - panelRect.top - 4, 0), maxTop);
-    const maxHeight = Math.max(
-      MIN_FLYOUT_HEIGHT,
-      window.innerHeight - (panelRect.top + top) - VIEWPORT_MARGIN
-    );
-    const side = flyoutSide === "auto" ? panelRect.left >= FLYOUT_WIDTH + 16 ? "left" : "right" : flyoutSide;
-    setFlyout({ top, side, maxHeight });
-  }, [flyoutSide]);
+  const sectionFor = useCallback(
+    (key) => key === null ? void 0 : sections.find((s) => s.key === key),
+    [sections]
+  );
+  const positionFor = useCallback(
+    (key) => {
+      const panel = panelRef.current;
+      const row = rowRefs.current.get(key);
+      if (!panel || !row) return;
+      const panelRect = panel.getBoundingClientRect();
+      const rowRect = row.getBoundingClientRect();
+      const width = flyoutWidthFor(sectionFor(key));
+      const maxTop = Math.max(0, window.innerHeight - panelRect.top - VIEWPORT_MARGIN - MIN_FLYOUT_HEIGHT);
+      const top = Math.min(Math.max(rowRect.top - panelRect.top - 4, 0), maxTop);
+      const maxHeight = Math.max(
+        MIN_FLYOUT_HEIGHT,
+        window.innerHeight - (panelRect.top + top) - VIEWPORT_MARGIN
+      );
+      const side = flyoutSide === "auto" ? panelRect.left >= width + 16 ? "left" : "right" : flyoutSide;
+      setFlyout({ top, side, maxHeight });
+    },
+    [flyoutSide, sectionFor]
+  );
   const openSection = useCallback(
     (key) => {
       clearTimers();
       positionFor(key);
-      setOpenKey(key);
+      setOpenKeyState(key);
       setSectionQuery("");
     },
-    [clearTimers, positionFor]
+    [clearTimers, positionFor, setOpenKeyState]
   );
+  const closeSection = useCallback(() => setOpenKeyState(null), [setOpenKeyState]);
   const scheduleOpen = useCallback(
     (key) => {
       clearTimers();
@@ -10465,20 +12844,23 @@ function DisplayMenu({
   );
   const scheduleClose = useCallback(() => {
     clearTimers();
-    closeTimer.current = setTimeout(() => setOpenKey(null), HOVER_CLOSE_MS);
-  }, [clearTimers]);
+    closeTimer.current = setTimeout(closeSection, HOVER_CLOSE_MS);
+  }, [clearTimers, closeSection]);
   useEffect(() => {
     if (!open) {
       clearTimers();
-      setOpenKey(null);
+      if (openSectionProp === void 0) setOpenKeyState(null);
       setRootQuery("");
       setSectionQuery("");
+      setViewsOpen(false);
     }
-  }, [open, clearTimers]);
-  const activeSection = useMemo(
-    () => sections.find((s) => s.key === openKey) ?? null,
-    [sections, openKey]
-  );
+  }, [open, clearTimers, openSectionProp, setOpenKeyState]);
+  useLayoutEffect(() => {
+    if (!open || openKey === null) return;
+    const frame = requestAnimationFrame(() => positionFor(openKey));
+    return () => cancelAnimationFrame(frame);
+  }, [open, openKey, positionFor]);
+  const activeSection = useMemo(() => sectionFor(openKey) ?? null, [sectionFor, openKey]);
   const rootRows = useMemo(() => {
     const q = rootQuery.trim().toLowerCase();
     if (!q) return sections.map((section) => ({ kind: "section", section }));
@@ -10487,7 +12869,8 @@ function DisplayMenu({
       if (section.label.toLowerCase().includes(q)) rows.push({ kind: "section", section });
     }
     for (const section of sections) {
-      if (section.content) continue;
+      if (section.content || section.mode === "toggle") continue;
+      if (section.spec && section.spec.kind !== "person" && section.spec.kind !== "tags") continue;
       for (const option of section.options) {
         if (option.label.toLowerCase().includes(q)) rows.push({ kind: "option", section, option });
       }
@@ -10496,12 +12879,192 @@ function DisplayMenu({
   }, [sections, rootQuery]);
   const sectionRows = useMemo(() => {
     if (!activeSection) return [];
+    if (activeSection.hideZero || activeSection.options.some((o) => o.pinned)) {
+      return visibleDisplayMenuOptions(activeSection, sectionQuery);
+    }
     const q = sectionQuery.trim().toLowerCase();
     return q ? activeSection.options.filter((o) => o.label.toLowerCase().includes(q)) : activeSection.options;
   }, [activeSection, sectionQuery]);
-  const showFlyoutSearch = !!activeSection && !activeSection.content && (activeSection.searchable ?? activeSection.options.length > SEARCH_THRESHOLD);
+  const activeOperator = activeSection ? displayMenuSectionOperator(activeSection) : void 0;
+  const emptinessOperator = activeOperator === "isEmpty" || activeOperator === "isNotEmpty";
+  const showFlyoutSearch = !!activeSection && !activeSection.content && !activeSection.spec && !emptinessOperator && (activeSection.searchable ?? activeSection.options.length > SEARCH_THRESHOLD2);
   const anySelected = sections.some((s) => s.mode === "multi" && s.selected.size > 0);
-  const showDot = !isAtDefault || anySelected;
+  const showDot = activeCount !== void 0 ? activeCount > 0 : !isAtDefault || anySelected;
+  const triggerName = activeCount !== void 0 && activeCount > 0 ? messages.activeFilters(triggerLabel, activeCount) : showDot ? messages.triggerCustomised(triggerLabel) : triggerLabel;
+  const grouped = sections.some((s) => s.group !== void 0);
+  const selectOption = (section, option) => {
+    const wasSelected = section.selected.has(option.key);
+    section.onSelect(option.key);
+    const label = displayMenuOptionLabel(section, option, filterMessages);
+    announce(
+      wasSelected && section.mode !== "single" ? messages.announceDeselected(section.label, label) : messages.announceSelected(section.label, label)
+    );
+  };
+  const focusFlyout = () => requestAnimationFrame(() => {
+    const root = flyoutRef.current;
+    if (!root) return;
+    const target = root.querySelector('[role="radio"][tabindex="0"], [aria-checked="true"]') ?? root.querySelector(`input, ${MENU_ITEM_SELECTOR}, ${FOCUSABLE_SELECTOR}`);
+    target?.focus();
+  });
+  const focusRow = (key) => rowRefs.current.get(key)?.querySelector("button")?.focus();
+  const renderSectionRow = (section) => {
+    if (section.mode === "toggle") {
+      const option = section.options[0];
+      if (!option) return null;
+      const checked = section.selected.has(option.key);
+      return /* @__PURE__ */ jsxs(
+        DisplayMenuItem,
+        {
+          kind: "checkbox",
+          checked,
+          "data-typeahead": section.label,
+          onMouseEnter: () => {
+            clearTimers();
+            closeSection();
+          },
+          onClick: () => selectOption(section, option),
+          trailing: typeof option.count === "number" ? /* @__PURE__ */ jsx(DisplayMenuCount, { value: option.count }) : null,
+          children: [
+            section.icon && /* @__PURE__ */ jsx("span", { className: "ds:me-1.5 ds:inline-flex ds:text-fg-3", "aria-hidden": "true", children: section.icon }),
+            option.label || section.label
+          ]
+        },
+        section.key
+      );
+    }
+    const count = section.selected.size;
+    const filterSummary = usesFilterSummary(section) ? summarizeDisplayMenuSection(section, filterMessages) : null;
+    const valueLabel = section.summary ?? filterSummary ?? (section.mode === "single" ? section.options.find((o) => section.selected.has(o.key))?.label ?? "" : "");
+    const shownValue = valueLabel || (section.emptyLabel && !isDisplayMenuSectionActive(section) ? section.emptyLabel : "");
+    const showCountBadge = section.mode === "multi" && count > 0 && !usesFilterSummary(section);
+    const isOpen = section.key === openKey;
+    return (
+      /* Hover handlers sit on the wrapper so the cursor can cross
+       * the gap to `section.trailing` without closing the flyout.
+       * The wrapper is not itself a control — the button inside is,
+       * and it carries the keyboard equivalent (ArrowRight / Enter /
+       * Space open the same flyout). Nothing here is mouse-only. */
+      // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref: (el) => {
+            if (el) rowRefs.current.set(section.key, el);
+            else rowRefs.current.delete(section.key);
+          },
+          className: "ds:flex ds:items-center ds:gap-0.5",
+          onMouseEnter: () => scheduleOpen(section.key),
+          onMouseLeave: scheduleClose,
+          children: [
+            /* @__PURE__ */ jsxs(
+              DisplayMenuItem,
+              {
+                kind: "item",
+                bare: true,
+                "aria-haspopup": "menu",
+                "aria-expanded": isOpen,
+                "data-typeahead": section.label,
+                onClick: () => openSection(section.key),
+                onKeyDown: (e) => {
+                  if (e.key === "ArrowRight" || e.key === "Enter" || e.key === " ") {
+                    e.preventDefault();
+                    openSection(section.key);
+                    focusFlyout();
+                  }
+                },
+                className: cn(
+                  "ds:min-w-0 ds:flex-1",
+                  isOpen && "ds:bg-bg-2/60"
+                ),
+                children: [
+                  section.icon && /* @__PURE__ */ jsx("span", { className: "ds:shrink-0 ds:text-fg-3", "aria-hidden": "true", children: section.icon }),
+                  /* @__PURE__ */ jsx("span", { className: "ds:flex-1 ds:truncate", children: section.label }),
+                  showCountBadge && /* @__PURE__ */ jsx("span", { className: "ds:shrink-0 ds:rounded-full ds:bg-brand-bg ds:px-1.5 ds:text-(length:--text-caption) ds:font-medium ds:text-brand", children: count }),
+                  !showCountBadge && shownValue && /* @__PURE__ */ jsx("span", { className: "ds:max-w-24 ds:shrink-0 ds:truncate ds:text-fg-3", children: shownValue }),
+                  /* @__PURE__ */ jsx(ChevronRightIcon, { size: 13, className: "ds:shrink-0 ds:text-fg-3" })
+                ]
+              }
+            ),
+            section.trailing
+          ]
+        },
+        section.key
+      )
+    );
+  };
+  const renderRootRows = () => {
+    if (rootRows.length === 0) return /* @__PURE__ */ jsx(EmptyRow, { label: messages.noMatches });
+    if (rootQuery.trim() || !grouped) return rootRows.map(renderRootRow);
+    const order = ["filter", "arrange"];
+    const buckets = order.map((group) => ({
+      group,
+      rows: sections.filter((s) => (s.group ?? "filter") === group)
+    }));
+    return buckets.filter((b) => b.rows.length > 0).map(({ group, rows }) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "group",
+        "aria-labelledby": `${headingId}-${group}`,
+        className: "ds:not-first:mt-1 ds:not-first:border-t ds:not-first:border-rule ds:not-first:pt-1",
+        children: [
+          /* @__PURE__ */ jsx(
+            "p",
+            {
+              id: `${headingId}-${group}`,
+              className: "ds:px-2 ds:pt-1 ds:pb-0.5 ds:text-(length:--text-caption) ds:font-medium ds:uppercase ds:tracking-wide ds:text-fg-4",
+              children: group === "filter" ? messages.groupFilter : messages.groupArrange
+            }
+          ),
+          rows.map(renderSectionRow)
+        ]
+      },
+      group
+    ));
+  };
+  const renderRootRow = (row) => {
+    if (row.kind === "option") {
+      const { section, option } = row;
+      const isActive = section.selected.has(option.key);
+      const isMulti = section.mode === "multi";
+      return /* @__PURE__ */ jsxs(
+        DisplayMenuItem,
+        {
+          kind: isMulti ? "checkbox" : "radio",
+          indicator: "check",
+          bare: true,
+          checked: isActive,
+          onMouseEnter: () => {
+            clearTimers();
+            closeSection();
+          },
+          onClick: () => selectOption(section, option),
+          className: "ds:gap-1.5",
+          children: [
+            section.icon && /* @__PURE__ */ jsx("span", { className: "ds:shrink-0 ds:text-fg-3", "aria-hidden": "true", children: section.icon }),
+            /* @__PURE__ */ jsx("span", { className: "ds:shrink-0 ds:truncate ds:text-fg-3", children: section.label }),
+            /* @__PURE__ */ jsx(ChevronRightIcon, { size: 12, className: "ds:shrink-0 ds:text-fg-3", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { className: "ds:flex-1 ds:truncate ds:text-fg", children: displayMenuOptionLabel(section, option, filterMessages) })
+          ]
+        },
+        `${section.key}:${option.key}`
+      );
+    }
+    return renderSectionRow(row.section);
+  };
+  const onEscapeKeyDown = (e) => {
+    if (viewsOpen) {
+      e.preventDefault();
+      setViewsOpen(false);
+      return;
+    }
+    if (openKey) {
+      e.preventDefault();
+      const key = openKey;
+      const fromFlyout = flyoutRef.current?.contains(e.target);
+      closeSection();
+      if (fromFlyout) focusRow(key);
+    }
+  };
   return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsxs(Tooltip, { delayMs: 300, children: [
       /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
@@ -10509,7 +13072,7 @@ function DisplayMenu({
         {
           variant: "outline",
           size: "sm",
-          "aria-label": showDot ? `${triggerLabel} (customised)` : triggerLabel,
+          "aria-label": triggerName,
           "data-tour": dataTour,
           className: cn("ds:relative ds:shrink-0", className),
           children: [
@@ -10531,17 +13094,22 @@ function DisplayMenu({
       PopoverContent,
       {
         align: "end",
-        sideOffset: 6,
-        collisionPadding: COLLISION_PADDING_PX,
-        className: "ds:w-64 ds:overflow-visible ds:p-0",
-        onKeyDown: (e) => {
-          if (e.key === "Escape" && openKey) {
-            e.preventDefault();
-            e.stopPropagation();
-            setOpenKey(null);
-          }
-        },
+        sideOffset: 6,
+        collisionPadding: COLLISION_PADDING_PX,
+        className: "ds:w-64 ds:overflow-visible ds:p-0",
+        onEscapeKeyDown,
         children: /* @__PURE__ */ jsxs("div", { ref: panelRef, className: "ds:relative ds:isolate", children: [
+          announcer,
+          views && /* @__PURE__ */ jsx(
+            DisplayMenuViewsBar,
+            {
+              views,
+              messages,
+              onAnnounce: announce,
+              listOpen: viewsOpen,
+              onListOpenChange: setViewsOpen
+            }
+          ),
           /* @__PURE__ */ jsxs("div", { className: "ds:flex ds:items-center ds:gap-1.5 ds:border-b ds:border-rule ds:px-2.5 ds:py-1.5", children: [
             /* @__PURE__ */ jsx(SearchIcon, { size: 13, className: "ds:shrink-0 ds:text-fg-3", "aria-hidden": "true" }),
             /* @__PURE__ */ jsx(
@@ -10550,139 +13118,82 @@ function DisplayMenu({
                 type: "text",
                 value: rootQuery,
                 onChange: (e) => setRootQuery(e.target.value),
-                placeholder: "Filter\u2026",
-                "aria-label": "Filter options and values",
+                onKeyDown: (e) => {
+                  if (e.key === "ArrowDown") {
+                    e.preventDefault();
+                    panelRef.current?.querySelector(`[data-dm-root] :is(${MENU_ITEM_SELECTOR})`)?.focus();
+                  }
+                },
+                placeholder: messages.rootSearchPlaceholder,
+                "aria-label": messages.rootSearchLabel,
                 className: "ds:h-6 ds:w-full ds:bg-transparent ds:text-[13px] ds:text-fg ds:outline-none ds:placeholder:text-fg-3"
               }
             )
           ] }),
+          match !== void 0 && onMatchChange && sections.some((s) => (s.group ?? "filter") === "filter") && /* @__PURE__ */ jsxs("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-2 ds:border-b ds:border-rule ds:px-2.5 ds:py-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "ds:text-(length:--text-helper) ds:text-fg-3", id: `${headingId}-match`, children: messages.matchLabel }),
+            /* @__PURE__ */ jsxs(
+              ToggleGroup,
+              {
+                type: "single",
+                variant: "segmented",
+                size: "xs",
+                value: match,
+                "aria-labelledby": `${headingId}-match`,
+                onValueChange: (next) => {
+                  if (next === "all" || next === "any") onMatchChange(next);
+                },
+                children: [
+                  /* @__PURE__ */ jsx(ToggleGroupItem, { value: "all", className: "ds:px-2 ds:text-(length:--text-helper)", children: messages.matchAll }),
+                  /* @__PURE__ */ jsx(ToggleGroupItem, { value: "any", className: "ds:px-2 ds:text-(length:--text-helper)", children: messages.matchAny })
+                ]
+              }
+            )
+          ] }),
           /* @__PURE__ */ jsx(
             "div",
             {
               role: "menu",
               "aria-label": triggerLabel,
+              "data-dm-root": "",
+              onKeyDown: rootRoving,
               className: "ds:scrollbar-thin ds:max-h-[min(32rem,70vh)] ds:overflow-y-auto ds:p-1",
-              children: rootRows.length === 0 ? /* @__PURE__ */ jsx(EmptyRow, {}) : rootRows.map((row) => {
-                if (row.kind === "option") {
-                  const { section: section2, option } = row;
-                  const isActive = section2.selected.has(option.key);
-                  const isMulti = section2.mode === "multi";
-                  return /* @__PURE__ */ jsxs(
-                    "button",
-                    {
-                      type: "button",
-                      role: isMulti ? "menuitemcheckbox" : "menuitemradio",
-                      "aria-checked": isActive,
-                      onMouseEnter: () => {
-                        clearTimers();
-                        setOpenKey(null);
-                      },
-                      onClick: () => section2.onSelect(option.key),
-                      className: "ds:flex ds:w-full ds:items-center ds:gap-1.5 ds:rounded-md ds:px-2 ds:py-1.5 ds:text-left ds:text-[13px] ds:transition-colors ds:hover:bg-surface-hover/60 ds:focus-visible:bg-bg-2/60 ds:focus-visible:outline-none ds:motion-reduce:transition-none",
-                      children: [
-                        section2.icon && /* @__PURE__ */ jsx("span", { className: "ds:shrink-0 ds:text-fg-3", "aria-hidden": "true", children: section2.icon }),
-                        /* @__PURE__ */ jsx("span", { className: "ds:shrink-0 ds:truncate ds:text-fg-3", children: section2.label }),
-                        /* @__PURE__ */ jsx(
-                          ChevronRightIcon,
-                          {
-                            size: 12,
-                            className: "ds:shrink-0 ds:text-fg-3",
-                            "aria-hidden": "true"
-                          }
-                        ),
-                        /* @__PURE__ */ jsx("span", { className: "ds:flex-1 ds:truncate ds:text-fg", children: option.label }),
-                        isActive && /* @__PURE__ */ jsx(CheckIcon, { size: 14, className: "ds:shrink-0 ds:text-brand" })
-                      ]
-                    },
-                    `${section2.key}:${option.key}`
-                  );
-                }
-                const { section } = row;
-                const count = section.selected.size;
-                const valueLabel = section.summary ?? (section.mode === "single" ? section.options.find((o) => section.selected.has(o.key))?.label ?? "" : "");
-                const isOpen = section.key === openKey;
-                return (
-                  /* Hover handlers sit on the wrapper so the cursor can cross
-                   * the gap to `section.trailing` without closing the flyout.
-                   * The wrapper is not itself a control — the button inside is,
-                   * and it carries the keyboard equivalent (ArrowRight / Enter /
-                   * Space open the same flyout). Nothing here is mouse-only. */
-                  // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-                  /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      ref: (el) => {
-                        if (el) rowRefs.current.set(section.key, el);
-                        else rowRefs.current.delete(section.key);
-                      },
-                      className: "ds:flex ds:items-center ds:gap-0.5",
-                      onMouseEnter: () => scheduleOpen(section.key),
-                      onMouseLeave: scheduleClose,
-                      children: [
-                        /* @__PURE__ */ jsxs(
-                          "button",
-                          {
-                            type: "button",
-                            role: "menuitem",
-                            "aria-haspopup": "menu",
-                            "aria-expanded": isOpen,
-                            onClick: () => openSection(section.key),
-                            onKeyDown: (e) => {
-                              if (e.key === "ArrowRight" || e.key === "Enter" || e.key === " ") {
-                                e.preventDefault();
-                                openSection(section.key);
-                                requestAnimationFrame(
-                                  () => flyoutRef.current?.querySelector("input, [role='menuitemcheckbox'], [role='menuitemradio']")?.focus()
-                                );
-                              }
-                            },
-                            className: cn(
-                              "ds:flex ds:min-w-0 ds:flex-1 ds:items-center ds:gap-2 ds:rounded-md ds:px-2 ds:py-1.5 ds:text-left ds:text-[13px] ds:text-fg ds:transition-colors ds:hover:bg-surface-hover/60 ds:focus-visible:bg-bg-2/60 ds:focus-visible:outline-none ds:motion-reduce:transition-none",
-                              isOpen && "ds:bg-bg-2/60"
-                            ),
-                            children: [
-                              section.icon && /* @__PURE__ */ jsx("span", { className: "ds:shrink-0 ds:text-fg-3", "aria-hidden": "true", children: section.icon }),
-                              /* @__PURE__ */ jsx("span", { className: "ds:flex-1 ds:truncate", children: section.label }),
-                              section.mode === "multi" && count > 0 && /* @__PURE__ */ jsx("span", { className: "ds:shrink-0 ds:rounded-full ds:bg-brand-bg ds:px-1.5 ds:text-[11px] ds:font-medium ds:text-brand", children: count }),
-                              section.mode !== "multi" && valueLabel && /* @__PURE__ */ jsx("span", { className: "ds:max-w-24 ds:shrink-0 ds:truncate ds:text-[13px] ds:text-fg-3", children: valueLabel }),
-                              /* @__PURE__ */ jsx(ChevronRightIcon, { size: 13, className: "ds:shrink-0 ds:text-fg-3" })
-                            ]
-                          }
-                        ),
-                        section.trailing
-                      ]
-                    },
-                    section.key
-                  )
-                );
-              })
+              children: renderRootRows()
             }
           ),
-          /* @__PURE__ */ jsx("div", { className: "ds:border-t ds:border-rule ds:p-1", children: /* @__PURE__ */ jsxs(
-            Button,
-            {
-              variant: "ghost",
-              size: "sm",
-              onClick: onReset,
-              disabled: isAtDefault,
-              className: "ds:h-7 ds:w-full ds:justify-start ds:gap-1.5 ds:px-2 ds:text-xs ds:text-fg-3 ds:hover:text-fg",
-              children: [
-                /* @__PURE__ */ jsx(RotateCcwIcon, { size: 13 }),
-                "Reset to default"
-              ]
-            }
-          ) }),
-          activeSection && /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsxs("div", { className: "ds:flex ds:items-center ds:gap-1 ds:border-t ds:border-rule ds:p-1", children: [
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                onClick: () => {
+                  onReset();
+                  announce(messages.announceReset);
+                },
+                disabled: isAtDefault,
+                className: "ds:h-7 ds:flex-1 ds:justify-start ds:gap-1.5 ds:px-2 ds:text-xs ds:text-fg-3 ds:hover:text-fg",
+                children: [
+                  /* @__PURE__ */ jsx(RotateCcwIcon, { size: 13 }),
+                  messages.reset
+                ]
+              }
+            ),
+            density !== void 0 && onDensityChange && /* @__PURE__ */ jsx(TableDensityToggle, { size: "xs", value: density, onValueChange: onDensityChange })
+          ] }),
+          activeSection && // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- delegated ArrowLeft/hover for the controls inside; the flyout is a surface, not a control
+          /* @__PURE__ */ jsxs(
             "div",
             {
               ref: flyoutRef,
               tabIndex: -1,
               "data-ds-presence": "floating",
               "data-state": "open",
+              "data-kind": activeSection.spec?.kind,
               style: {
                 top: flyout.top,
-                width: FLYOUT_WIDTH,
-                maxHeight: flyout.maxHeight,
+                width: flyoutWidthFor(activeSection),
+                maxHeight: flyout.maxHeight || void 0,
                 transformOrigin: flyout.side === "left" ? "right top" : "left top"
               },
               className: cn(
@@ -10696,7 +13207,17 @@ function DisplayMenu({
               ),
               onMouseEnter: clearTimers,
               onMouseLeave: scheduleClose,
+              onKeyDown: (e) => {
+                const inField = e.target.closest("input, textarea");
+                if (e.key === "ArrowLeft" && !inField && !e.defaultPrevented) {
+                  e.preventDefault();
+                  const key = activeSection.key;
+                  closeSection();
+                  focusRow(key);
+                }
+              },
               children: [
+                activeSection.operators && /* @__PURE__ */ jsx(DisplayMenuOperatorPicker, { section: activeSection }),
                 showFlyoutSearch && /* @__PURE__ */ jsxs("div", { className: "ds:flex ds:shrink-0 ds:items-center ds:gap-1.5 ds:border-b ds:border-rule ds:px-2.5 ds:py-1.5", children: [
                   /* @__PURE__ */ jsx(SearchIcon, { size: 13, className: "ds:shrink-0 ds:text-fg-3", "aria-hidden": "true" }),
                   /* @__PURE__ */ jsx(
@@ -10705,85 +13226,98 @@ function DisplayMenu({
                       type: "text",
                       value: sectionQuery,
                       onChange: (e) => setSectionQuery(e.target.value),
-                      placeholder: `Filter ${activeSection.label.toLowerCase()}\u2026`,
-                      "aria-label": `Filter ${activeSection.label}`,
+                      placeholder: messages.sectionSearchPlaceholder(activeSection.label),
+                      "aria-label": messages.sectionSearchLabel(activeSection.label),
                       className: "ds:h-6 ds:w-full ds:bg-transparent ds:text-[13px] ds:text-fg ds:outline-none ds:placeholder:text-fg-3"
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    role: "menu",
-                    "aria-label": activeSection.label,
-                    className: "ds:scrollbar-thin ds:min-h-0 ds:flex-1 ds:max-h-[min(24rem,60vh)] ds:overflow-y-auto ds:p-1",
-                    children: activeSection.content ? (
-                      /* Consumer-supplied controls (date range, numeric bound).
-                       * Rendered raw — the section owns its own labelling and
-                       * layout; the flyout only provides the surface. */
-                      /* @__PURE__ */ jsx("div", { className: "ds:p-1.5", children: activeSection.content })
-                    ) : sectionRows.length === 0 ? /* @__PURE__ */ jsx(
-                      EmptyRow,
-                      {
-                        label: activeSection.options.length === 0 ? "Nothing to filter by" : "No matches"
-                      }
-                    ) : sectionRows.map((option) => {
-                      const isActive = activeSection.selected.has(option.key);
-                      const isMulti = activeSection.mode === "multi";
-                      return /* @__PURE__ */ jsxs(
-                        "button",
+                activeSection.spec ? (
+                  /* Typed panels own inputs and radio groups — a menu may only own
+                   * items, so this container is a labelled group instead. */
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      role: "group",
+                      "aria-label": activeSection.label,
+                      className: "ds:scrollbar-thin ds:min-h-0 ds:flex-1 ds:overflow-y-auto",
+                      children: /* @__PURE__ */ jsx(DisplayMenuSpecPanel, { section: activeSection, onDone: closeSection })
+                    }
+                  )
+                ) : emptinessOperator ? null : (
+                  /* The menu is the option list alone: the search box above and
+                   * the Clear action below are not menu items, so they sit
+                   * outside it (a menu may only own items, G10). */
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      role: "menu",
+                      "aria-label": activeSection.label,
+                      onKeyDown: flyoutRoving,
+                      className: "ds:scrollbar-thin ds:min-h-0 ds:flex-1 ds:max-h-[min(24rem,60vh)] ds:overflow-y-auto ds:p-1",
+                      children: activeSection.content ? (
+                        /* Consumer-supplied controls (date range, numeric bound).
+                         * Rendered raw — the section owns its own labelling and
+                         * layout; the flyout only provides the surface. */
+                        /* @__PURE__ */ jsx("div", { className: "ds:p-1.5", children: activeSection.content })
+                      ) : sectionRows.length === 0 ? /* @__PURE__ */ jsx(
+                        EmptyRow,
                         {
-                          type: "button",
-                          role: isMulti ? "menuitemcheckbox" : "menuitemradio",
-                          "aria-checked": isActive,
-                          onClick: () => {
-                            activeSection.onSelect(option.key);
-                            if (!isMulti) setOpenKey(null);
-                          },
-                          onKeyDown: (e) => {
-                            if (e.key === "ArrowLeft") {
-                              e.preventDefault();
-                              setOpenKey(null);
-                              rowRefs.current.get(activeSection.key)?.querySelector("button")?.focus();
-                            }
-                          },
-                          className: cn(
-                            "ds:flex ds:w-full ds:items-center ds:gap-2 ds:rounded-md ds:px-2 ds:py-1.5 ds:text-left ds:text-[13px] ds:transition-colors ds:hover:bg-surface-hover/60 ds:focus-visible:bg-bg-2/60 ds:focus-visible:outline-none ds:motion-reduce:transition-none",
-                            isActive ? "ds:text-fg" : "ds:text-fg-3 ds:hover:text-fg"
-                          ),
-                          children: [
-                            isMulti && /* @__PURE__ */ jsx(
-                              "span",
-                              {
-                                "aria-hidden": "true",
-                                className: cn(
-                                  "ds:flex ds:size-3.5 ds:shrink-0 ds:items-center ds:justify-center ds:rounded ds:border ds:transition-colors",
-                                  isActive ? "ds:border-brand ds:bg-brand ds:text-fg-on-brand" : "ds:border-rule"
-                                ),
-                                children: isActive && /* @__PURE__ */ jsx(CheckIcon, { size: 10 })
-                              }
+                          label: activeSection.options.length === 0 ? messages.nothingToFilter : messages.noMatches
+                        }
+                      ) : sectionRows.map((option) => {
+                        const isActive = activeSection.selected.has(option.key);
+                        const isMulti = activeSection.mode === "multi";
+                        return /* @__PURE__ */ jsxs(
+                          "button",
+                          {
+                            type: "button",
+                            role: isMulti ? "menuitemcheckbox" : "menuitemradio",
+                            "aria-checked": isActive,
+                            "data-typeahead": option.label,
+                            onClick: () => {
+                              selectOption(activeSection, option);
+                              if (!isMulti) closeSection();
+                            },
+                            className: cn(
+                              "ds:flex ds:w-full ds:items-center ds:gap-2 ds:rounded-md ds:px-2 ds:py-1.5 ds:text-left ds:text-[13px] ds:transition-colors ds:hover:bg-surface-hover/60 ds:focus-visible:bg-bg-2/60 ds:focus-visible:outline-none ds:motion-reduce:transition-none",
+                              isActive ? "ds:text-fg" : "ds:text-fg-3 ds:hover:text-fg"
                             ),
-                            /* @__PURE__ */ jsx("span", { className: "ds:flex-1 ds:truncate", children: option.label }),
-                            !isMulti && isActive && /* @__PURE__ */ jsx(CheckIcon, { size: 14, className: "ds:shrink-0 ds:text-brand" })
-                          ]
-                        },
-                        option.key
-                      );
-                    })
-                  }
+                            children: [
+                              isMulti && /* @__PURE__ */ jsx(
+                                "span",
+                                {
+                                  "aria-hidden": "true",
+                                  className: cn(
+                                    "ds:flex ds:size-3.5 ds:shrink-0 ds:items-center ds:justify-center ds:rounded ds:border ds:transition-colors",
+                                    isActive ? "ds:border-brand ds:bg-brand ds:text-fg-on-brand" : "ds:border-rule"
+                                  ),
+                                  children: isActive && /* @__PURE__ */ jsx(CheckIcon, { size: 10 })
+                                }
+                              ),
+                              option.icon && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "ds:inline-flex ds:shrink-0", children: option.icon }),
+                              /* @__PURE__ */ jsx("span", { className: "ds:flex-1 ds:truncate", children: option.label }),
+                              typeof option.count === "number" && /* @__PURE__ */ jsx(DisplayMenuCount, { value: option.count }),
+                              !isMulti && isActive && /* @__PURE__ */ jsx(CheckIcon, { size: 14, className: "ds:shrink-0 ds:text-brand" })
+                            ]
+                          },
+                          option.key
+                        );
+                      })
+                    }
+                  )
                 ),
-                activeSection.mode === "multi" && activeSection.selected.size > 0 && activeSection.onClear && /* @__PURE__ */ jsx("div", { className: "ds:shrink-0 ds:border-t ds:border-rule ds:p-1", children: /* @__PURE__ */ jsxs(
+                !activeSection.spec && activeSection.mode === "multi" && activeSection.selected.size > 0 && activeSection.onClear && /* @__PURE__ */ jsx("div", { className: "ds:shrink-0 ds:border-t ds:border-rule ds:p-1", children: /* @__PURE__ */ jsx(
                   Button,
                   {
                     variant: "ghost",
                     size: "sm",
-                    onClick: activeSection.onClear,
+                    onClick: () => {
+                      activeSection.onClear?.();
+                      announce(messages.announceCleared(activeSection.label));
+                    },
                     className: "ds:h-6 ds:w-full ds:justify-start ds:px-2 ds:text-[11px] ds:text-fg-3 ds:hover:text-fg",
-                    children: [
-                      "Clear ",
-                      activeSection.selected.size,
-                      " selected"
-                    ]
+                    children: messages.clearSelected(activeSection.selected.size)
                   }
                 ) })
               ]
@@ -10794,9 +13328,220 @@ function DisplayMenu({
     )
   ] });
 }
-function EmptyRow({ label = "No matches" }) {
+function EmptyRow({ label }) {
   return /* @__PURE__ */ jsx("p", { className: "ds:px-2 ds:py-3 ds:text-center ds:text-[11px] ds:text-fg-3", children: label });
 }
+function facetSummary(facet) {
+  return facet.summary ?? (facet.values ?? []).map((v) => v.label).join(", ");
+}
+var FilterChips = forwardRef(function FilterChips2({
+  facets,
+  onEdit,
+  onRemove,
+  onRemoveValue,
+  onClearAll,
+  maxVisible = 3,
+  size = "sm",
+  trailing,
+  messages: messagesProp,
+  className,
+  ...props
+}, ref) {
+  const messages = useDsMessages("filterChips", messagesProp);
+  const [panelOpen, setPanelOpen] = useState(false);
+  if (facets.length === 0) return null;
+  const limit = Math.max(1, maxVisible);
+  const collapse = facets.length > limit + 1;
+  const visible = collapse ? facets.slice(0, limit) : facets;
+  const hidden = collapse ? facets.slice(limit) : [];
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      role: "group",
+      "aria-label": messages.region,
+      ...slot(filterChipsAnatomy, "root"),
+      className: cn("ds:flex ds:min-w-0 ds:flex-wrap ds:items-center ds:gap-1.5", className),
+      ...props,
+      children: [
+        visible.map((facet) => {
+          const text = messages.facet(facet.label, facetSummary(facet));
+          return /* @__PURE__ */ jsx(
+            Chip,
+            {
+              size,
+              "data-facet": facet.key,
+              ...slot(filterChipsAnatomy, "chip"),
+              ...onEdit ? { onClick: () => onEdit(facet.key) } : {},
+              onRemove: () => onRemove(facet.key),
+              removeLabel: messages.remove(facet.label),
+              className: "ds:max-w-72 ds:[&_[data-slot=chip-label]]:truncate",
+              title: text,
+              children: text
+            },
+            facet.key
+          );
+        }),
+        hidden.length > 0 && /* @__PURE__ */ jsxs(Popover, { open: panelOpen, onOpenChange: setPanelOpen, children: [
+          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+            Chip,
+            {
+              size,
+              ...slot(filterChipsAnatomy, "overflow"),
+              "aria-label": messages.moreLabel(hidden.length),
+              "aria-haspopup": "dialog",
+              "aria-expanded": panelOpen,
+              onClick: () => setPanelOpen((open) => !open),
+              children: messages.more(hidden.length)
+            }
+          ) }),
+          /* @__PURE__ */ jsxs(
+            PopoverContent,
+            {
+              align: "start",
+              sideOffset: 6,
+              padding: "none",
+              "aria-label": messages.panelTitle(facets.length),
+              ...slot(filterChipsAnatomy, "overflow-panel"),
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-2 ds:border-b ds:border-rule ds:px-3 ds:py-2", children: [
+                  /* @__PURE__ */ jsx("p", { className: "ds:text-xs ds:font-semibold ds:text-fg", children: messages.panelTitle(facets.length) }),
+                  onClearAll && /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "ghost",
+                      size: "sm",
+                      onClick: () => {
+                        onClearAll();
+                        setPanelOpen(false);
+                      },
+                      children: messages.clearFilters
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx("ul", { className: "ds:scrollbar-thin ds:max-h-72 ds:space-y-3 ds:overflow-y-auto ds:p-3", children: facets.map((facet) => /* @__PURE__ */ jsxs("li", { ...slot(filterChipsAnatomy, "overflow-facet"), children: [
+                  /* @__PURE__ */ jsx("p", { className: "ds:mb-1 ds:text-xs ds:font-medium ds:text-fg-3", children: facet.label }),
+                  /* @__PURE__ */ jsx("ul", { className: "ds:space-y-0.5", children: onRemoveValue && facet.values && facet.values.length > 0 ? facet.values.map((value) => /* @__PURE__ */ jsx(
+                    ValueRow,
+                    {
+                      label: value.label,
+                      removeLabel: messages.removeValue(facet.label, value.label),
+                      onRemove: () => onRemoveValue(facet.key, value.key)
+                    },
+                    value.key
+                  )) : /* @__PURE__ */ jsx(
+                    ValueRow,
+                    {
+                      label: facetSummary(facet),
+                      removeLabel: messages.remove(facet.label),
+                      onRemove: () => onRemove(facet.key)
+                    }
+                  ) })
+                ] }, facet.key)) })
+              ]
+            }
+          )
+        ] }),
+        trailing,
+        onClearAll && /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            onClick: onClearAll,
+            ...slot(filterChipsAnatomy, "clear"),
+            className: "ds:text-fg-3 ds:hover:text-fg",
+            children: messages.clearAll
+          }
+        )
+      ]
+    }
+  );
+});
+FilterChips.displayName = "FilterChips";
+function ValueRow({
+  label,
+  removeLabel,
+  onRemove
+}) {
+  return /* @__PURE__ */ jsxs(
+    "li",
+    {
+      ...slot(filterChipsAnatomy, "overflow-value"),
+      className: "ds:flex ds:items-center ds:justify-between ds:gap-2 ds:rounded-input ds:py-0.5 ds:ps-1 ds:pe-0.5 ds:transition-colors ds:duration-[var(--duration-fast)] ds:hover:bg-surface-hover ds:motion-reduce:transition-none",
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "ds:min-w-0 ds:truncate ds:text-sm ds:text-fg", children: label }),
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            variant: "ghost",
+            intent: "neutral",
+            size: "xs",
+            label: removeLabel,
+            tooltip: false,
+            icon: /* @__PURE__ */ jsx(XIcon, {}),
+            onClick: onRemove
+          }
+        )
+      ]
+    }
+  );
+}
+function clearSection(section) {
+  const spec = section.spec;
+  if (spec && "onChange" in spec && spec.kind !== "sort") {
+    spec.onChange(null);
+    return;
+  }
+  if (section.operator === "isEmpty" || section.operator === "isNotEmpty") {
+    const fallback = section.operators?.find((op) => op !== "isEmpty" && op !== "isNotEmpty");
+    if (fallback) section.onOperatorChange?.(fallback);
+  }
+  if (section.onClear) {
+    section.onClear();
+    return;
+  }
+  for (const key of section.selected) section.onSelect(key);
+}
+function useDisplayMenuFilterChips(sections, options) {
+  const filterMessages = useDsMessages("displayMenuFilters");
+  const group = options?.group;
+  const now = options?.now;
+  return useMemo(() => {
+    const grouped = sections.some((s) => s.group !== void 0);
+    const eligible = sections.filter((section) => {
+      if (section.spec?.kind === "sort" || section.spec?.kind === "columns") return false;
+      if (group === "all" || !group && !grouped) return true;
+      return section.group === (group ?? "filter");
+    });
+    const active = eligible.filter((section) => isDisplayMenuSectionActive(section));
+    const byKey = new Map(active.map((s) => [s.key, s]));
+    const facets = active.map((section) => {
+      const valueList = !section.spec || section.spec.kind === "person" || section.spec.kind === "tags";
+      const values = valueList && section.operator !== "isEmpty" && section.operator !== "isNotEmpty" ? section.options.filter((o) => section.selected.has(o.key)).map((o) => ({ key: o.key, label: o.label })) : void 0;
+      return {
+        key: section.key,
+        label: section.label,
+        summary: summarizeDisplayMenuSection(section, filterMessages, now ? { now } : void 0) ?? void 0,
+        values
+      };
+    });
+    return {
+      facets,
+      onRemove: (key) => {
+        const section = byKey.get(key);
+        if (section) clearSection(section);
+      },
+      onRemoveValue: (key, valueKey) => {
+        const section = byKey.get(key);
+        if (section?.selected.has(valueKey)) section.onSelect(valueKey);
+      },
+      onClearAll: () => {
+        for (const section of active) clearSection(section);
+      }
+    };
+  }, [sections, group, now, filterMessages]);
+}
 var StickyStackContext = React30.createContext(null);
 function StickyStack({
   layers,
@@ -10965,6 +13710,148 @@ var StickyStackSectionHeader = React30.forwardRef(function StickyStackSectionHea
   return /* @__PURE__ */ jsx(StickyStackSticky, { ref, "data-sticky-stack-section-header": "", ...props });
 });
 StickyStackSectionHeader.displayName = "StickyStackSectionHeader";
+var ListPage = forwardRef(function ListPage2({ stats, toolbar, bulkBar, children, className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      ...slot(listPageAnatomy, "root"),
+      className: cn(
+        "ds:flex ds:h-full ds:min-h-0 ds:flex-col ds:gap-3 ds:overflow-hidden",
+        className
+      ),
+      ...props,
+      children: [
+        stats != null && /* @__PURE__ */ jsx("div", { ...slot(listPageAnatomy, "stats"), className: "ds:shrink-0", children: stats }),
+        toolbar,
+        children,
+        bulkBar != null && /* @__PURE__ */ jsx("div", { ...slot(listPageAnatomy, "bulk-bar"), className: "ds:shrink-0", children: bulkBar })
+      ]
+    }
+  );
+});
+ListPage.displayName = "ListPage";
+var ListPageToolbar = forwardRef(
+  function ListPageToolbar2({ search, chips, count, actions, children, className, ...props }, ref) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        ...slot(listPageAnatomy, "toolbar"),
+        className: cn("ds:flex ds:shrink-0 ds:flex-wrap ds:items-center ds:gap-2", className),
+        ...props,
+        children: [
+          search != null && /* @__PURE__ */ jsx("div", { ...slot(listPageAnatomy, "search"), className: "ds:flex ds:min-w-0 ds:shrink-0", children: search }),
+          chips != null && /* @__PURE__ */ jsx("div", { ...slot(listPageAnatomy, "chips"), className: "ds:flex ds:min-w-0 ds:items-center", children: chips }),
+          children,
+          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "ds:flex-1" }),
+          count != null && /* @__PURE__ */ jsx("div", { ...slot(listPageAnatomy, "count"), className: "ds:flex ds:shrink-0 ds:items-center", children: count }),
+          actions != null && /* @__PURE__ */ jsx(
+            "div",
+            {
+              ...slot(listPageAnatomy, "actions"),
+              className: "ds:flex ds:shrink-0 ds:items-center ds:gap-2",
+              children: actions
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ListPageToolbar.displayName = "ListPageToolbar";
+var ListPageResultCount = forwardRef(
+  function ListPageResultCount2({ total, start, end, loaded, locale, messages: messagesProp, className, ...props }, ref) {
+    const messages = useDsMessages("listPage", messagesProp);
+    const format3 = (n) => n.toLocaleString(locale);
+    const text = loaded !== void 0 ? messages.loaded(format3(loaded), format3(total)) : start !== void 0 && end !== void 0 && total > 0 ? messages.range(format3(start), format3(end), format3(total)) : messages.total(format3(total));
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref,
+        role: "status",
+        "aria-live": "polite",
+        ...slot(listPageAnatomy, "result-count"),
+        className: cn(
+          "ds:text-xs ds:whitespace-nowrap ds:text-fg-3 ds:tabular-nums",
+          className
+        ),
+        ...props,
+        children: text
+      }
+    );
+  }
+);
+ListPageResultCount.displayName = "ListPageResultCount";
+var SCROLL_CHILD = cn(
+  "ds:[&>[data-slot=table-wrapper]]:min-h-0 ds:[&>[data-slot=table-wrapper]]:flex-initial ds:[&>[data-slot=table-wrapper]]:overflow-auto",
+  "ds:[&>[data-slot=table-wrapper]]:rounded-none ds:[&>[data-slot=table-wrapper]]:border-0 ds:[&>[data-slot=table-wrapper]]:shadow-none",
+  "ds:[&>[data-slot=data-table]]:min-h-0 ds:[&>[data-slot=data-table]]:flex-initial ds:[&>[data-slot=data-table]]:overflow-auto",
+  "ds:[&>[data-slot=data-table]]:rounded-none ds:[&>[data-slot=data-table]]:border-0 ds:[&>[data-slot=data-table]]:shadow-none"
+);
+var ListPageTable = forwardRef(function ListPageTable2({ footer, className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      ...slot(listPageAnatomy, "table"),
+      className: cn(
+        "ds:flex ds:min-h-0 ds:min-w-0 ds:flex-initial ds:flex-col ds:overflow-hidden",
+        "ds:rounded-surface-sm ds:border ds:border-rule-strong ds:bg-surface ds:shadow-quiet",
+        SCROLL_CHILD,
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        footer != null && /* @__PURE__ */ jsx(
+          "div",
+          {
+            ...slot(listPageAnatomy, "footer"),
+            className: "ds:shrink-0 ds:border-t ds:border-rule ds:bg-surface ds:px-(--table-cell-padding-x) ds:py-3 ds:empty:hidden ds:[&>[data-slot=pagination]]:mt-0",
+            children: footer
+          }
+        )
+      ]
+    }
+  );
+});
+ListPageTable.displayName = "ListPageTable";
+var ListPageScroll = forwardRef(
+  function ListPageScroll2({ messages: messagesProp, className, ...props }, ref) {
+    const messages = useDsMessages("listPage", messagesProp);
+    const localRef = useRef(null);
+    const mergedRef = useMergedRefs(ref, localRef);
+    const [overflowing, setOverflowing] = useState(false);
+    useEffect(() => {
+      const element = localRef.current;
+      if (!element || typeof ResizeObserver === "undefined") return;
+      const measure = () => setOverflowing(
+        element.scrollHeight > element.clientHeight + 1 || element.scrollWidth > element.clientWidth + 1
+      );
+      measure();
+      const observer = new ResizeObserver(measure);
+      observer.observe(element);
+      for (const child of Array.from(element.children)) observer.observe(child);
+      return () => observer.disconnect();
+    }, []);
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: mergedRef,
+        ...slot(listPageAnatomy, "scroll"),
+        ...overflowing ? { role: "region", "aria-label": props["aria-label"] ?? messages.tableRegion, tabIndex: 0 } : {},
+        className: cn(
+          "ds:min-h-0 ds:flex-initial ds:overflow-auto",
+          overflowing && "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+ListPageScroll.displayName = "ListPageScroll";
 
 // src/foundation/status-map.ts
 function defineStatusMap(map) {
@@ -11698,6 +14585,6 @@ function useTableDensity(options) {
   return { density, setDensity };
 }
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityEventItem, ActivityItem, ActivityList, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppHeader, AppHeaderActions, AppHeaderBreadcrumb, AppHeaderSearch, AppHeaderTitle, AppSidebar, AppSidebarNav, AreaChart, AspectRatio, AttachmentChip, AvatarGroup, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BulkActionBar, BulkActionBarAction, BulkActionBarSeparator, COUNTRY_CODES, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Code, CommandPalette, ConfirmActionButton, ConfirmDialog, ConfirmHost, Content6 as Content, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CountryFlag2 as CountryFlag, CountrySelect, DATE_DISPLAY_PLACEHOLDER, DEFAULT_PHONE_FIELD_MESSAGES, DangerAction, DataItem, DataTablePattern, DatePicker, DateRangePicker, DesignSystemProvider, DetailGrid, DetailMain, DetailSpine, DetailSpineHeader, DetailSpineSection, DetailSpineStats, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DisplayMenu, DonutChart, EmptyState, ErrorState, Eyebrow, Field, FieldControl, FieldDescription, FieldError, Fieldset, FieldsetLegend, FileTypeBadge, FilterChip, FolderTree, FormError, FormSection, FormSuccess, Heading, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, ICON_TILE_TONE_TO_INTENT, IconAction, IconTile, InfoHint, Inline, Kanban, KanbanCard, KanbanColumn, Kbd, KbdHint, KeyboardShortcutsDialog, KpiCard, Label2 as Label, LinkAction, LinkButton, LoadingRows, Main, MasterDetailLayout, MessageBubble, MessageBubbleAction, MessageBubbleTombstone, MessageComposer, MetadataGrid, MultiFilterPill, MultiSelect, MultiSelectField, MutedSpec, NotificationFilter, NotificationItem, NotificationList, NotificationPanel, NotificationPanelFooter, NotificationPanelHeader, NumberInput, Numeric, OTPInput, PageHeader, PageHeaderSep, PageHeaderSpec, PdfPreview, PeoplePicker, PhoneCountryInput, PhoneField, PhoneInput, PrimaryAction, PriorityIcon, QuestionnairePanel, RadioGroup2 as RadioGroup, RadioGroupItem, RankedBars, ResponsiveDialog, RouteTransition, ScrollArea, ScrollBar, SearchInput, SearchSelect, SecondaryAction, SectionCard, SegmentedControl, SelectableKpiCard, Separator2 as Separator, Shell, SideDrawer, Slider, SpreadsheetPreview, Stack, StackedBarChart, StarRating, StatusBadge, StatusIcon, Stepper, StickyActionBar, StickyStack, StickyStackLayer, StickyStackSectionHeader, StickyStackSticky, SubmitButton, SuiteProgress, Surface, TableDensityToggle, TableEmpty, TableError, TableLoading, Text, ToastProvider, Toolbar, VisuallyHidden, YEAR_DISPLAY_PLACEHOLDER, alertVariants, applyMask, applyYearMask, attachmentChipVariants, cardVariants, dateToIso, defineStatusMap, displayToIso, fileTypeBadgeVariants, fileTypeFromName, filterChipVariants, getFlagEmoji, resolveIconTileVariants as iconTileVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, parsePhoneForEditing, searchInputVariants, starRatingVariants, suiteProgressFillVariants, useConfirm, usePrompt, useTableDensity, useToast, yearToIso };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityEventItem, ActivityItem, ActivityList, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppHeader, AppHeaderActions, AppHeaderBreadcrumb, AppHeaderSearch, AppHeaderTitle, AppSidebar, AppSidebarNav, AreaChart, AspectRatio, AttachmentChip, AvatarGroup, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BulkActionBar, BulkActionBarAction, BulkActionBarMenu, BulkActionBarMenuItem, BulkActionBarMenuRadioGroup, BulkActionBarMenuSub, BulkActionBarMore, BulkActionBarPicker, BulkActionBarSeparator, COUNTRY_CODES, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Code, CommandPalette, ConfirmActionButton, ConfirmDialog, ConfirmHost, Content6 as Content, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CountryFlag2 as CountryFlag, CountrySelect, DATE_DISPLAY_PLACEHOLDER, DEFAULT_PHONE_FIELD_MESSAGES, DangerAction, DataItem, DataTablePattern, DatePicker, DateRangePicker, DesignSystemProvider, DetailGrid, DetailMain, DetailSpine, DetailSpineHeader, DetailSpineSection, DetailSpineStats, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DisplayMenu, DonutChart, EmptyState, ErrorState, Eyebrow, Field, FieldControl, FieldDescription, FieldError, Fieldset, FieldsetLegend, FileTypeBadge, FilterChip, FilterChips, FolderTree, FormError, FormSection, FormSuccess, Heading, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, ICON_TILE_TONE_TO_INTENT, IconAction, IconTile, InfoHint, Inline, Kanban, KanbanCard, KanbanColumn, Kbd, KbdHint, KeyboardShortcutsDialog, KpiCard, Label2 as Label, LinkAction, LinkButton, ListPage, ListPageResultCount, ListPageScroll, ListPageTable, ListPageToolbar, LoadingRows, Main, MasterDetailLayout, MessageBubble, MessageBubbleAction, MessageBubbleTombstone, MessageComposer, MetadataGrid, MultiFilterPill, MultiSelect, MultiSelectField, MutedSpec, NotificationFilter, NotificationItem, NotificationList, NotificationPanel, NotificationPanelFooter, NotificationPanelHeader, NumberInput, Numeric, OTPInput, PageHeader, PageHeaderSep, PageHeaderSpec, PdfPreview, PeoplePicker, PhoneCountryInput, PhoneField, PhoneInput, PrimaryAction, PriorityIcon, QuestionnairePanel, RadioGroup2 as RadioGroup, RadioGroupItem, RankedBars, ResponsiveDialog, RouteTransition, ScrollArea, ScrollBar, SearchInput, SearchSelect, SecondaryAction, SectionCard, SegmentedControl, SelectableKpiCard, Separator2 as Separator, Shell, SideDrawer, Slider, SpreadsheetPreview, Stack, StackedBarChart, StarRating, StatStrip, StatStripItem, StatusBadge, StatusIcon, Stepper, StickyActionBar, StickyStack, StickyStackLayer, StickyStackSectionHeader, StickyStackSticky, SubmitButton, SuiteProgress, Surface, TableDensityToggle, TableEmpty, TableError, TableLoading, Text, ToastProvider, Toolbar, YEAR_DISPLAY_PLACEHOLDER, alertVariants, applyMask, applyYearMask, attachmentChipVariants, cardVariants, dateToIso, defineStatusMap, detectDisplayMenuDatePreset, displayToIso, fileTypeBadgeVariants, fileTypeFromName, filterChipVariants, getFlagEmoji, resolveIconTileVariants as iconTileVariants, isDisplayMenuSectionActive, isoToDate, isoToDisplay, isoToYear, labelVariants, matchesDisplayMenuDate, matchesDisplayMenuNumber, matchesDisplayMenuOperator, matchesDisplayMenuTags, matchesDisplayMenuText, parseDisplayMenuNumber, parsePhoneForEditing, resolveDisplayMenuDatePreset, searchInputVariants, sharedBulkValue, starRatingVariants, suiteProgressFillVariants, summarizeDisplayMenuSection, useConfirm, useDisplayMenuFilterChips, usePrompt, useTableDensity, useToast, yearToIso };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map