@assure-one/design-system 1.47.1 → 1.49.0

package/dist/{chunk-IIBDSTOG.js → chunk-SFHFY72L.js}

@@ -483,7 +483,14 @@ var tableAnatomy = defineAnatomy("table", [
   "group-row",
   "group-row-toggle",
   "group-row-label",
-  "group-row-trailing"
+  "group-row-trailing",
+  "sort-rank",
+  "resize-handle",
+  "head-menu",
+  "cell-secondary",
+  "spacer-row",
+  "group-row-count",
+  "group-row-subtotal"
 ]);
 var dataTableAnatomy = defineAnatomy("data-table", [
   "root",
@@ -503,7 +510,10 @@ var dataTableAnatomy = defineAnatomy("data-table", [
   "columns-menu",
   "content",
   "bulk-actions",
-  "pagination"
+  "pagination",
+  "head-menu",
+  "cell-secondary",
+  "load-more"
 ]);
 var paginationAnatomy = defineAnatomy("pagination", [
   "root",
@@ -541,7 +551,8 @@ var sidebarAnatomy = defineAnatomy("sidebar", [
 var sidebarBrandSwitcherAnatomy = defineAnatomy("sidebar-brand-switcher", [
   "root",
   "trigger",
-  "icon"
+  "icon",
+  "mark"
 ]);
 var textAnatomy = defineAnatomy("text", ["root"]);
 var headingAnatomy = defineAnatomy("heading", ["root"]);
@@ -597,6 +608,38 @@ var comboboxAnatomy = defineAnatomy("combobox", [
   "loading",
   "footer"
 ]);
+var statStripAnatomy = defineAnatomy("stat-strip", [
+  "root",
+  "content",
+  "toggle",
+  "item",
+  "label",
+  "value",
+  "caption"
+]);
+var filterChipsAnatomy = defineAnatomy("filter-chips", [
+  "root",
+  "chip",
+  "overflow",
+  "overflow-panel",
+  "overflow-facet",
+  "overflow-value",
+  "clear"
+]);
+var listPageAnatomy = defineAnatomy("list-page", [
+  "root",
+  "stats",
+  "toolbar",
+  "search",
+  "chips",
+  "count",
+  "actions",
+  "table",
+  "scroll",
+  "footer",
+  "bulk-bar",
+  "result-count"
+]);
 
 // src/foundation/anatomy/slot.ts
 function slot(anatomy, part) {
@@ -907,7 +950,16 @@ var EN_MESSAGES = {
     expand: (name) => `Expand ${name}`
   },
   appHeader: { search: "Search\u2026" },
-  bulkActionBar: { clearSelection: "Clear selection" },
+  bulkActionBar: {
+    clearSelection: "Clear selection",
+    toolbar: "Bulk actions",
+    selected: (count) => `${count} selected`,
+    cleared: "Selection cleared",
+    clear: "Clear",
+    escapeKey: "Esc",
+    more: "More",
+    eligible: (eligible, total) => `${eligible} of ${total}`
+  },
   errorState: {
     title: "Something went wrong",
     retry: "Try again",
@@ -921,20 +973,169 @@ var EN_MESSAGES = {
     columns: "Columns",
     filterAll: "All",
     selectAll: "Select all rows",
-    selectRow: "Select row"
+    selectRow: "Select row",
+    columnOptions: (label) => `Column options for ${label}`,
+    sortAscending: "Sort ascending",
+    sortDescending: "Sort descending",
+    clearSort: "Clear sort",
+    moveLeft: "Move left",
+    moveRight: "Move right",
+    hideColumn: "Hide column",
+    pinColumn: "Pin column",
+    unpinColumn: "Unpin column",
+    autosizeColumn: "Autosize column",
+    resetColumns: "Reset columns",
+    loadMore: "Load more",
+    loadingMore: "Loading more\u2026",
+    allLoaded: (count) => `All ${count} loaded`,
+    loadedOf: (loaded, total) => `${loaded} of ${total} loaded`
   },
   tableStates: { loading: "Loading", empty: "No results" },
   table: {
     region: "Scrollable table",
     collapseSection: "Collapse section",
-    expandSection: "Expand section"
+    expandSection: "Expand section",
+    sortedAscending: (rank) => `Sorted ascending, priority ${rank}`,
+    sortedDescending: (rank) => `Sorted descending, priority ${rank}`,
+    resizeColumn: "Resize column",
+    resizeColumnNamed: (label) => `Resize ${label}`,
+    groupLoadedOf: (loaded, total) => `${loaded} of ${total} loaded`
   },
   tableDensity: { label: "Row density", comfortable: "Detailed view", compact: "Compact view" },
   stackedBarChart: { region: "Scrollable chart" },
   pdfPreview: { region: "PDF preview" },
   spreadsheetPreview: { region: "Spreadsheet preview" },
   peoplePicker: { assignToMe: "Assign to me" },
-  comingSoon: { eyebrow: "Coming soon", badge: "In Development" }
+  comingSoon: { eyebrow: "Coming soon", badge: "In Development" },
+  statStrip: { region: "Summary", collapse: "Collapse summary", expand: "Expand summary" },
+  displayMenu: {
+    trigger: "Display",
+    tooltip: "Filters, grouping, ordering, columns",
+    triggerCustomised: (label) => `${label} (customised)`,
+    rootSearchPlaceholder: "Filter\u2026",
+    rootSearchLabel: "Filter options and values",
+    reset: "Reset to default",
+    noMatches: "No matches",
+    nothingToFilter: "Nothing to filter by",
+    sectionSearchPlaceholder: (section) => `Filter ${section.toLowerCase()}\u2026`,
+    sectionSearchLabel: (section) => `Filter ${section}`,
+    clearSelected: (count) => `Clear ${count} selected`,
+    groupFilter: "Filter",
+    groupArrange: "Arrange",
+    activeFilters: (label, count) => `${label}, ${count} active`,
+    matchLabel: "Match",
+    matchAll: "All filters",
+    matchAny: "Any filter",
+    views: "Views",
+    noView: "Custom view",
+    saveView: "Save view",
+    unsavedChanges: "unsaved changes",
+    announceSelected: (section, option) => `${section}: ${option} selected`,
+    announceDeselected: (section, option) => `${section}: ${option} removed`,
+    announceCleared: (section) => `${section} cleared`,
+    announceReset: "Display reset to default",
+    announceView: (view) => `${view} view applied`
+  },
+  displayMenuFilters: {
+    operator: "Operator",
+    operatorIs: "is",
+    operatorIsNot: "is not",
+    operatorIsAnyOf: "is any of",
+    operatorIsNoneOf: "is none of",
+    operatorIsEmpty: "is empty",
+    operatorIsNotEmpty: "is not empty",
+    more: (count) => `+${count}`,
+    search: (section) => `Search ${section}`,
+    searchPlaceholder: "Search\u2026",
+    noMatches: "No matches",
+    clear: "Clear",
+    me: "Me",
+    unassigned: "Unassigned",
+    tagMatch: "Match",
+    tagMatchAny: "Any of these",
+    tagMatchAll: "All of these",
+    tagMatchAllSummary: (labels) => `all of ${labels}`,
+    dateDue: "Due",
+    dateCalendar: "Date",
+    datePresets: "Date presets",
+    overdue: "Overdue",
+    dueToday: "Due today",
+    dueNext7: "Due in 7 days",
+    dueThisMonth: "Due this month",
+    noDate: "No date",
+    today: "Today",
+    last7: "Last 7 days",
+    last30: "Last 30 days",
+    thisMonth: "This month",
+    lastMonth: "Last month",
+    thisQuarter: "This quarter",
+    lastQuarter: "Last quarter",
+    ytd: "Year to date",
+    custom: "Custom range",
+    dateFrom: "From",
+    dateTo: "To",
+    dateBetween: (from, to) => `${from} \u2013 ${to}`,
+    dateOnOrAfter: (from) => `from ${from}`,
+    dateOnOrBefore: (to) => `until ${to}`,
+    numberEq: "Equals",
+    numberNe: "Does not equal",
+    numberLt: "Less than",
+    numberLte: "At most",
+    numberGt: "Greater than",
+    numberGte: "At least",
+    numberBetween: "Between",
+    numberValue: "Value",
+    numberMin: "Minimum",
+    numberMax: "Maximum",
+    numberInvalid: "Enter a number",
+    numberBetweenSummary: (from, to) => `between ${from} and ${to}`,
+    textContains: "Contains",
+    textStartsWith: "Starts with",
+    textValue: "Text",
+    textContainsSummary: (text2) => `contains \u201C${text2}\u201D`,
+    textStartsWithSummary: (text2) => `starts with \u201C${text2}\u201D`,
+    booleanAny: "Any",
+    booleanTrue: "Yes",
+    booleanFalse: "No",
+    sortBy: "Sort by",
+    sortThenBy: "Then by",
+    sortField: (position) => `${position} field`,
+    sortDirection: (field) => `${field} direction`,
+    ascending: "Ascending",
+    descending: "Descending",
+    addSort: "Add sort",
+    chooseField: "Choose a field",
+    removeSort: (field) => `Remove ${field} sort`,
+    makePrimary: (field) => `Sort by ${field} first`,
+    sortSummary: (fields) => fields,
+    columnsList: "Columns",
+    showColumn: (column) => `Show ${column}`,
+    moveUp: (column) => `Move ${column} up`,
+    moveDown: (column) => `Move ${column} down`,
+    locked: "Locked",
+    resetColumns: "Reset columns",
+    columnMoved: (column, position, total) => `${column} moved to position ${position} of ${total}`,
+    columnShown: (column) => `${column} shown`,
+    columnHidden: (column) => `${column} hidden`,
+    sortChanged: (summary) => `Sorted by ${summary}`
+  },
+  filterChips: {
+    region: "Active filters",
+    facet: (label, summary) => `${label}: ${summary}`,
+    remove: (label) => `Remove ${label} filter`,
+    removeValue: (label, value) => `Remove ${value} from ${label}`,
+    more: (count) => `+${count}`,
+    moreLabel: (count) => `${count} more filters`,
+    panelTitle: (count) => `Active filters (${count})`,
+    clearFilters: "Clear filters",
+    clearAll: "Clear all"
+  },
+  listPage: {
+    tableRegion: "Results",
+    range: (start, end, total) => `${start}\u2013${end} of ${total}`,
+    loaded: (loaded, total) => `${loaded} of ${total} loaded`,
+    total: (total) => `${total} results`
+  }
 };
 
 // src/foundation/provider/context.tsx
@@ -964,6 +1165,9 @@ var TOOLTIP_DEFAULT_DELAY_MS = 300;
 function useSharedTooltipProvider() {
   return useContext(DesignSystemContext)?.sharedTooltipProvider ?? false;
 }
+function useDsDirection() {
+  return useContext(DesignSystemContext)?.dir;
+}
 
 // src/foundation/anatomy/class-names.ts
 function slotClassName(classNames, part) {
@@ -1385,6 +1589,7 @@ var TooltipContent = React7.forwardRef(({ className, sideOffset = 6, maxWidth =
   }
 ) }));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+var TooltipRoot = TooltipPrimitive.Root;
 
 // src/primitives/behavior/control-size.ts
 var CONTROL_SIZE_CLASSES = {
@@ -1547,7 +1752,10 @@ function optionElementId(listId, value) {
 var LIST_ITEM_BOX = {
   select: "ds:rounded-surface-sm ds:relative ds:flex ds:w-full ds:cursor-pointer ds:items-center ds:gap-2 ds:py-1.5 ds:pr-8 ds:pl-2",
   menu: "ds:rounded-surface-sm ds:relative ds:flex ds:cursor-pointer ds:items-center ds:gap-2 ds:px-2 ds:py-1.5",
-  "menu-indicator": "ds:rounded-surface-sm ds:relative ds:flex ds:cursor-pointer ds:items-center ds:gap-2 ds:py-1.5 ds:pr-2 ds:pl-8"
+  "menu-indicator": "ds:rounded-surface-sm ds:relative ds:flex ds:cursor-pointer ds:items-center ds:gap-2 ds:py-1.5 ds:pr-2 ds:pl-8",
+  // The well at the end instead: the row's own leading glyph (a status dot, an
+  // icon) sits at the start, the check at the end, as on a Select option.
+  "menu-indicator-end": "ds:rounded-surface-sm ds:relative ds:flex ds:cursor-pointer ds:items-center ds:gap-2 ds:py-1.5 ds:pr-8 ds:pl-2"
 };
 var LIST_ITEM_INTERACTION = "ds:outline-none ds:select-none";
 var LIST_ITEM_INK = {
@@ -2728,6 +2936,7 @@ var MENU_SUB_TRIGGER_OPEN = {
 var MENU_SUB_TRIGGER_BOX = "ds:rounded-surface-sm ds:flex ds:cursor-pointer ds:items-center ds:gap-2 ds:px-2 ds:py-1.5";
 var MENU_SUB_TRIGGER_CHEVRON = "ds:text-fg-3 ds:ml-auto ds:size-4 ds:-translate-x-px";
 var MENU_INDICATOR_WELL = LIST_ITEM_INDICATOR_WELL.start;
+var MENU_INDICATOR_WELL_END = LIST_ITEM_INDICATOR_WELL.end;
 var MENU_CHECK_GLYPH = "ds:size-3.5!";
 var MENU_RADIO_GLYPH = "ds:size-2! ds:fill-current!";
 var MENU_SHORTCUT_INK = {
@@ -2745,9 +2954,9 @@ function menuItemClasses(palette) {
     selected: "none"
   });
 }
-function menuIndicatorItemClasses(palette) {
+function menuIndicatorItemClasses(palette, side = "start") {
   return listItemClasses({
-    frame: "menu-indicator",
+    frame: side === "end" ? "menu-indicator-end" : "menu-indicator",
     labelSize: MENU_ITEM_LABEL_SIZE,
     palette,
     highlight: "focus",
@@ -2869,17 +3078,20 @@ var DropdownMenuCheckboxItem = React7.forwardRef(({ className, children, ...prop
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuRadioItem = React7.forwardRef(({ className, children, indicator = "dot", ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
     ...slot(dropdownMenuAnatomy, "radio-item"),
-    className: cn(menuIndicatorItemClasses(PALETTE), className),
+    className: cn(menuIndicatorItemClasses(PALETTE, indicator === "check" ? "end" : "start"), className),
     ...props,
-    children: [
+    children: indicator === "check" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      children,
+      /* @__PURE__ */ jsx("span", { className: MENU_INDICATOR_WELL_END, children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { ...slot(dropdownMenuAnatomy, "item-indicator"), children: /* @__PURE__ */ jsx(CheckIcon, { className: MENU_CHECK_GLYPH, "aria-hidden": "true" }) }) })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("span", { className: MENU_INDICATOR_WELL, children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { ...slot(dropdownMenuAnatomy, "item-indicator"), children: /* @__PURE__ */ jsx(CircleIcon, { className: MENU_RADIO_GLYPH, "aria-hidden": "true" }) }) }),
       children
-    ]
+    ] })
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
@@ -3809,6 +4021,6 @@ var DocumentRow = forwardRef(function DocumentRow2({ fileName, meta, icon, appro
 });
 DocumentRow.displayName = "DocumentRow";
 
-export { Avatar, Backdrop, Button, CONTROL_GAP_CLASSES, CONTROL_LABEL_TEXT, CONTROL_SIZE_CLASSES, Checkbox, DEFAULT_OVERLAY_MESSAGES, DISABLED_LOOK_CLASSES, DISMISS_GLYPH_CLASSES, DesignSystemContext, DismissButton, DocumentDetailActions, DocumentDetailBody, DocumentDetailHeader, DocumentDetailMetaRow, DocumentDetailPanel, DocumentDetailRequester, DocumentDetailTitle, DocumentList, DocumentListSection, DocumentRow, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EN_MESSAGES, FIELD_PARTS, FLOATING_PADDING, FLOATING_WIDTH, FieldContext, FieldsetContext, FileChip, FileUpload, FormBridge, INERT_ATTRIBUTES, INERT_CLASSES, IconButton, Input, LIST_ITEM_INDICATOR_WELL, LIST_SEPARATOR, MENU_CHECK_GLYPH, MENU_INDICATOR_WELL, MENU_INSET, MENU_ITEM_DANGER, MENU_RADIO_GLYPH, MENU_SUB_TRIGGER_CHEVRON, ModalContent, ModalDescription, ModalOverlay, ModalPortal, ModalRoot, ModalTitle, OverlayBody, OverlayDescription, OverlayFooter, OverlayHeader, OverlaySurface, OverlayTitle, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, Portal, PortalContainerContext, Pressable, SPINNER_TONE_TO_INTENT, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Spinner, TOOLTIP_DEFAULT_DELAY_MS, Textarea, ThemeScope, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, alertDialogAnatomy, badgeAnatomy, buttonBase, buttonVariants, cardAnatomy, chipAnatomy, codeAnatomy, comboboxAnatomy, commandAnatomy, contextMenuAnatomy, controlChrome, dataTableAnatomy, deprecate, dialogAnatomy, errorOnce, fieldAnatomy, fieldsetAnatomy, floatingSurfaceClasses, groupHeadingClasses, headingAnatomy, iconButtonVariants, inertHandlers, inlineAnatomy, inputVariants, isLabelable, joinIds, kbdAnatomy, labelAnatomy, linkButtonAnatomy, listItemAttributes, listItemClasses, menuIndicatorItemClasses, menuItemClasses, menuLabelClasses, menuSeparatorClasses, menuShortcutClasses, menuSubTriggerClasses, mergeRefs, microInteractions, numberInputAnatomy, optionElementId, paginationAnatomy, partId, phoneFieldAnatomy, presence, radioGroupAnatomy, resolveButtonIcons, resolveButtonStyle, searchInputAnatomy, sheetAnatomy, shellAnatomy, sideDrawerAnatomy, sidebarAnatomy, sidebarBrandSwitcherAnatomy, slot, spinnerVariants, stackAnatomy, stateAttributes, statusBadgeAnatomy, surfaceAnatomy, switchAnatomy, tableAnatomy, textAnatomy, textareaVariants, toastAnatomy, useControllableState, useDsMessages, useExitPresence, useFieldContext, useFieldControl, useFieldsetContext, useFieldsetLegend, useFieldsetState, useFormReset, useFormReset2, useId, useImageComponent, useLinkComponent, useMergedRefs, warnLegacyButtonProps, withPortalContainer };
-//# sourceMappingURL=chunk-IIBDSTOG.js.map
-//# sourceMappingURL=chunk-IIBDSTOG.js.map
+export { Avatar, Backdrop, Button, CONTROL_GAP_CLASSES, CONTROL_LABEL_TEXT, CONTROL_SIZE_CLASSES, Checkbox, DEFAULT_OVERLAY_MESSAGES, DISABLED_LOOK_CLASSES, DISMISS_GLYPH_CLASSES, DesignSystemContext, DismissButton, DocumentDetailActions, DocumentDetailBody, DocumentDetailHeader, DocumentDetailMetaRow, DocumentDetailPanel, DocumentDetailRequester, DocumentDetailTitle, DocumentList, DocumentListSection, DocumentRow, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EN_MESSAGES, FIELD_PARTS, FLOATING_PADDING, FLOATING_WIDTH, FieldContext, FieldsetContext, FileChip, FileUpload, FormBridge, INERT_ATTRIBUTES, INERT_CLASSES, IconButton, Input, LIST_ITEM_INDICATOR_WELL, LIST_SEPARATOR, MENU_CHECK_GLYPH, MENU_INDICATOR_WELL, MENU_INSET, MENU_ITEM_DANGER, MENU_RADIO_GLYPH, MENU_SUB_TRIGGER_CHEVRON, ModalContent, ModalDescription, ModalOverlay, ModalPortal, ModalRoot, ModalTitle, OverlayBody, OverlayDescription, OverlayFooter, OverlayHeader, OverlaySurface, OverlayTitle, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, Portal, PortalContainerContext, Pressable, SPINNER_TONE_TO_INTENT, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Spinner, TOOLTIP_DEFAULT_DELAY_MS, Textarea, ThemeScope, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, alertDialogAnatomy, badgeAnatomy, buttonBase, buttonVariants, cardAnatomy, chipAnatomy, codeAnatomy, comboboxAnatomy, commandAnatomy, contextMenuAnatomy, controlChrome, dataTableAnatomy, deprecate, dialogAnatomy, errorOnce, fieldAnatomy, fieldsetAnatomy, filterChipsAnatomy, floatingSurfaceClasses, groupHeadingClasses, headingAnatomy, iconButtonVariants, inertHandlers, inlineAnatomy, inputVariants, isLabelable, joinIds, kbdAnatomy, labelAnatomy, linkButtonAnatomy, listItemAttributes, listItemClasses, listPageAnatomy, menuIndicatorItemClasses, menuItemClasses, menuLabelClasses, menuSeparatorClasses, menuShortcutClasses, menuSubTriggerClasses, mergeRefs, microInteractions, numberInputAnatomy, optionElementId, paginationAnatomy, partId, phoneFieldAnatomy, presence, radioGroupAnatomy, resolveButtonIcons, resolveButtonStyle, searchInputAnatomy, sheetAnatomy, shellAnatomy, sideDrawerAnatomy, sidebarAnatomy, sidebarBrandSwitcherAnatomy, slot, spinnerVariants, stackAnatomy, statStripAnatomy, stateAttributes, statusBadgeAnatomy, surfaceAnatomy, switchAnatomy, tableAnatomy, textAnatomy, textareaVariants, toastAnatomy, useControllableState, useDsDirection, useDsMessages, useExitPresence, useFieldContext, useFieldControl, useFieldsetContext, useFieldsetLegend, useFieldsetState, useFormReset, useFormReset2, useId, useImageComponent, useLinkComponent, useMergedRefs, warnLegacyButtonProps, withPortalContainer };
+//# sourceMappingURL=chunk-SFHFY72L.js.map
+//# sourceMappingURL=chunk-SFHFY72L.js.map