@assure-one/design-system 1.43.0 → 1.43.1

package/dist/{chunk-LUWPEBXZ.js → chunk-5AL4W32Z.js}

@@ -1,4 +1,4 @@
-import { slot, badgeAnatomy, stateAttributes, useDsMessages, deprecate, paginationAnatomy, Select, microInteractions, useFieldsetContext, useFieldControl, useControllableState, 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 as useId$1 } from './chunk-XJKCKBHI.js';
+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 as useId$1 } from './chunk-VK6SW34V.js';
 import { cn, ShieldIcon, UploadIcon, SendIcon, ChevronLeftIcon, MoreHorizontalIcon, ChevronRightIcon, ChevronUpIcon, ChevronDownIcon, ChevronsUpDownIcon, LockIcon, TrashIcon, HelpCircleIcon, 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-TBDTXAFH.js';
 import { clsx } from 'clsx';
 import * as React2 from 'react';
@@ -906,19 +906,6 @@ var StatusPill = forwardRef(function StatusPill2({ status, dot = true, children,
   return /* @__PURE__ */ jsx(Badge, { ref, variant, dot, ...props, children: children ?? label });
 });
 StatusPill.displayName = "StatusPill";
-function useFormReset(elementRef, onReset, form) {
-  const latest = useRef(onReset);
-  latest.current = onReset;
-  useEffect(() => {
-    const element = elementRef.current;
-    if (!element) return;
-    const owner = form ? element.ownerDocument.getElementById(form) : element.closest("form");
-    if (!owner) return;
-    const handle = () => latest.current?.();
-    owner.addEventListener("reset", handle);
-    return () => owner.removeEventListener("reset", handle);
-  }, [elementRef, form]);
-}
 var switchVariants = cva(
   [
     "ds:peer ds:inline-flex ds:shrink-0 ds:cursor-pointer ds:items-center ds:rounded-full ds:border ds:border-transparent",
@@ -997,7 +984,7 @@ var Switch = React2.forwardRef(
     });
     const initialChecked = React2.useRef(checkedProp ?? defaultChecked ?? false);
     const rootRef = React2.useRef(null);
-    useFormReset(rootRef, () => setChecked(initialChecked.current), form);
+    useFormReset2(rootRef, () => setChecked(initialChecked.current), form);
     const mergedRef = useMergedRefs(ref, rootRef);
     const root = /* @__PURE__ */ jsx(
       SwitchPrimitive.Root,
@@ -3583,9 +3570,10 @@ var DataTable = forwardRef(function DataTable2({ withToolbar, className, childre
       className: cn(
         // Outer frame on the whole component: a single visible border +
         // quiet shadow wrapping the toolbar (if any) and the table as one
-        // card. overflow-hidden clips the header/cell backgrounds to the
-        // rounded corners.
-        "ds:w-full ds:overflow-hidden ds:rounded-card ds:border ds:border-rule-strong ds:bg-surface ds:shadow-quiet",
+        // card. The overflow clips the header/cell backgrounds to the
+        // rounded corners; a table wider than the card scrolls sideways
+        // inside it instead of being cut off (the toolbar stays put).
+        "ds:w-full ds:overflow-x-auto ds:overflow-y-hidden ds:rounded-card ds:border ds:border-rule-strong ds:bg-surface ds:shadow-quiet",
         "ds:[&_table]:bg-surface ds:[&_table]:w-full ds:[&_table]:border-collapse",
         className
       ),
@@ -3605,6 +3593,8 @@ var DataTableToolbar = forwardRef(
         className: cn(
           "ds:flex ds:flex-wrap ds:items-center ds:gap-2 ds:px-3 ds:py-2.5",
           "ds:border-rule ds:bg-surface ds:border-b",
+          // Pinned to the card's left edge while a wide table scrolls.
+          "ds:sticky ds:left-0",
           className
         ),
         ...props
@@ -3625,7 +3615,8 @@ var DataTableSearch = forwardRef(
         inputSize: "sm",
         placeholder,
         prefixIcon: /* @__PURE__ */ jsx(SearchIcon, { "aria-hidden": "true" }),
-        className: cn("ds:w-[280px]", className),
+        rootClassName: "ds:w-auto ds:min-w-0 ds:max-w-full ds:shrink",
+        className: cn("ds:w-[280px] ds:max-w-full", className),
         ...props
       }
     );
@@ -3792,7 +3783,10 @@ var DataTableCellId = forwardRef(
         ref,
         ...slot(dataTableAnatomy, "cell"),
         ...stateAttributes({ variant: "id" }),
-        className: cn("ds:font-sans ds:text-fg-4 ds:text-xs ds:tabular-nums", className),
+        className: cn(
+          "ds:font-sans ds:text-fg-4 ds:text-xs ds:whitespace-nowrap ds:tabular-nums",
+          className
+        ),
         ...props
       }
     );
@@ -3818,7 +3812,7 @@ var DataTableCellDue = forwardRef(
         "data-due-state": ariaState,
         ...slot(dataTableAnatomy, "cell"),
         ...stateAttributes({ variant: "due" }),
-        className: cn("ds:font-sans ds:tabular-nums", tone, className),
+        className: cn("ds:font-sans ds:whitespace-nowrap ds:tabular-nums", tone, className),
         ...props,
         children: children ?? dueDateFormatter.format(value)
       }
@@ -4895,6 +4889,7 @@ function useStopwatch() {
   }, [setPhase]);
   return { phase, elapsedMs, isRunning: phase === "running", start, pause, resume, stop, reset };
 }
+var FOCUSED_INPUT_ROW = "ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)] ds:motion-reduce:transition-none ds:has-[input:focus-visible:not([readonly])]:bg-surface-2";
 var TimeLogger = forwardRef(function TimeLogger2({ className, orientation = "vertical", children, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     "div",
@@ -5020,6 +5015,9 @@ var TimeLoggerTimer = forwardRef(
         ref,
         className: cn(
           "ds:border-rule-soft ds:flex ds:items-center ds:gap-2.5 ds:border-t ds:px-4 ds:py-4",
+          // The bare input has no chrome of its own; tint its row while it
+          // has keyboard focus so the focus is visible beyond the caret.
+          FOCUSED_INPUT_ROW,
           // In a horizontal bar this segment is usually the `flex-1` grower;
           // min-w-0 lets the clock shrink instead of pushing the trailing
           // segment off the edge.
@@ -5129,32 +5127,41 @@ var TimeLoggerField = forwardRef(
 TimeLoggerField.displayName = "TimeLoggerField";
 var TimeLoggerNotes = forwardRef(
   function TimeLoggerNotes2({ value, onValueChange, icon, placeholder = "Add notes", className, ...props }, ref) {
-    return /* @__PURE__ */ jsxs("div", { className: "ds:border-rule-soft ds:flex ds:items-center ds:gap-3 ds:border-t ds:px-4 ds:py-3", children: [
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: "ds:text-fg-4 ds:flex ds:size-[17px] ds:shrink-0 ds:items-center ds:justify-center ds:[&_svg]:size-[17px]",
-          "aria-hidden": "true",
-          children: icon ?? /* @__PURE__ */ jsx(FileTextIcon, {})
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          ref,
-          type: "text",
-          value: value ?? "",
-          onChange: (event) => onValueChange?.(event.target.value),
-          placeholder,
-          "aria-label": "Notes",
-          className: cn(
-            "ds:text-fg ds:placeholder:text-fg-4 ds:min-w-0 ds:flex-1 ds:border-0 ds:bg-transparent ds:text-sm ds:outline-none",
-            className
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "ds:border-rule-soft ds:flex ds:items-center ds:gap-3 ds:border-t ds:px-4 ds:py-3",
+          FOCUSED_INPUT_ROW
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "ds:text-fg-4 ds:flex ds:size-[17px] ds:shrink-0 ds:items-center ds:justify-center ds:[&_svg]:size-[17px]",
+              "aria-hidden": "true",
+              children: icon ?? /* @__PURE__ */ jsx(FileTextIcon, {})
+            }
           ),
-          ...props
-        }
-      )
-    ] });
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref,
+              type: "text",
+              value: value ?? "",
+              onChange: (event) => onValueChange?.(event.target.value),
+              placeholder,
+              "aria-label": "Notes",
+              className: cn(
+                "ds:text-fg ds:placeholder:text-fg-4 ds:min-w-0 ds:flex-1 ds:border-0 ds:bg-transparent ds:text-sm ds:outline-none",
+                className
+              ),
+              ...props
+            }
+          )
+        ]
+      }
+    );
   }
 );
 TimeLoggerNotes.displayName = "TimeLoggerNotes";
@@ -5629,6 +5636,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, useFormReset, useStopwatch };
-//# sourceMappingURL=chunk-LUWPEBXZ.js.map
-//# sourceMappingURL=chunk-LUWPEBXZ.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, 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-5AL4W32Z.js.map
+//# sourceMappingURL=chunk-5AL4W32Z.js.map