@assure-one/design-system 1.44.1 → 1.46.0

package/dist/{chunk-PC6M4QZ2.js → chunk-FIRPQWYR.js}

@@ -1,7 +1,7 @@
-import { slot, badgeAnatomy, stateAttributes, useDsMessages, deprecate, paginationAnatomy, Select, microInteractions, useFieldsetContext, useFieldControl, useControllableState, useFormReset2, useMergedRefs, switchAnatomy, CONTROL_LABEL_TEXT, tableAnatomy, Pressable, FormBridge, CONTROL_SIZE_CLASSES, FileUpload, FileChip, Button, Tooltip, TooltipTrigger, TooltipContent, Avatar, Input, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuLabel, dataTableAnatomy, Checkbox, DocumentDetailPanel, DocumentDetailHeader, DocumentDetailTitle, DocumentDetailRequester, DocumentDetailMetaRow, DocumentDetailActions, DropdownMenuItem, DocumentList, DocumentRow, DocumentListSection, Textarea, DropdownMenuCheckboxItem, Popover, PopoverTrigger, PopoverContent, PopoverClose, DropdownMenuShortcut, useId } from './chunk-Z7QPHPNV.js';
-import { cn, ShieldIcon, UploadIcon, SendIcon, ChevronLeftIcon, MoreHorizontalIcon, ChevronRightIcon, ChevronUpIcon, ChevronDownIcon, ChevronsUpDownIcon, LockIcon, TrashIcon, HelpCircleIcon, ExtractIcon, ArrowRightIcon, CheckIcon, EyeIcon, FileTextIcon, CloseIcon, SparklesIcon, PlusIcon, SearchIcon, AlertTriangleIcon, FolderClosedIcon, CalendarIcon, PencilIcon, LockOpenIcon, FlagIcon, CheckCircleSolidIcon, DownloadIcon, XCircleSolidIcon, MessageCircleIcon, BellIcon, PaperclipIcon, UsersIcon, ClockIcon, PlayIcon, PauseIcon, StopIcon, SettingsIcon, Trash2Icon, FileIcon, SparkleIcon, MailIcon } from './chunk-E2URQD5A.js';
+import { slot, badgeAnatomy, stateAttributes, useDsMessages, deprecate, paginationAnatomy, Select, microInteractions, useFieldsetContext, useFieldControl, useControllableState, useFormReset2, useMergedRefs, switchAnatomy, CONTROL_LABEL_TEXT, tableAnatomy, Pressable, Tooltip, TooltipTrigger, TooltipContent, FormBridge, CONTROL_SIZE_CLASSES, FileUpload, FileChip, Button, Avatar, Input, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuLabel, dataTableAnatomy, Checkbox, DocumentDetailPanel, DocumentDetailHeader, DocumentDetailTitle, DocumentDetailRequester, DocumentDetailMetaRow, DocumentDetailActions, DropdownMenuItem, DocumentList, DocumentRow, DocumentListSection, Textarea, DropdownMenuCheckboxItem, Popover, PopoverTrigger, PopoverContent, PopoverClose, DropdownMenuShortcut, useId } from './chunk-IIBDSTOG.js';
+import { cn, ShieldIcon, UploadIcon, SendIcon, ChevronLeftIcon, MoreHorizontalIcon, ChevronRightIcon, ChevronUpIcon, ChevronDownIcon, ChevronsUpDownIcon, LockIcon, TrashIcon, HelpCircleIcon, ExtractIcon, ArrowRightIcon, CheckIcon, EyeIcon, FileTextIcon, CloseIcon, SparklesIcon, PlusIcon, SearchIcon, AlertTriangleIcon, FolderClosedIcon, CalendarIcon, PencilIcon, LockOpenIcon, FlagIcon, CheckCircleSolidIcon, DownloadIcon, XCircleSolidIcon, MessageCircleIcon, BellIcon, PaperclipIcon, UsersIcon, ClockIcon, PlayIcon, PauseIcon, StopIcon, SettingsIcon, Trash2Icon, FileIcon, SparkleIcon, MailIcon } from './chunk-ARCWF2S3.js';
 import { clsx } from 'clsx';
-import * as React2 from 'react';
+import * as React3 from 'react';
 import { forwardRef, useMemo, createContext, useRef, useContext, useState, useCallback, useEffect } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
@@ -159,11 +159,14 @@ var categoryTagVariants = cva(
   ),
   {
     variants: {
+      // Each product's semantic ink-on-tint pair (`-fg` on `-bg`, ≥4.8:1 in
+      // light and ≥5.5:1 in dark), not the seed on a 12% seed tint, which
+      // measured 2.5–4.4:1 at 12px.
       tone: {
-        brand: "ds:text-brand-pro ds:bg-[color-mix(in_srgb,var(--color-brand-pro)_12%,transparent)]",
-        audit: "ds:text-brand-audit ds:bg-[color-mix(in_srgb,var(--color-brand-audit)_12%,transparent)]",
-        books: "ds:text-brand-books ds:bg-[color-mix(in_srgb,var(--color-brand-books)_12%,transparent)]",
-        tax: "ds:text-brand-tax ds:bg-[color-mix(in_srgb,var(--color-brand-tax)_12%,transparent)]",
+        brand: "ds:text-pro-fg ds:bg-pro-bg",
+        audit: "ds:text-audit-fg ds:bg-audit-bg",
+        books: "ds:text-books-fg ds:bg-books-bg",
+        tax: "ds:text-tax-fg ds:bg-tax-bg",
         neutral: "ds:text-fg-3 ds:bg-[color-mix(in_srgb,var(--color-fg-3)_12%,transparent)]"
       }
     },
@@ -319,7 +322,7 @@ function getPageNumbers(current, total, siblings) {
   return [1, "ellipsis", ...range(leftSibling, rightSibling), "ellipsis", total];
 }
 var NAV_BUTTON = cn(
-  "ds:inline-flex ds:size-7 ds:items-center ds:justify-center ds:rounded-btn ds:text-fg-3",
+  "ds:inline-flex ds:size-7 ds:cursor-pointer ds:items-center ds:justify-center ds:rounded-btn ds:text-fg-3",
   "ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)] ds:motion-reduce:transition-none",
   // Pressed takes the control press wash (Polish 2 §3.7, as ghost buttons do).
   "ds:hover:bg-surface-hover ds:hover:text-fg ds:active:bg-control-active-bg",
@@ -327,7 +330,10 @@ var NAV_BUTTON = cn(
   "ds:disabled:pointer-events-none ds:disabled:cursor-not-allowed ds:disabled:text-fg-disabled"
 );
 var PAGE_BUTTON_BASE = cn(
-  "ds:inline-flex ds:h-7 ds:min-w-7 ds:items-center ds:justify-center ds:rounded-btn ds:px-2",
+  // The control-size inventory (W2-03) locates this control by a contiguous
+  // substring of the literal below (`scripts/control-sizes/inventory.mjs`),
+  // so `cursor-pointer` is appended after it rather than inserted inline.
+  "ds:inline-flex ds:h-7 ds:min-w-7 ds:items-center ds:justify-center ds:rounded-btn ds:px-2 ds:cursor-pointer",
   "ds:text-xs ds:font-medium ds:tabular-nums",
   "ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)] ds:motion-reduce:transition-none",
   "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]"
@@ -948,7 +954,7 @@ var switchThumbVariants = cva(
     }
   }
 );
-var Switch = React2.forwardRef(
+var Switch = React3.forwardRef(
   function Switch2({
     label,
     size,
@@ -982,8 +988,8 @@ var Switch = React2.forwardRef(
       defaultProp: defaultChecked ?? false,
       onChange: onCheckedChange
     });
-    const initialChecked = React2.useRef(checkedProp ?? defaultChecked ?? false);
-    const rootRef = React2.useRef(null);
+    const initialChecked = React3.useRef(checkedProp ?? defaultChecked ?? false);
+    const rootRef = React3.useRef(null);
     useFormReset2(rootRef, () => setChecked(initialChecked.current), form);
     const mergedRef = useMergedRefs(ref, rootRef);
     const root = /* @__PURE__ */ jsx(
@@ -1033,6 +1039,16 @@ var Switch = React2.forwardRef(
   }
 );
 Switch.displayName = SwitchPrimitive.Root.displayName;
+function useOverflowTooltip() {
+  const ref = React3.useRef(null);
+  const [overflowing, setOverflowing] = React3.useState(false);
+  const measure = React3.useCallback(() => {
+    const el = ref.current;
+    if (!el) return;
+    setOverflowing(el.scrollWidth > el.clientWidth || el.scrollHeight > el.clientHeight);
+  }, []);
+  return { ref, overflowing, onPointerEnter: measure, onFocus: measure };
+}
 var DEFAULT_TABLE_CONTEXT = { headerStyle: "plain", stickyHeader: false };
 var TableContext = createContext(DEFAULT_TABLE_CONTEXT);
 function useOverflowing(target) {
@@ -1126,7 +1142,14 @@ var TableFooter = forwardRef(
         ref,
         ...slot(tableAnatomy, "footer"),
         className: cn(
-          "ds:border-rule ds:bg-surface-2 ds:border-t ds:font-medium ds:[&>tr]:last:border-b-0",
+          // The canonical totals look (table-standardization docs): a top
+          // rule separating it from the body, and semibold weight (not the
+          // body's regular/medium) on every cell — `numeric` cells read it
+          // on their tabular-nums figures, a plain label cell ("Total") on
+          // its text. Was `font-medium`; bumped to match "semibold numeric
+          // cells" so apps stop hand-styling this row (visual change, noted
+          // in the changeset).
+          "ds:border-rule ds:bg-surface-2 ds:border-t ds:font-semibold ds:[&>tr]:last:border-b-0",
           className
         ),
         ...props
@@ -1276,27 +1299,144 @@ var TableHead = forwardRef(function TableHead2({
   );
 });
 TableHead.displayName = "TableHead";
-var TableCell = forwardRef(function TableCell2({ className, align, numeric, muted, truncate, width, sticky, style, ...props }, ref) {
+var TableCell = forwardRef(function TableCell2({
+  className,
+  align,
+  numeric,
+  muted,
+  truncate,
+  width,
+  sticky,
+  overflowTooltip,
+  style,
+  children,
+  onPointerEnter,
+  onFocus,
+  ...props
+}, ref) {
+  const cellClassName = cn(
+    // 13px, fg-2, soft 1px row divider, tabular nums; airier vertical
+    // rhythm for the taller rows in the catalog layout.
+    "ds:text-fg-2 ds:px-(--table-cell-padding-x) ds:py-(--table-cell-padding-y) ds:align-middle ds:text-(length:--control-font-size-md) ds:tabular-nums",
+    "ds:[&:has([role=checkbox])]:pr-0",
+    muted && "ds:text-fg-3",
+    cellCommon({ align, numeric, truncate, sticky }, STICKY_CELL_SURFACE),
+    className
+  );
+  const cellStyle = widthStyle(width, style);
+  const overflow = useOverflowTooltip();
+  const mergedRef = useMergedRefs(ref, overflow.ref);
+  if (overflowTooltip && truncate) {
+    return /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        "td",
+        {
+          ref: mergedRef,
+          ...slot(tableAnatomy, "cell"),
+          className: cellClassName,
+          style: cellStyle,
+          onPointerEnter: (event) => {
+            onPointerEnter?.(event);
+            overflow.onPointerEnter();
+          },
+          onFocus: (event) => {
+            onFocus?.(event);
+            overflow.onFocus();
+          },
+          ...props,
+          children
+        }
+      ) }),
+      overflow.overflowing && /* @__PURE__ */ jsx(TooltipContent, { children })
+    ] });
+  }
   return /* @__PURE__ */ jsx(
     "td",
     {
       ref,
       ...slot(tableAnatomy, "cell"),
-      className: cn(
-        // 13px, fg-2, soft 1px row divider, tabular nums; airier vertical
-        // rhythm for the taller rows in the catalog layout.
-        "ds:text-fg-2 ds:px-(--table-cell-padding-x) ds:py-(--table-cell-padding-y) ds:align-middle ds:text-(length:--control-font-size-md) ds:tabular-nums",
-        "ds:[&:has([role=checkbox])]:pr-0",
-        muted && "ds:text-fg-3",
-        cellCommon({ align, numeric, truncate, sticky }, STICKY_CELL_SURFACE),
-        className
-      ),
-      style: widthStyle(width, style),
-      ...props
+      className: cellClassName,
+      style: cellStyle,
+      onPointerEnter,
+      onFocus,
+      ...props,
+      children
     }
   );
 });
 TableCell.displayName = "TableCell";
+var STICKY_GROUP_ROW_Z = "ds:z-[var(--z-base)]";
+var TableGroupRow = forwardRef(
+  function TableGroupRow2({
+    colSpan,
+    label,
+    trailing,
+    collapsible = false,
+    open = true,
+    onOpenChange,
+    messages: messagesProp,
+    className,
+    ...props
+  }, ref) {
+    const messages = useDsMessages("table", messagesProp);
+    const { stickyHeader } = useContext(TableContext);
+    return /* @__PURE__ */ jsx("tr", { ref, ...slot(tableAnatomy, "group-row"), ...props, children: /* @__PURE__ */ jsx(
+      "td",
+      {
+        colSpan,
+        className: cn(
+          "ds:bg-surface-2 ds:border-rule ds:h-(--table-row-height) ds:border-b ds:px-(--table-cell-padding-x) ds:align-middle",
+          // Stuck under the sticky header (W6-10's own token, so the two
+          // heights can never drift apart) rather than on the `<tr>`: a
+          // sticky `<tr>` in a collapsed-border table is the flaky part
+          // across engines, a sticky cell is the reliable one — the same
+          // choice `TableHead`'s own sticky rule makes above.
+          stickyHeader && cn("ds:sticky ds:top-(--table-row-height) ds:[box-shadow:inset_0_-1px_0_var(--color-rule)]", STICKY_GROUP_ROW_Z),
+          className
+        ),
+        children: /* @__PURE__ */ jsxs("div", { className: "ds:flex ds:items-center ds:gap-1.5", children: [
+          collapsible && /* @__PURE__ */ jsx(
+            Pressable,
+            {
+              ...slot(tableAnatomy, "group-row-toggle"),
+              "aria-expanded": open,
+              onClick: () => onOpenChange?.(!open),
+              "aria-label": open ? messages.collapseSection : messages.expandSection,
+              className: "ds:-ml-1 ds:inline-flex ds:size-5 ds:shrink-0 ds:items-center ds:justify-center ds:rounded-icon ds:text-fg-4 ds:hover:text-fg-2",
+              children: /* @__PURE__ */ jsx(
+                ChevronDownIcon,
+                {
+                  className: cn(
+                    "ds:size-3.5 ds:transition-transform ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)] ds:motion-reduce:transition-none",
+                    !open && "ds:-rotate-90"
+                  ),
+                  "aria-hidden": "true"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              ...slot(tableAnatomy, "group-row-label"),
+              className: "ds:font-mono ds:text-overline ds:text-fg-4 ds:font-medium ds:tracking-[0.14em] ds:uppercase",
+              children: label
+            }
+          ),
+          trailing && /* @__PURE__ */ jsx(
+            "span",
+            {
+              ...slot(tableAnatomy, "group-row-trailing"),
+              className: "ds:text-fg-3 ds:ml-auto ds:shrink-0 ds:text-xs",
+              children: trailing
+            }
+          )
+        ] })
+      }
+    ) });
+  }
+);
+TableGroupRow.displayName = "TableGroupRow";
 var TableCaption = forwardRef(
   function TableCaption2({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
@@ -1321,7 +1461,7 @@ var SEGMENTED_ITEM_CLASSES = cn(
 );
 var itemVariants = cva(
   cn(
-    "ds:inline-flex ds:items-center ds:justify-center ds:rounded-pill ds:px-3 ds:py-1.5 ds:text-(length:--control-font-size-md) ds:font-medium",
+    "ds:inline-flex ds:cursor-pointer ds:items-center ds:justify-center ds:rounded-pill ds:px-3 ds:py-1.5 ds:text-(length:--control-font-size-md) ds:font-medium",
     "ds:text-fg-3",
     microInteractions.selection,
     "ds:hover:bg-surface-hover ds:hover:text-fg",
@@ -1344,7 +1484,7 @@ var itemVariants = cva(
 );
 var sizedItemVariants = cva(
   cn(
-    "ds:inline-flex ds:items-center ds:justify-center ds:rounded-pill ds:font-medium",
+    "ds:inline-flex ds:cursor-pointer ds:items-center ds:justify-center ds:rounded-pill ds:font-medium",
     "ds:text-fg-3",
     microInteractions.selection,
     "ds:hover:bg-surface-hover ds:hover:text-fg",
@@ -1365,11 +1505,11 @@ var sizedItemVariants = cva(
     }
   }
 );
-var ToggleGroupContext = React2.createContext({
+var ToggleGroupContext = React3.createContext({
   variant: "default",
   size: void 0
 });
-var ToggleGroup = React2.forwardRef(function ToggleGroup2({
+var ToggleGroup = React3.forwardRef(function ToggleGroup2({
   className,
   variant,
   size,
@@ -1411,11 +1551,11 @@ var ToggleGroup = React2.forwardRef(function ToggleGroup2({
     defaultProp: defaultValue ?? emptyValue,
     onChange: onValueChange
   });
-  const initialValue = React2.useRef(valueProp ?? defaultValue ?? emptyValue);
-  const rootRef = React2.useRef(null);
+  const initialValue = React3.useRef(valueProp ?? defaultValue ?? emptyValue);
+  const rootRef = React3.useRef(null);
   const mergedRef = useMergedRefs(ref, rootRef);
   const labelledBy = wiring["aria-labelledby"] ?? (fieldset?.legendMounted ? fieldset.legendId : void 0);
-  const context = React2.useMemo(() => ({ variant, size }), [variant, size]);
+  const context = React3.useMemo(() => ({ variant, size }), [variant, size]);
   const radixProps = {
     ...props,
     type,
@@ -1462,8 +1602,8 @@ var ToggleGroup = React2.forwardRef(function ToggleGroup2({
   ] });
 });
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React2.forwardRef(function ToggleGroupItem2({ className, variant, ...props }, ref) {
-  const ctx = React2.useContext(ToggleGroupContext);
+var ToggleGroupItem = React3.forwardRef(function ToggleGroupItem2({ className, variant, ...props }, ref) {
+  const ctx = React3.useContext(ToggleGroupContext);
   const resolvedVariant = variant ?? ctx.variant;
   return /* @__PURE__ */ jsx(
     ToggleGroupPrimitive.Item,
@@ -1478,13 +1618,13 @@ var ToggleGroupItem = React2.forwardRef(function ToggleGroupItem2({ className, v
   );
 });
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
-var Tabs = React2.forwardRef(
+var Tabs = React3.forwardRef(
   function Tabs2({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(TabsPrimitive.Root, { ref, className: cn(className), ...props });
   }
 );
 Tabs.displayName = TabsPrimitive.Root.displayName;
-var TabsList = React2.forwardRef(function TabsList2({ className, variant = "default", ...props }, ref) {
+var TabsList = React3.forwardRef(function TabsList2({ className, variant = "default", ...props }, ref) {
   return /* @__PURE__ */ jsx(
     TabsPrimitive.List,
     {
@@ -1507,7 +1647,7 @@ var TabsList = React2.forwardRef(function TabsList2({ className, variant = "defa
 TabsList.displayName = TabsPrimitive.List.displayName;
 var triggerVariants = cva(
   cn(
-    "ds:inline-flex ds:items-center ds:justify-center ds:gap-2 ds:text-(length:--control-font-size-md) ds:font-medium",
+    "ds:inline-flex ds:cursor-pointer ds:items-center ds:justify-center ds:gap-2 ds:text-(length:--control-font-size-md) ds:font-medium",
     "ds:text-fg-3",
     microInteractions.selection,
     "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]",
@@ -1553,7 +1693,7 @@ var triggerVariants = cva(
     }
   }
 );
-var TabsTrigger = React2.forwardRef(function TabsTrigger2({ className, variant, ...props }, ref) {
+var TabsTrigger = React3.forwardRef(function TabsTrigger2({ className, variant, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     TabsPrimitive.Trigger,
     {
@@ -1564,7 +1704,7 @@ var TabsTrigger = React2.forwardRef(function TabsTrigger2({ className, variant,
   );
 });
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React2.forwardRef(function TabsContent2({ className, ...props }, ref) {
+var TabsContent = React3.forwardRef(function TabsContent2({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     TabsPrimitive.Content,
     {
@@ -1590,7 +1730,7 @@ function TeamMemberSelect({
   className,
   size
 }) {
-  const options = React2.useMemo(() => {
+  const options = React3.useMemo(() => {
     const meBadge = /* @__PURE__ */ jsx(
       Badge,
       {
@@ -2863,7 +3003,7 @@ function MetaText({
   if (presentValues.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx("div", { className, children: presentValues.map((value, index) => /* @__PURE__ */ jsxs(React2.Fragment, { children: [
+  return /* @__PURE__ */ jsx("div", { className, children: presentValues.map((value, index) => /* @__PURE__ */ jsxs(React3.Fragment, { children: [
     index > 0 && /* @__PURE__ */ jsx(
       "span",
       {
@@ -2948,7 +3088,7 @@ function MoreActions({ menu }) {
     /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", onClick: (event) => event.stopPropagation(), children: menu })
   ] });
 }
-var DocumentFileRow = React2.forwardRef(
+var DocumentFileRow = React3.forwardRef(
   function DocumentFileRow2({
     name,
     fileType,
@@ -3015,7 +3155,7 @@ var DocumentFileRow = React2.forwardRef(
   }
 );
 DocumentFileRow.displayName = "DocumentFileRow";
-var DocumentFileCard = React2.forwardRef(
+var DocumentFileCard = React3.forwardRef(
   function DocumentFileCard2({
     name,
     fileType,
@@ -3091,7 +3231,7 @@ var lineCaptionToneClass = {
   warning: "ds:text-warning-fg",
   danger: "ds:text-danger-fg"
 };
-var DocumentFileLine = React2.forwardRef(
+var DocumentFileLine = React3.forwardRef(
   function DocumentFileLine2({
     name,
     fileType = "",
@@ -3265,7 +3405,7 @@ function FileGroup({ files }) {
     file.id
   )) });
 }
-var DocumentChecklist = React2.forwardRef(
+var DocumentChecklist = React3.forwardRef(
   function DocumentChecklist2({
     items,
     title = "Your documents",
@@ -4234,14 +4374,23 @@ var DocumentRequestCard = forwardRef(
               docWord
             ] }),
             assignees.length > 0 && /* @__PURE__ */ jsxs("span", { className: "ds:text-fg-3 ds:ml-auto ds:flex ds:items-center ds:gap-2 ds:text-[12.5px]", children: [
-              /* @__PURE__ */ jsx("span", { className: "ds:flex ds:items-center ds:-space-x-1.5", children: assignees.map((name) => /* @__PURE__ */ jsx(
-                "span",
-                {
-                  title: name,
-                  className: "ds:border-surface ds:bg-surface-2 ds:text-fg-3 ds:ring-surface ds:grid ds:size-6 ds:place-items-center ds:rounded-full ds:border ds:text-[10px] ds:font-semibold ds:ring-1",
-                  children: initials(name)
-                },
-                name
+              /* @__PURE__ */ jsx("span", { className: "ds:flex ds:items-center ds:-space-x-1.5", children: assignees.map((name) => (
+                // C-DOM-15 (assure-pro) freezes this row's exact markup —
+                // Pro selects on it without a DS fork. A DS `Tooltip`
+                // here (even `TooltipTrigger asChild`, which adds no
+                // element) still stamps a `data-state="closed"` attribute
+                // onto this span, which the freeze's structure snapshot
+                // also protects, so this one stays on native `title=`
+                // until the freeze lifts (module moves to Pro).
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    title: name,
+                    className: "ds:border-surface ds:bg-surface-2 ds:text-fg-3 ds:ring-surface ds:grid ds:size-6 ds:place-items-center ds:rounded-full ds:border ds:text-[10px] ds:font-semibold ds:ring-1",
+                    children: initials(name)
+                  },
+                  name
+                )
               )) }),
               "Assigned"
             ] })
@@ -4745,7 +4894,9 @@ var DocumentSourceFilter = forwardRef(
               {
                 className: cn(
                   "ds:rounded-md ds:px-1.5 ds:py-px ds:text-[11px] ds:font-bold ds:tabular-nums",
-                  active ? "ds:bg-brand-bg-active ds:text-brand" : "ds:bg-surface-2 ds:text-fg-4"
+                  // `text-brand` measured 4.26:1 on the active tint at 11px; the
+                  // brand's deeper (pressed) step clears AA in both themes.
+                  active ? "ds:bg-brand-bg-active ds:text-brand-active" : "ds:bg-surface-2 ds:text-fg-4"
                 ),
                 children: count
               }
@@ -5598,6 +5749,6 @@ function SignatureEditor({
 }
 SignatureEditor.displayName = "SignatureEditor";
 
-export { AIReceiptPanel, AiDraftCard, Assignee, AttentionItem, Badge, Blockquote, BottomNav, CategoryDivider, CategoryTag, ChannelTabs, ClientRailGroupHeader, ClientRailItem, Dash, DashGrid, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableToolbar, DataTableView, DocumentChecklist, DocumentFileCard, DocumentFileLine, DocumentFileRow, DocumentRequestCard, DocumentRequestDetail, DocumentRequestField, DocumentRequestUpload, DocumentSourceFilter, DocumentSourceTag, DocumentsWorkspaceLayout, EmailMessageCard, EmptyValue, EngagementCard, EngagementTimeline, EngagementTimelineStep, IntentBadge, MissingDocumentsPanel, MoneyCell, NewMenu, PROGRESS_LEGACY_TO_INTENT, Pagination, ProgressBar, ProgressRing, SERVICE_TONES, STATUS_DOT_TONE_TO_INTENT, Section, SectionHead, SectionHeader, SegmentedProgress, SignatureEditor, Skeleton, SkeletonCircle, SkeletonText, StagePill, Stat, StatusDot, StatusPill, SuggestionPills, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagsCell, TeamMemberSelect, TimeLogger, TimeLoggerActions, TimeLoggerBillable, TimeLoggerContextRow, TimeLoggerEntry, TimeLoggerEntryList, TimeLoggerField, TimeLoggerFooter, TimeLoggerHeader, TimeLoggerNotes, TimeLoggerTimer, ToggleGroup, ToggleGroupItem, badgeVariants, compareSortValues, formatClock, formatCurrency, formatDuration, nextSortDirection, parseDuration, progressBarVariants, progressRingVariants, resolveBadgeAppearance, serviceToneLabel, serviceToneStyle, statusDotVariants, useDataTable, useStopwatch };
-//# sourceMappingURL=chunk-PC6M4QZ2.js.map
-//# sourceMappingURL=chunk-PC6M4QZ2.js.map
+export { AIReceiptPanel, AiDraftCard, Assignee, AttentionItem, Badge, Blockquote, BottomNav, CategoryDivider, CategoryTag, ChannelTabs, ClientRailGroupHeader, ClientRailItem, Dash, DashGrid, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableToolbar, DataTableView, DocumentChecklist, DocumentFileCard, DocumentFileLine, DocumentFileRow, DocumentRequestCard, DocumentRequestDetail, DocumentRequestField, DocumentRequestUpload, DocumentSourceFilter, DocumentSourceTag, DocumentsWorkspaceLayout, EmailMessageCard, EmptyValue, EngagementCard, EngagementTimeline, EngagementTimelineStep, IntentBadge, MissingDocumentsPanel, MoneyCell, NewMenu, PROGRESS_LEGACY_TO_INTENT, Pagination, ProgressBar, ProgressRing, SERVICE_TONES, STATUS_DOT_TONE_TO_INTENT, Section, SectionHead, SectionHeader, SegmentedProgress, SignatureEditor, Skeleton, SkeletonCircle, SkeletonText, StagePill, Stat, StatusDot, StatusPill, SuggestionPills, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableGroupRow, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagsCell, TeamMemberSelect, TimeLogger, TimeLoggerActions, TimeLoggerBillable, TimeLoggerContextRow, TimeLoggerEntry, TimeLoggerEntryList, TimeLoggerField, TimeLoggerFooter, TimeLoggerHeader, TimeLoggerNotes, TimeLoggerTimer, ToggleGroup, ToggleGroupItem, badgeVariants, compareSortValues, formatClock, formatCurrency, formatDuration, nextSortDirection, parseDuration, progressBarVariants, progressRingVariants, resolveBadgeAppearance, serviceToneLabel, serviceToneStyle, statusDotVariants, useDataTable, useOverflowTooltip, useStopwatch };
+//# sourceMappingURL=chunk-FIRPQWYR.js.map
+//# sourceMappingURL=chunk-FIRPQWYR.js.map