@ds-mo/ui 14.19.0 → 14.20.0

package/dist/styles/prose.css

@@ -17,12 +17,16 @@
 }
 
 :where(.ds-prose)
-  > :where(h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
+  > :where(h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote):not(
+    :where([data-ds-prose='off'], [data-ds-prose='off'] *)
+  ) {
   max-inline-size: var(--ds-prose-text-max-inline-size, 100%);
 }
 
 :where(.ds-prose)
-  :where(p, ul, ol, dl, blockquote, figure, figcaption, table):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
+  :where(p, ul, ol, dl, blockquote, figure, figcaption, table):not(
+    :where([data-ds-prose='off'], [data-ds-prose='off'] *)
+  ) {
   margin: 0;
   color: inherit;
   font-family: var(--typography-font-family-ui);
@@ -40,22 +44,19 @@
   font-weight: var(--typography-weight-semibold);
 }
 
-:where(.ds-prose)
-  :where(h1, h2):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
+:where(.ds-prose) :where(h1, h2):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
   font-size: var(--typography-fontsize-xl);
   line-height: var(--typography-lineheight-xl);
   letter-spacing: var(--typography-letterspacing-negative-double);
 }
 
-:where(.ds-prose)
-  :where(h3, h4):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
+:where(.ds-prose) :where(h3, h4):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
   font-size: var(--typography-fontsize-lg);
   line-height: var(--typography-lineheight-lg);
   letter-spacing: var(--typography-letterspacing-negative);
 }
 
-:where(.ds-prose)
-  :where(h5, h6):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
+:where(.ds-prose) :where(h5, h6):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
   font-size: var(--typography-fontsize-md);
   line-height: var(--typography-lineheight-md);
   letter-spacing: var(--typography-letterspacing-negative);
@@ -90,8 +91,7 @@
   margin-block-start: var(--dimension-space-050);
 }
 
-:where(.ds-prose)
-  :where(ul, ol):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
+:where(.ds-prose) :where(ul, ol):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
   padding-inline-start: var(--dimension-space-300);
 }
 
@@ -105,15 +105,13 @@
   margin-inline-end: var(--dimension-space-050);
 }
 
-:where(.ds-prose)
-  :where(blockquote):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
+:where(.ds-prose) :where(blockquote):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
   padding-inline-start: var(--dimension-space-150);
   border-inline-start: var(--dimension-stroke-width-025) solid var(--color-border-secondary);
   color: var(--color-foreground-secondary);
 }
 
-:where(.ds-prose)
-  :where(strong, b):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
+:where(.ds-prose) :where(strong, b):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
   font-weight: var(--typography-weight-medium);
 }
 
@@ -123,8 +121,7 @@
   font-weight: inherit;
 }
 
-:where(.ds-prose)
-  :where(a):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
+:where(.ds-prose) :where(a):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
   color: var(--color-foreground-bold-brand);
   text-decoration-line: none;
   text-decoration-color: currentcolor;
@@ -133,15 +130,13 @@
 }
 
 @media (hover: hover) and (pointer: fine) {
-  :where(.ds-prose)
-    :where(a):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)):hover {
+  :where(.ds-prose) :where(a):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)):hover {
     text-decoration-line: underline;
   }
 }
 
 @media (forced-colors: active) {
-  :where(.ds-prose)
-    :where(a):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
+  :where(.ds-prose) :where(a):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
     text-decoration-line: underline;
   }
 }
@@ -153,8 +148,16 @@
   background: var(--color-background-secondary);
   font-family: var(
     --typography-font-family-code,
-    'Fira Code', ui-monospace, 'SFMono-Regular', 'Cascadia Code', 'Roboto Mono',
-    Menlo, Monaco, Consolas, 'Liberation Mono', monospace
+    'Fira Code',
+    ui-monospace,
+    'SFMono-Regular',
+    'Cascadia Code',
+    'Roboto Mono',
+    Menlo,
+    Monaco,
+    Consolas,
+    'Liberation Mono',
+    monospace
   );
   font-size: var(--typography-fontsize-sm);
   font-variant-ligatures: var(--ds-code-font-variant-ligatures, normal);
@@ -163,8 +166,7 @@
   letter-spacing: var(--typography-letterspacing-none);
 }
 
-:where(.ds-prose)
-  :where(pre):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
+:where(.ds-prose) :where(pre):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
   box-sizing: border-box;
   max-inline-size: 100%;
   min-inline-size: 0;
@@ -176,8 +178,16 @@
   color: var(--color-foreground-faint-neutral);
   font-family: var(
     --typography-font-family-code,
-    'Fira Code', ui-monospace, 'SFMono-Regular', 'Cascadia Code', 'Roboto Mono',
-    Menlo, Monaco, Consolas, 'Liberation Mono', monospace
+    'Fira Code',
+    ui-monospace,
+    'SFMono-Regular',
+    'Cascadia Code',
+    'Roboto Mono',
+    Menlo,
+    Monaco,
+    Consolas,
+    'Liberation Mono',
+    monospace
   );
   font-size: var(--typography-fontsize-sm);
   font-variant-ligatures: var(--ds-code-font-variant-ligatures, normal);
@@ -187,8 +197,7 @@
   tab-size: 2;
 }
 
-:where(.ds-prose)
-  :where(pre code):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
+:where(.ds-prose) :where(pre code):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
   padding: 0;
   background: transparent;
   color: inherit;
@@ -197,8 +206,7 @@
   white-space: pre;
 }
 
-:where(.ds-prose)
-  :where(hr):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
+:where(.ds-prose) :where(hr):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
   margin: 0;
   border: 0;
   border-block-start: var(--dimension-stroke-width-012) solid var(--color-border-tertiary);
@@ -211,14 +219,12 @@
   overflow-x: auto;
 }
 
-:where(.ds-prose)
-  :where(table):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
+:where(.ds-prose) :where(table):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
   inline-size: 100%;
   border-collapse: collapse;
 }
 
-:where(.ds-prose)
-  :where(th, td):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
+:where(.ds-prose) :where(th, td):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
   padding: var(--dimension-space-075);
   border: var(--dimension-stroke-width-012) solid var(--color-border-tertiary);
   text-align: start;
@@ -226,8 +232,7 @@
   overflow-wrap: anywhere;
 }
 
-:where(.ds-prose)
-  :where(th):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
+:where(.ds-prose) :where(th):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
   color: var(--color-foreground-primary);
   font-weight: var(--typography-weight-medium);
 }
@@ -238,8 +243,7 @@
   block-size: auto;
 }
 
-:where(.ds-prose)
-  :where(figcaption):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
+:where(.ds-prose) :where(figcaption):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
   margin-block-start: var(--dimension-space-050);
   color: var(--color-foreground-secondary);
   font-size: var(--typography-fontsize-sm);

package/dist/styles/table.css

@@ -9,33 +9,24 @@
 
 :where(.ds-table) {
   --_table-cell-track-min-block-size: var(--dimension-size-300);
-  --_table-cell-track-padding-inline: calc(
-    var(--dimension-space-075) - var(--dimension-space-025)
-  );
+  --_table-cell-track-padding-inline: calc(var(--dimension-space-075) - var(--dimension-space-025));
   --_table-cell-track-label-inset: var(--dimension-space-025);
   --_table-caption-bar-block-size: var(--dimension-size-600);
   --_table-image-block-size: var(--_table-cell-track-min-block-size);
   --_table-image-block-size-multi: calc(
-    var(--_table-cell-track-min-block-size)
-    + var(--dimension-space-025)
-    + var(--dimension-size-250)
+    var(--_table-cell-track-min-block-size) + var(--dimension-space-025) + var(--dimension-size-250)
   );
   --_table-image-block-size-triple: calc(
-    var(--_table-image-block-size-multi)
-    + var(--dimension-space-025)
-    + var(--dimension-size-250)
+    var(--_table-image-block-size-multi) + var(--dimension-space-025) + var(--dimension-size-250)
   );
   --_table-image-column-inline-size: calc(
-    ((var(--_table-image-block-size) * 16) / 9)
-    + (var(--_table-cell-padding-inline) * 2)
+    ((var(--_table-image-block-size) * 16) / 9) + (var(--_table-cell-padding-inline) * 2)
   );
   --_table-image-column-inline-size-multi: calc(
-    ((var(--_table-image-block-size-multi) * 16) / 9)
-    + (var(--_table-cell-padding-inline) * 2)
+    ((var(--_table-image-block-size-multi) * 16) / 9) + (var(--_table-cell-padding-inline) * 2)
   );
   --_table-image-column-inline-size-triple: calc(
-    ((var(--_table-image-block-size-triple) * 16) / 9)
-    + (var(--_table-cell-padding-inline) * 2)
+    ((var(--_table-image-block-size-triple) * 16) / 9) + (var(--_table-cell-padding-inline) * 2)
   );
   /*
    * Wrapping primary on a 1-track cell occupies later tracks instead of a
@@ -48,19 +39,17 @@
   );
   --_table-wrap-primary-padding-block: calc(
     (
-      var(--_table-cell-track-min-block-size)
-      - var(--typography-lineheight-md)
-      - var(--dimension-space-025)
-    ) / 2
+        var(--_table-cell-track-min-block-size) - var(--typography-lineheight-md) -
+          var(--dimension-space-025)
+      ) /
+      2
   );
   /*
    * Wrapping secondary on a 2-track cell occupies later tracks. Zero the copy
    * gap and use later-track + gap as line-height so 1 / 2 / 3 secondary lines
    * land on 62 / 84 / 106 with primary remaining the first 24px track.
    */
-  --_table-wrap-secondary-line-height: calc(
-    var(--dimension-size-250) + var(--dimension-space-025)
-  );
+  --_table-wrap-secondary-line-height: calc(var(--dimension-size-250) + var(--dimension-space-025));
   --_table-wrap-secondary-padding-block: 0;
   --_table-surface: var(--ds-table-surface, var(--color-background-primary));
   --_table-header-surface: var(--ds-table-header-surface, var(--color-background-primary));
@@ -73,22 +62,10 @@
   --_table-sticky-border: var(--ds-table-sticky-border, var(--color-border-tertiary));
   --_table-border-strong: var(--ds-table-border-strong, var(--color-border-secondary));
   --_table-radius: var(--ds-table-radius, var(--dimension-radius-000));
-  --_table-header-min-block-size: var(
-    --ds-table-header-min-block-size,
-    var(--dimension-size-400)
-  );
-  --_table-row-min-block-size: var(
-    --ds-table-row-min-block-size,
-    var(--dimension-size-500)
-  );
-  --_table-cell-padding-block: var(
-    --ds-table-cell-padding-block,
-    var(--dimension-space-100)
-  );
-  --_table-cell-padding-inline: var(
-    --ds-table-cell-padding-inline,
-    var(--dimension-space-100)
-  );
+  --_table-header-min-block-size: var(--ds-table-header-min-block-size, var(--dimension-size-400));
+  --_table-row-min-block-size: var(--ds-table-row-min-block-size, var(--dimension-size-500));
+  --_table-cell-padding-block: var(--ds-table-cell-padding-block, var(--dimension-space-100));
+  --_table-cell-padding-inline: var(--ds-table-cell-padding-inline, var(--dimension-space-100));
   --_table-selection-column-inline-size: var(
     --ds-table-selection-column-inline-size,
     var(--dimension-size-500)
@@ -190,8 +167,7 @@
   min-inline-size: max(
     100%,
     calc(
-      var(--ds-table-explicit-min-inline-size, 0px) +
-        var(--_table-selection-column-contribution)
+      var(--ds-table-explicit-min-inline-size, 0px) + var(--_table-selection-column-contribution)
     )
   );
   border: 0;
@@ -485,7 +461,9 @@
   z-index: 3;
 }
 
-:where(.ds-table--document-sticky-header.ds-table--caption-visible .ds-table__document-sticky-header) {
+:where(
+  .ds-table--document-sticky-header.ds-table--caption-visible .ds-table__document-sticky-header
+) {
   inset-block-start: calc(
     var(--ds-table-sticky-header-offset, 0px) + var(--_table-caption-bar-block-size)
   );
@@ -538,10 +516,7 @@
 
 :where(.ds-table__sticky-header-table .ds-table__cell--sticky-end) {
   transform: translate3d(
-    calc(
-      var(--ds-table-inline-scroll-offset, 0) -
-      var(--ds-table-inline-scroll-max-offset, 0)
-    ),
+    calc(var(--ds-table-inline-scroll-offset, 0) - var(--ds-table-inline-scroll-max-offset, 0)),
     0,
     0
   );
@@ -571,30 +546,30 @@
 }
 
 @keyframes ds-table-follow-inline-scroll {
-  from { transform: translate3d(0, 0, 0); }
+  from {
+    transform: translate3d(0, 0, 0);
+  }
   to {
-    transform: translate3d(
-      calc(-1 * var(--ds-table-inline-scroll-max-offset, 0)),
-      0,
-      0
-    );
+    transform: translate3d(calc(-1 * var(--ds-table-inline-scroll-max-offset, 0)), 0, 0);
   }
 }
 
 @keyframes ds-table-counter-inline-scroll-start {
-  from { transform: translate3d(0, 0, 0); }
-  to { transform: translate3d(var(--ds-table-inline-scroll-max-offset, 0), 0, 0); }
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    transform: translate3d(var(--ds-table-inline-scroll-max-offset, 0), 0, 0);
+  }
 }
 
 @keyframes ds-table-counter-inline-scroll-end {
   from {
-    transform: translate3d(
-      calc(-1 * var(--ds-table-inline-scroll-max-offset, 0)),
-      0,
-      0
-    );
+    transform: translate3d(calc(-1 * var(--ds-table-inline-scroll-max-offset, 0)), 0, 0);
+  }
+  to {
+    transform: translate3d(0, 0, 0);
   }
-  to { transform: translate3d(0, 0, 0); }
 }
 
 :where(.ds-table__head--semantic-copy) {
@@ -735,7 +710,6 @@
   :where(.ds-table__header-label--interactive:hover) {
     color: var(--color-foreground-primary);
   }
-
 }
 
 :where(.ds-table__header-label--interactive:active) {
@@ -1276,9 +1250,7 @@
   justify-content: center;
   box-sizing: border-box;
   inline-size: 100%;
-  min-block-size: calc(
-    var(--_table-header-min-block-size) - var(--dimension-stroke-width-012)
-  );
+  min-block-size: calc(var(--_table-header-min-block-size) - var(--dimension-stroke-width-012));
   padding: 0;
   border: 0;
   border-radius: 0;
@@ -1386,7 +1358,9 @@
 
 /* A section header yields its divider only when no member or load row follows
  * it and the section itself is the table's final body. */
-:where(.ds-table__group:last-child > .ds-table__group-row:last-child .ds-table__group-content)::after {
+:where(
+  .ds-table__group:last-child > .ds-table__group-row:last-child .ds-table__group-content
+)::after {
   display: none;
 }
 
@@ -1429,9 +1403,7 @@
 
 :where(.ds-table__table--selectable .ds-table__group-copy),
 :where(.ds-table__sticky-group--selectable .ds-table__group-copy) {
-  padding-inline-start: calc(
-    var(--dimension-space-100) + var(--_table-cell-track-label-inset)
-  );
+  padding-inline-start: calc(var(--dimension-space-100) + var(--_table-cell-track-label-inset));
 }
 
 :where(.ds-table__group-separator),

package/dist/types/components/CardSetting/index.d.ts

@@ -1,2 +1,2 @@
-export type { CardSettingAction, CardSettingActionDetail, CardSettingWidth, } from './CardSetting';
+export type { CardSettingAction, CardSettingActionDetail, CardSettingWidth } from './CardSetting';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/FilterMenu/FilterMenu.d.ts

@@ -4,6 +4,7 @@ import type { AnchoredAlign, AnchoredSide } from '../../utils/anchored-position'
 export type FilterMenuFilterKind = 'single' | 'multiple' | 'boolean' | 'date';
 export type FilterMenuSize = 'lg' | 'md' | 'sm' | 'xs';
 export type FilterMenuWidth = ControlWidth;
+export type FilterMenuFooterLayout = 'summary' | 'categories-clear';
 export interface FilterMenuOption {
     label: string;
     value: string;
@@ -30,8 +31,10 @@ export declare class FilterMenu {
     el: HTMLElement;
     /** Controlled popup visibility. */
     open: boolean;
-    /** Select trigger text. The selected count is appended automatically. */
+    /** Select trigger text. */
     triggerLabel: string;
+    /** Append the active-filter count to the visible trigger label. */
+    showSelectedCount: boolean;
     /** Optional select trigger prefix icon name. */
     icon: string | undefined;
     /** Select trigger density. */
@@ -79,6 +82,8 @@ export declare class FilterMenu {
     categoriesLabel: string;
     /** Footer action and date-clear accessible label. */
     clearLabel: string;
+    /** Footer recipe: full-width selected summary or reserved category-pane Clear action. */
+    footerLayout: FilterMenuFooterLayout;
     /** Show a visible focus ring on initial entry after keyboard activation. */
     initialFocusVisible: boolean;
     private shouldRender;
@@ -88,6 +93,9 @@ export declare class FilterMenu {
     private focusRingVisible;
     private activeOptionIndex;
     private captionCompact;
+    private dateModeByFilter;
+    private calendarMonthByFilter;
+    private pendingRangeStartByFilter;
     /** Requests a controlled value replacement without closing the popup. */
     dsChange: EventEmitter<FilterMenuChangeDetail>;
     /** Requests that the consumer clear every filter value. */
@@ -140,11 +148,22 @@ export declare class FilterMenu {
     private handleOptionKeyDown;
     private toggleMultiple;
     private selectOption;
+    private dateMode;
+    private setDateMode;
+    private calendarMonth;
+    private moveCalendarMonth;
+    private selectCalendarDate;
+    private focusCalendarDate;
+    private handleCalendarDayKeyDown;
+    private renderRelativeDateOptions;
+    private renderDateCalendar;
+    private renderDateFilter;
     private renderOptions;
     private get captionIconOnly();
     private syncCaptionCompactObserver;
     private disconnectCaptionCompactObserver;
     private renderCaptionTooltip;
+    private renderFooter;
     render(): any;
 }
 //# sourceMappingURL=FilterMenu.d.ts.map

package/dist/types/components/FilterMenu/filter-menu-calendar.d.ts

@@ -0,0 +1,13 @@
+export interface FilterMenuCalendarDay {
+    value: string;
+    day: number;
+    inMonth: boolean;
+    label: string;
+}
+export declare const FILTER_MENU_WEEKDAYS: string[];
+export declare function filterMenuToday(): string;
+export declare function filterMenuCalendarMonth(value: string): string;
+export declare function shiftFilterMenuCalendarMonth(value: string, offset: number): string;
+export declare function filterMenuCalendarMonthLabel(value: string): string;
+export declare function filterMenuCalendarDays(value: string): FilterMenuCalendarDay[];
+//# sourceMappingURL=filter-menu-calendar.d.ts.map

package/dist/types/components/TooltipChart/index.d.ts

@@ -1,2 +1,2 @@
-export type { TooltipChartSide, TooltipChartAlign, TooltipChartItem, } from './TooltipChart';
+export type { TooltipChartSide, TooltipChartAlign, TooltipChartItem } from './TooltipChart';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components.d.ts

@@ -30,7 +30,7 @@ import { CheckboxSize } from "./components/Checkbox/Checkbox";
 import { ChipSize, ChipState } from "./components/Chip/Chip";
 import { ConversationListActionLayout } from "./components/ConversationList/ConversationList";
 import { DividerBackground, DividerInset, DividerLength, DividerOrientation } from "./components/Divider/Divider";
-import { FilterMenuChangeDetail, FilterMenuFilter, FilterMenuSize, FilterMenuValues, FilterMenuWidth } from "./components/FilterMenu/FilterMenu";
+import { FilterMenuChangeDetail, FilterMenuFilter, FilterMenuFooterLayout, FilterMenuSize, FilterMenuValues, FilterMenuWidth } from "./components/FilterMenu/FilterMenu";
 import { AnchoredAlign, AnchoredSide } from "./utils/anchored-position";
 import { IconColor as IconColor1, IconSize } from "./components/Icon/Icon";
 import { InputSize, InputTextAlign, InputType, InputWidth } from "./components/Input/Input";
@@ -98,7 +98,7 @@ export { CheckboxSize } from "./components/Checkbox/Checkbox";
 export { ChipSize, ChipState } from "./components/Chip/Chip";
 export { ConversationListActionLayout } from "./components/ConversationList/ConversationList";
 export { DividerBackground, DividerInset, DividerLength, DividerOrientation } from "./components/Divider/Divider";
-export { FilterMenuChangeDetail, FilterMenuFilter, FilterMenuSize, FilterMenuValues, FilterMenuWidth } from "./components/FilterMenu/FilterMenu";
+export { FilterMenuChangeDetail, FilterMenuFilter, FilterMenuFooterLayout, FilterMenuSize, FilterMenuValues, FilterMenuWidth } from "./components/FilterMenu/FilterMenu";
 export { AnchoredAlign, AnchoredSide } from "./utils/anchored-position";
 export { IconColor as IconColor1, IconSize } from "./components/Icon/Icon";
 export { InputSize, InputTextAlign, InputType, InputWidth } from "./components/Input/Input";
@@ -1254,6 +1254,11 @@ export namespace Components {
           * @default []
          */
         "filters": FilterMenuFilter[];
+        /**
+          * Footer recipe: full-width selected summary or reserved category-pane Clear action.
+          * @default 'summary'
+         */
+        "footerLayout": FilterMenuFooterLayout;
         /**
           * Show the surface-aware inset border around the select trigger.
           * @default true
@@ -1288,6 +1293,11 @@ export namespace Components {
           * @default false
          */
         "open": boolean;
+        /**
+          * Append the active-filter count to the visible trigger label.
+          * @default true
+         */
+        "showSelectedCount": boolean;
         /**
           * Preferred popup side; collision handling may flip it.
           * @default 'bottom'
@@ -1304,7 +1314,7 @@ export namespace Components {
          */
         "size": FilterMenuSize;
         /**
-          * Select trigger text. The selected count is appended automatically.
+          * Select trigger text.
           * @default 'Filters'
          */
         "triggerLabel": string;
@@ -6209,6 +6219,11 @@ declare namespace LocalJSX {
           * @default []
          */
         "filters"?: FilterMenuFilter[];
+        /**
+          * Footer recipe: full-width selected summary or reserved category-pane Clear action.
+          * @default 'summary'
+         */
+        "footerLayout"?: FilterMenuFooterLayout;
         /**
           * Show the surface-aware inset border around the select trigger.
           * @default true
@@ -6267,6 +6282,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "open"?: boolean;
+        /**
+          * Append the active-filter count to the visible trigger label.
+          * @default true
+         */
+        "showSelectedCount"?: boolean;
         /**
           * Preferred popup side; collision handling may flip it.
           * @default 'bottom'
@@ -6283,7 +6303,7 @@ declare namespace LocalJSX {
          */
         "size"?: FilterMenuSize;
         /**
-          * Select trigger text. The selected count is appended automatically.
+          * Select trigger text.
           * @default 'Filters'
          */
         "triggerLabel"?: string;
@@ -9030,6 +9050,7 @@ declare namespace LocalJSX {
     interface DsFilterMenuAttributes {
         "open": boolean;
         "triggerLabel": string;
+        "showSelectedCount": boolean;
         "icon": string | undefined;
         "size": FilterMenuSize;
         "width": FilterMenuWidth;
@@ -9048,6 +9069,7 @@ declare namespace LocalJSX {
         "menuLabel": string;
         "categoriesLabel": string;
         "clearLabel": string;
+        "footerLayout": FilterMenuFooterLayout;
         "initialFocusVisible": boolean;
     }
     interface DsIconAttributes {

package/dist/types/shell/index.d.ts

@@ -1,5 +1,5 @@
 export type { NavChromeStyle } from './nav-chrome';
-export type { PanelNavGroup, PanelNavItem, } from '../components/PanelNav/panel-nav-types';
+export type { PanelNavGroup, PanelNavItem } from '../components/PanelNav/panel-nav-types';
 export type { BarNavTab } from '../components/BarNav/bar-nav-types';
 export type { ShellPageContentInset, ShellPageContentSurface, } from '../components/ShellPage/shell-page-types';
 export type { ShellAppComposition, ShellNavigationConfig, ShellNavigationSelectDetail, ShellPageChromeConfig, ShellToolsConfig, } from '../components/ShellApp/shell-app-types';
@@ -11,5 +11,5 @@ export { PANEL_NAV_USER_MENU_PLACEMENT, PANEL_TOOLS_HEADER_MENU_PLACEMENT, } fro
 export type { ShellGradientPickerOption, ShellGradientPickerPreview, ShellGradientPickerSection, ShellGradientPreset, } from './shell-gradient-presets';
 export { DEFAULT_SHELL_GRADIENT_PRESET, SHELL_GRADIENT_PRESETS, SHELL_GRADIENT_PRESET_LABELS, isShellGradientPreset, normalizeShellGradientPreset, shellGradientPickerSections, } from './shell-gradient-presets';
 export { SHELL_DEFAULT_INBOX_TOOL, isShellInboxTool, resolveAvailableInboxTool, resolveShellResponsiveMode, shellMobileDestinationForTool, shouldEmitMobileDestinationChange, } from './shell-responsive';
-export type { ShellInboxToolId, MobileDestination, ShellResponsiveMode, } from './shell-responsive';
+export type { ShellInboxToolId, MobileDestination, ShellResponsiveMode } from './shell-responsive';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/utils/date-filter-value.d.ts

@@ -0,0 +1,58 @@
+export declare const DATE_FILTER_RELATIVE_PRESETS: readonly [{
+    readonly label: "Today";
+    readonly value: "today";
+    readonly days: 1;
+    readonly offset: 0;
+}, {
+    readonly label: "Yesterday";
+    readonly value: "yesterday";
+    readonly days: 1;
+    readonly offset: -1;
+}, {
+    readonly label: "Last 7 days";
+    readonly value: "last-7-days";
+    readonly days: 7;
+    readonly offset: 0;
+}, {
+    readonly label: "Last 14 days";
+    readonly value: "last-14-days";
+    readonly days: 14;
+    readonly offset: 0;
+}, {
+    readonly label: "Last 30 days";
+    readonly value: "last-30-days";
+    readonly days: 30;
+    readonly offset: 0;
+}, {
+    readonly label: "Last 60 days";
+    readonly value: "last-60-days";
+    readonly days: 60;
+    readonly offset: 0;
+}, {
+    readonly label: "Last 90 days";
+    readonly value: "last-90-days";
+    readonly days: 90;
+    readonly offset: 0;
+}];
+export type DateFilterRelativePreset = (typeof DATE_FILTER_RELATIVE_PRESETS)[number]['value'];
+export type DateFilterRelativeValue = `relative:${DateFilterRelativePreset}`;
+export type DateFilterRangeValue = `range:${string}/${string}`;
+export type DateFilterValue = DateFilterRelativeValue | DateFilterRangeValue;
+export interface DateFilterRange {
+    start: string;
+    end: string;
+}
+export type ParsedDateFilterValue = {
+    kind: 'relative';
+    preset: DateFilterRelativePreset;
+} | ({
+    kind: 'range';
+} & DateFilterRange);
+export declare function isIsoCalendarDate(value: string): boolean;
+export declare function shiftIsoCalendarDate(value: string, days: number): string;
+export declare function dateFilterRelativeValue(preset: DateFilterRelativePreset): DateFilterRelativeValue;
+export declare function dateFilterRangeValue(start: string, end?: string): DateFilterRangeValue;
+export declare function parseDateFilterValue(value: unknown): ParsedDateFilterValue | null;
+export declare function normalizeDateFilterValue(value: unknown): DateFilterValue | '';
+export declare function resolveDateFilterRange(value: unknown, referenceDate: string): DateFilterRange | null;
+//# sourceMappingURL=date-filter-value.d.ts.map