@servicetitan/anvil2 1.49.7 → 1.50.1

package/dist/Toolbar.css

@@ -11,24 +11,28 @@ button[data-anv=toolbar-select] {
 /* REVERT LAYER BUGFIX END */
 /* -- Toolbar Base */
 @layer base {
-  ._toolbar_bslcr_13[aria-orientation=vertical] {
+  ._toolbar_1em0g_13[aria-orientation=horizontal] {
+    width: 100%;
+  }
+  ._toolbar_1em0g_13[aria-orientation=vertical] {
     height: 100%;
     max-height: inherit;
   }
-  ._toolbar-outline-spacer_bslcr_17:not(:has([data-anv=toolbar-filter-group], [data-anv=toolbar-control-group])) {
+  ._toolbar-outline-spacer_1em0g_20:not(:has([data-anv=toolbar-filter-group], [data-anv=toolbar-control-group])) {
     padding: 0.25rem;
   }
-  ._toolbar-content_bslcr_20 {
+  ._toolbar-content_1em0g_23 {
     align-items: flex-start;
+    gap: 0.25rem;
     width: 100%;
   }
-  ._overflow-wrap_bslcr_24 {
+  ._overflow-wrap_1em0g_28 {
     flex-wrap: wrap;
   }
-  ._overflow-collapse_bslcr_27 {
+  ._overflow-collapse_1em0g_31 {
     flex-wrap: nowrap;
   }
-  ._toolbar-overflow-content_bslcr_30 {
+  ._toolbar-overflow-content_1em0g_34 {
     display: flex;
     flex-direction: column;
     gap: 0.75rem;
@@ -36,42 +40,42 @@ button[data-anv=toolbar-select] {
     padding: 0.5rem !important;
     margin: 0 !important;
   }
-  ._toolbar-overflow-content_bslcr_30 ._toolbar-button-item_bslcr_38 {
+  ._toolbar-overflow-content_1em0g_34 ._toolbar-button-item_1em0g_42 {
     width: 100%;
   }
 }
 /* -- Toolbar Overflow and Orientation States */
 @layer state {
-  [aria-orientation=vertical] ._toolbar-item_bslcr_44,
-  [aria-orientation=vertical] ._toolbar-button-item_bslcr_38 {
+  [aria-orientation=vertical] ._toolbar-item_1em0g_48,
+  [aria-orientation=vertical] ._toolbar-button-item_1em0g_42 {
     width: 100%;
   }
-  ._overflow-collapse_bslcr_27 {
+  ._overflow-collapse_1em0g_31 {
     overflow: hidden;
   }
-  [aria-orientation=vertical] ._overflow-collapse_bslcr_27 {
+  [aria-orientation=vertical] ._overflow-collapse_1em0g_31 {
     height: 100%;
   }
 }
 /* -- Toolbar Items Component Overrides */
 @layer application {
-  ._toolbar-button-item_bslcr_38 {
+  ._toolbar-button-item_1em0g_42 {
     white-space: nowrap;
     font-size: 0.75rem;
     min-width: -moz-min-content;
     min-width: min-content;
     padding: 0.375rem;
   }
-  ._toolbar-button-toggle-item_bslcr_63[aria-pressed=false] {
+  ._toolbar-button-toggle-item_1em0g_67[aria-pressed=false] {
     border-color: var(--button-primary-foreground-color, #ffffff);
   }
-  ._toolbar-button-toggle-item_bslcr_63[aria-pressed=true] {
+  ._toolbar-button-toggle-item_1em0g_67[aria-pressed=true] {
     border-color: var(--background-color-primary-subdued, #E0F2FF);
   }
-  ._toolbar-overflow-trigger_bslcr_69 {
+  ._toolbar-overflow-trigger_1em0g_73 {
     padding: 0.5rem;
   }
-  ._toolbar-overflow-trigger_bslcr_69[aria-expanded=true] {
+  ._toolbar-overflow-trigger_1em0g_73[aria-expanded=true] {
     --button-background-color: var(--button-ghost-background-color-hover, rgba(20, 20, 20, 0.0784313725));
   }
 }@layer starter, reset, base, state, application;
@@ -93,58 +97,86 @@ button[data-anv=toolbar-select] {
 }
 
 @layer base {
-  ._filter-button-trigger_320zf_18 {
+  ._filter-button-trigger_1gitm_18 {
     font-size: 0.75rem;
     white-space: nowrap;
   }
-  ._filter-button-content_320zf_22 {
+  ._filter-button-content_1gitm_22 {
     min-width: 12.5rem;
     max-width: 22.5rem;
   }
-  ._filter-drawer-trigger_320zf_26 {
+  ._filter-select-content_1gitm_26:has(input[type=search]) {
+    max-height: 18.75rem;
+  }
+  ._filter-select-content_1gitm_26:not(:has(input[type=search])) {
+    max-height: 18.5rem;
+  }
+  ._filter-select-content_1gitm_26:not(:has(._filter-button-buttons_1gitm_32)) {
+    padding-block-end: 0.75rem;
+  }
+  ._filter-select-content_1gitm_26 ._filter-button-buttons_1gitm_32 {
+    padding-block-end: 1rem;
+  }
+  ._filter-drawer-trigger_1gitm_38 {
     position: sticky;
     right: 0;
     border: none;
   }
-  ._filter-button-buttons_320zf_31 {
-    padding-block-start: 1rem;
+  ._filter-button-buttons_1gitm_32 {
+    background: var(--background-color-strong, #f7f7f7);
+    padding-inline: 1rem;
+    padding-block-start: 0.5rem;
+    position: sticky;
+    bottom: 0;
   }
   [data-anv=toolbar-filter-group] {
     container-type: inline-size;
   }
-  ._filter-item_320zf_37 {
+  ._filter-item_1gitm_53 {
     max-height: 1.75rem;
   }
   @container (max-width: primitive.$breakpoint-md) {
-    ._filter-item_320zf_37 {
+    ._filter-item_1gitm_53 {
       display: none;
     }
   }
-  ._filter-select-search_320zf_45 {
-    padding-block-end: 1rem;
+  ._filter-select-search_1gitm_61 {
+    background: var(--background-color-strong, #f7f7f7);
+    padding-block-start: 1rem;
+    padding-inline: 1rem;
+    position: sticky;
+    top: 0;
+    z-index: 1;
+  }
+  ._filter-select-search_1gitm_61 input[type=search] {
+    padding-inline-end: 0.5rem;
   }
 }
 @layer application {
-  ._filter-button-trigger_320zf_18 {
+  ._filter-button-trigger_1gitm_18 {
     max-height: 1.75rem;
     padding: 0.3125rem 0.375rem;
   }
-  ._filter-button-trigger_320zf_18[aria-expanded=true]:not(._filter-button-trigger--selected_320zf_54) {
+  ._filter-button-trigger_1gitm_18[aria-expanded=true]:not(._filter-button-trigger--selected_1gitm_78) {
     --button-background-color: var(--button-ghost-background-color-hover, rgba(20, 20, 20, 0.0784313725));
   }
-  ._filter-button-trigger--selected_320zf_54 {
+  ._filter-button-trigger--selected_1gitm_78 {
     --button-background-color: var(--background-color-primary-subdued, #E0F2FF);
     color: var(--foreground-color-primary, #0265DC);
   }
-  ._filter-drawer-trigger_320zf_26 {
+  ._filter-drawer-trigger_1gitm_38 {
     padding-inline: 0.5rem;
   }
-  ._filter-drawer-trigger--chipped_320zf_64 {
+  ._filter-drawer-trigger--chipped_1gitm_88 {
     background-color: var(--background-color-primary-subdued, #E0F2FF);
     color: var(--foreground-color-primary, #0265DC);
     min-width: -moz-max-content;
     min-width: max-content;
   }
+  ._filter-select-search_1gitm_61 > div[role=presentation],
+  ._filter-select-search_1gitm_61 input[type=search] {
+    padding-inline-end: 1rem;
+  }
 }@layer starter, reset, base, state, application;
 @layer base {
   ._toolbar-control-group_13h8p_2 {

package/dist/Toolbar.js

@@ -1,2 +1,2 @@
-export { T as Toolbar, a as ToolbarButton, c as ToolbarButtonLink, b as ToolbarButtonToggle, e as ToolbarControlGroup, g as ToolbarElement, f as ToolbarSearchField, d as ToolbarSelect, T as default } from './Toolbar-BxYOXLmv.js';
+export { T as Toolbar, a as ToolbarButton, c as ToolbarButtonLink, b as ToolbarButtonToggle, e as ToolbarControlGroup, g as ToolbarElement, f as ToolbarSearchField, d as ToolbarSelect, T as default } from './Toolbar-Vw9V1RHr.js';
 //# sourceMappingURL=Toolbar.js.map

package/dist/beta/components/SelectField/internal/useCombo.d.ts

@@ -18,6 +18,7 @@ export type UseComboOptions = {
  */
 export declare const useCombo: ({ options, pinnedOptions, selectAll, selectedOption, onSelectedOptionChange, onInputValueChange, onIsOpenChange, displayAs, disableHighlightOnOpen, disabled, }: UseComboOptions) => {
     inputValue: string;
+    wrapperDivRef: import('react').RefObject<HTMLDivElement>;
     getToggleButtonProps: <Options>(options?: import('downshift').UseComboboxGetToggleButtonPropsOptions & Options) => import('downshift').Overwrite<import('downshift').UseComboboxGetToggleButtonPropsReturnValue, Options>;
     getLabelProps: <Options>(options?: import('downshift').UseComboboxGetLabelPropsOptions & Options) => import('downshift').Overwrite<import('downshift').UseComboboxGetLabelPropsReturnValue, Options>;
     getMenuProps: <Options>(options?: import('downshift').UseComboboxGetMenuPropsOptions & Options, otherOptions?: import('downshift').GetPropsCommonOptions) => import('downshift').Overwrite<import('downshift').UseComboboxGetMenuPropsReturnValue, Options>;

package/dist/beta/components/Table/DataTable/internal/cells/DataTableHeaderCell.d.ts

@@ -1,3 +1,4 @@
+import { Ref } from 'react';
 import { HeaderContext } from '@tanstack/react-table';
 import { DataTableHeaderCellProps as BaseDataTableHeaderCellProps } from '../../../base/cells/TableHeaderCell';
 /**
@@ -18,4 +19,11 @@ export type DataTableHeaderCellProps<T> = BaseDataTableHeaderCellProps & {
  * @param props.children - The children of the DataTableHeaderCell component
  * @param props.header - The header of the DataTableHeaderCell component
  */
-export declare function DataTableHeaderCell<T>(props: DataTableHeaderCellProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function DataTableHeaderCellInner<T>(props: DataTableHeaderCellProps<T>, forwardedRef: Ref<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Data table header cell with focus management and ref forwarding
+ */
+export declare const DataTableHeaderCell: <T>(props: DataTableHeaderCellProps<T> & {
+    ref?: Ref<HTMLDivElement>;
+}) => ReturnType<typeof DataTableHeaderCellInner>;
+export {};

package/dist/beta/components/Table/DataTable/stories/DataTable.story-data.d.ts

@@ -15,6 +15,7 @@ export declare const expandedRowData: TableRow<TableStoryData>[];
 export declare const subComponentsData: TableRow<TableStoryData>[];
 export declare const primaryColumns: import('../..').ColumnDef<TableStoryData>[];
 export declare const groupedColumns: import('../..').ColumnDef<TableStoryData>[];
+export declare const columnsWithMaxWidth: import('../..').ColumnDef<TableStoryData>[];
 export declare const columnsWithoutFooter: import('../..').ColumnDef<TableStoryData>[];
 export type Category = "electronics" | "clothing" | "home" | "garden" | "other";
 export type EditableTableStoryData = {

package/dist/beta/components/Table/internal/ResizeHandle.d.ts

@@ -1,14 +1,17 @@
 import { Header } from '@tanstack/react-table';
 /**
  * Props for the ResizeHandle component
- * @extends Header<T, unknown>
+ * @property {Header<T, unknown>} header - The header instance from TanStack Table
+ * @property {() => void} [onResizeStart] - Callback fired before resize begins, useful for initializing state
  */
 export type ResizeHandleProps<T> = {
     header: Header<T, unknown>;
+    onResizeStart?: () => void;
 };
 /**
  * Resize handle component resizing table columns
  * @param props - The props for the ResizeHandle component
  * @param props.header - The header of the ResizeHandle component
+ * @param props.onResizeStart - Optional callback fired before resize begins
  */
-export declare function ResizeHandle<T>({ header }: ResizeHandleProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function ResizeHandle<T>({ header, onResizeStart, }: ResizeHandleProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/beta/components/Table/internal/getCommonPinningStyles.d.ts

@@ -1,6 +1,7 @@
 import { CSSProperties } from 'react';
 import { Column } from '@tanstack/react-table';
 /**
- * Get the common styles for position and width of a column with pinning
+ * Get the common styles for sticky positioning of pinned columns
+ * Width is handled by CSS Grid, so only positioning is needed
  */
 export declare const getCommonPinningStyles: <T>(column: Column<T>) => CSSProperties;

package/dist/beta/components/Toolbar/Filters/internal/utils/filter-state.d.ts

@@ -38,3 +38,31 @@ export declare const updateSingleFilter: (filters: Filter[], filterId: string, v
  * @returns {boolean} True if the values are different
  */
 export declare const hasChangedFilter: <T>(a: T, b: T) => boolean;
+/**
+ * Checks if the selection value of a filter has changed by comparing references.
+ * Uses reference equality (===) to detect if the parent has provided a new value.
+ *
+ * @param {Filter} existingFilter - The current filter state
+ * @param {Filter} newFilter - The incoming filter from props
+ * @returns {boolean} True if the selection value reference has changed
+ */
+export declare const hasFilterSelectionChanged: (existingFilter: Filter, newFilter: Filter) => boolean;
+/**
+ * Preserves the selection state from an existing filter into a new filter.
+ * Used when filter configuration updates but the selection value reference hasn't changed,
+ * allowing us to maintain user selections through configuration updates.
+ *
+ * @param {Filter} newFilter - The new filter configuration from props
+ * @param {Filter} existingFilter - The existing filter with user's selections
+ * @returns {Filter} New filter with configuration from newFilter and selection from existingFilter
+ */
+export declare const preserveFilterState: (newFilter: Filter, existingFilter: Filter) => Filter;
+/**
+ * Creates a deep clone of filters with updated item references.
+ * Ensures that selected items reference the current items array for proper equality checks.
+ * Used when initializing draft state to ensure selections use current item references.
+ *
+ * @param {Filter[]} filters - Array of filter objects to clone
+ * @returns {Filter[]} New array with cloned filters and updated item references
+ */
+export declare const cloneFiltersWithItemRefs: (filters: Filter[]) => Filter[];

package/dist/beta.js

@@ -1,6 +1,6 @@
-export { D as DataTable, a as chipsFormatter, c as createColumnHelper, b as currencyFormatter, p as percentFormatter } from './DataTable-CUFa7cQK.js';
-export { T as Toolbar, a as ToolbarButton, c as ToolbarButtonLink, b as ToolbarButtonToggle, e as ToolbarControlGroup, g as ToolbarElement, f as ToolbarSearchField, d as ToolbarSelect } from './Toolbar-BxYOXLmv.js';
+export { D as DataTable, a as chipsFormatter, c as createColumnHelper, b as currencyFormatter, p as percentFormatter } from './DataTable-DQ9FFuV8.js';
+export { T as Toolbar, a as ToolbarButton, c as ToolbarButtonLink, b as ToolbarButtonToggle, e as ToolbarControlGroup, g as ToolbarElement, f as ToolbarSearchField, d as ToolbarSelect } from './Toolbar-Vw9V1RHr.js';
 export { u as useCalendarBetaProps } from './Calendar-CAYitkfM.js';
 export { C as Calendar } from './Calendar-C9oxHTGG.js';
-export { S as SelectField, a as SelectFieldSync, u as useAdaptiveView } from './SelectFieldSync-BOzavAtv.js';
+export { S as SelectField, a as SelectFieldSync, u as useAdaptiveView } from './SelectFieldSync-D4VdOXoY.js';
 //# sourceMappingURL=beta.js.map

package/dist/components/Combobox/internal/ComboboxLegacy/ComboboxLegacyUtils.d.ts

@@ -32,40 +32,4 @@ export type ComboboxLegacyContextProps<Item = any> = Required<Pick<UseDownshiftC
     setHasExactMatch?: Dispatch<SetStateAction<boolean>>;
 };
 export declare const ComboboxLegacyContext: import('react').Context<ComboboxLegacyContextProps<any> | null>;
-export declare const useDownshiftEnvironment: () => {
-    ref: MutableRefObject<HTMLDivElement | null>;
-    environment: {
-        document: Document;
-        addEventListener: {
-            <K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-            (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        };
-        removeEventListener: {
-            <K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-            (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-        };
-        Node: {
-            new (): Node;
-            prototype: Node;
-            readonly ELEMENT_NODE: 1;
-            readonly ATTRIBUTE_NODE: 2;
-            readonly TEXT_NODE: 3;
-            readonly CDATA_SECTION_NODE: 4;
-            readonly ENTITY_REFERENCE_NODE: 5;
-            readonly ENTITY_NODE: 6;
-            readonly PROCESSING_INSTRUCTION_NODE: 7;
-            readonly COMMENT_NODE: 8;
-            readonly DOCUMENT_NODE: 9;
-            readonly DOCUMENT_TYPE_NODE: 10;
-            readonly DOCUMENT_FRAGMENT_NODE: 11;
-            readonly NOTATION_NODE: 12;
-            readonly DOCUMENT_POSITION_DISCONNECTED: 1;
-            readonly DOCUMENT_POSITION_PRECEDING: 2;
-            readonly DOCUMENT_POSITION_FOLLOWING: 4;
-            readonly DOCUMENT_POSITION_CONTAINS: 8;
-            readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
-            readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
-        };
-    } | undefined;
-};
 export declare const useComboboxLegacy: <Item = any>() => ComboboxLegacyContextProps<Item>;

package/dist/components/Combobox/internal/ComboboxUtils.d.ts

@@ -15,62 +15,5 @@ export declare const defaultItemToString: <Item>(item: Item | null) => string;
  * @returns The item itself as the key
  */
 export declare const defaultItemToKey: <Item>(item: Item | null) => Item | null;
-/**
- * Hook to handle downshift environment configuration for shadow DOM support
- *
- * Features:
- * - Fixes shadow DOM compatibility issues with downshift
- * - Provides proper document and event listener references
- * - Returns ref for wrapper element and environment configuration
- *
- * @returns Object containing ref and environment configuration
- *
- * @example
- * const { ref, environment } = useDownshiftEnvironment();
- *
- * return (
- *   <div ref={ref}>
- *     <Combobox environment={environment}>
- *       combobox content
- *     </Combobox>
- *   </div>
- * );
- */
-export declare const useDownshiftEnvironment: () => {
-    ref: import('react').MutableRefObject<HTMLDivElement | null>;
-    environment: {
-        document: Document;
-        addEventListener: {
-            <K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-            (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        };
-        removeEventListener: {
-            <K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-            (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-        };
-        Node: {
-            new (): Node;
-            prototype: Node;
-            readonly ELEMENT_NODE: 1;
-            readonly ATTRIBUTE_NODE: 2;
-            readonly TEXT_NODE: 3;
-            readonly CDATA_SECTION_NODE: 4;
-            readonly ENTITY_REFERENCE_NODE: 5;
-            readonly ENTITY_NODE: 6;
-            readonly PROCESSING_INSTRUCTION_NODE: 7;
-            readonly COMMENT_NODE: 8;
-            readonly DOCUMENT_NODE: 9;
-            readonly DOCUMENT_TYPE_NODE: 10;
-            readonly DOCUMENT_FRAGMENT_NODE: 11;
-            readonly NOTATION_NODE: 12;
-            readonly DOCUMENT_POSITION_DISCONNECTED: 1;
-            readonly DOCUMENT_POSITION_PRECEDING: 2;
-            readonly DOCUMENT_POSITION_FOLLOWING: 4;
-            readonly DOCUMENT_POSITION_CONTAINS: 8;
-            readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
-            readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
-        };
-    } | undefined;
-};
 export declare function isMultiple<Item>(props: ComboboxProps<Item> | ComboboxSelectProps<Item>): props is ComboboxMultipleProps<Item> | SelectMultipleProps<Item>;
 export declare function getScrollParent(node: HTMLElement | null): HTMLElement | null;

package/dist/components/Dialog/Dialog.d.ts

@@ -15,7 +15,7 @@ export type DialogProps = ComponentPropsWithoutRef<"dialog"> & OpenCloseTransiti
     /**
      * @default "medium"
      */
-    size?: Extract<Size, "medium" | "large">;
+    size?: Extract<Size, "medium" | "large" | "xlarge">;
     /**
      * @default false
      */
@@ -53,7 +53,7 @@ export declare const DialogElement: import('react').ForwardRefExoticComponent<Om
     /**
      * @default "medium"
      */
-    size?: Extract<Size, "medium" | "large">;
+    size?: Extract<Size, "medium" | "large" | "xlarge">;
     /**
      * @default false
      */
@@ -116,7 +116,7 @@ export declare const Dialog: import('react').ForwardRefExoticComponent<Omit<impo
     /**
      * @default "medium"
      */
-    size?: Extract<Size, "medium" | "large">;
+    size?: Extract<Size, "medium" | "large" | "xlarge">;
     /**
      * @default false
      */

package/dist/components/Drawer/Drawer.d.ts

@@ -12,7 +12,7 @@ export type DrawerProps = ComponentPropsWithoutRef<"dialog"> & OpenCloseTransiti
      * The size of the drawer.
      * @default "medium"
      */
-    size?: Extract<Size, "medium" | "large">;
+    size?: Extract<Size, "small" | "medium" | "large" | "xlarge">;
     /**
      * Controls whether the drawer is open or closed.
      * @default false
@@ -74,7 +74,7 @@ export declare const Drawer: import('react').ForwardRefExoticComponent<Omit<impo
      * The size of the drawer.
      * @default "medium"
      */
-    size?: Extract<Size, "medium" | "large">;
+    size?: Extract<Size, "small" | "medium" | "large" | "xlarge">;
     /**
      * Controls whether the drawer is open or closed.
      * @default false

package/dist/components/Pagination/internal/Pagination.d.ts

@@ -30,6 +30,7 @@ export declare const Pagination: import('react').ForwardRefExoticComponent<Omit<
     List: import('react').ForwardRefExoticComponent<{
         page: number;
         totalPages: number;
+        hasTotalItemCount?: boolean;
         onPageChange: (page: number) => void;
         children: React.ReactNode;
         className?: string;
@@ -46,10 +47,8 @@ export declare const Pagination: import('react').ForwardRefExoticComponent<Omit<
         onItemClick: (page: number) => void;
     } & import('react').RefAttributes<HTMLLIElement>>;
     ItemsPerPageMenu: import('react').ForwardRefExoticComponent<import('./PaginationItemsPerPageMenu').PaginationItemsPerPageMenuProps & import('react').RefAttributes<HTMLDivElement>>;
-    TotalCount: ({ firstItem, lastItem, totalCount, className, }: {
-        firstItem: number;
-        lastItem: number;
-        totalCount: number;
+    TotalCount: ({ itemRangeText, className, }: {
+        itemRangeText: string;
         className?: string;
     }) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/components/Pagination/internal/PaginationList.d.ts

@@ -1,6 +1,7 @@
 type PaginationListProps = {
     page: number;
     totalPages: number;
+    hasTotalItemCount?: boolean;
     onPageChange: (page: number) => void;
     children: React.ReactNode;
     className?: string;

package/dist/components/Pagination/internal/PaginationTotalCount.d.ts

@@ -1,6 +1,4 @@
-export declare const PaginationTotalCount: ({ firstItem, lastItem, totalCount, className, }: {
-    firstItem: number;
-    lastItem: number;
-    totalCount: number;
+export declare const PaginationTotalCount: ({ itemRangeText, className, }: {
+    itemRangeText: string;
     className?: string;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/index.js

@@ -15,7 +15,7 @@ export { C as Card } from './Card-Ch3sMUo5.js';
 export { C as Checkbox } from './Checkbox-zAKOGEBl.js';
 export { C as CheckboxGroup } from './Checkbox-DbBeuNdW.js';
 export { C as Chip } from './Chip-UqdorCE2.js';
-export { C as Combobox, c as ComboboxContent, a as ComboboxElement, i as ComboboxEmpty, e as ComboboxItem, f as ComboboxItemAddNew, d as ComboboxList, g as ComboboxSearchField, b as ComboboxSelect, h as ComboboxSelectTrigger } from './Combobox-hxGMMb8x.js';
+export { C as Combobox, c as ComboboxContent, a as ComboboxElement, i as ComboboxEmpty, e as ComboboxItem, f as ComboboxItemAddNew, d as ComboboxList, g as ComboboxSearchField, b as ComboboxSelect, h as ComboboxSelectTrigger } from './Combobox-DGAa9vgU.js';
 export { u as useInfiniteCombobox } from './useInfiniteCombobox-WcRgC9p6.js';
 export { D as DateField } from './DateField-BT9jJRp5.js';
 export { D as DateFieldRange } from './DateFieldRange-ZAic_9mt.js';
@@ -24,11 +24,11 @@ export { D as DateFieldYearless } from './DateFieldYearless-DXO_MPwA.js';
 export { D as DateFieldYearlessRange } from './DateFieldYearlessRange-Cg6bbPIi.js';
 export { D as DaysOfTheWeek } from './DaysOfTheWeek-9B9d7-hF.js';
 export { D as Details, b as DetailsContent, a as DetailsSummary } from './Details-CkaKTRvc.js';
-export { D as Dialog, a as DialogContent, b as DialogFooter, c as DialogHeader } from './Dialog-UzG6-s9H.js';
+export { D as Dialog, a as DialogContent, b as DialogFooter, c as DialogHeader } from './Dialog-BwabBKoZ.js';
 export { D as DialogCancelButton } from './DialogCancelButton-sTEfx5kf.js';
 export { D as Divider } from './Divider-Olv8yWXD.js';
 export { D as Dnd } from './index-ByS9WvPk.js';
-export { D as Drawer, a as DrawerCancelButton, d as DrawerContent, b as DrawerFooter, c as DrawerHeader } from './Drawer-BHK18NYm.js';
+export { D as Drawer, a as DrawerCancelButton, d as DrawerContent, b as DrawerFooter, c as DrawerHeader } from './Drawer-GXeoK-r9.js';
 export { E as EditCard } from './EditCard-Ds1UXJIS.js';
 export { F as FieldLabel } from './FieldLabel-jqlQ1Ldh.js';
 export { F as FieldMessage } from './FieldMessage-DdCUxZz-.js';
@@ -45,17 +45,17 @@ export { L as ListView, a as ListViewOption, b as ListViewOptionCell } from './L
 export { M as Menu, a as MenuItem } from './Menu-Cn2JJe1Y.js';
 export { N as NumberField } from './NumberField-CjWLnD9X.js';
 export { Overflow, OverflowText } from './Overflow.js';
-export { P as Page } from './Page-ClI3IOc7.js';
-export { P as Pagination } from './Pagination-CnF6yBr5.js';
+export { P as Page } from './Page-DEbpjQw0.js';
+export { P as Pagination } from './Pagination-BR8MiRaA.js';
 import { P as Popover } from './Popover-CCXrzBul.js';
 export { a as PopoverButton, b as PopoverClose, c as PopoverContent, d as PopoverTrigger } from './Popover-CCXrzBul.js';
 export { P as ProgressBar } from './ProgressBar-BpKEr6cO.js';
 export { R as Radio } from './Radio-jj0-1dOg.js';
 export { R as RadioGroup } from './RadioGroup-Bxy415eu.js';
-export { S as SearchField } from './SearchField-D6bICv4b.js';
+export { S as SearchField } from './SearchField-CJAo8dE0.js';
 export { S as SegmentedControl, a as SegmentedControlSegment } from './SegmentedControl-DK1cwC7A.js';
 export { S as SelectCard, a as SelectCardElement, b as SelectCardGroup } from './SelectCard-CjbsPKZ4.js';
-export { S as SelectTrigger } from './SelectTrigger-DfVnPiNf.js';
+export { S as SelectTrigger } from './SelectTrigger-D4AjiMKp.js';
 export { S as SideNav, b as SideNavCollapsible, c as SideNavGroup, a as SideNavLink } from './SideNav-B1sH17Uc.js';
 export { Skeleton, SkeletonCircle, SkeletonPill, SkeletonRectangle, SkeletonText } from './Skeleton.js';
 export { S as Spinner } from './Spinner-xEFwsq8_.js';

package/dist/internal/hooks/index.d.ts

@@ -17,3 +17,4 @@ export * from './usePrevious';
 export * from './useContainerQuery';
 export * from './useTypeAhead';
 export * from './useSelectFieldLoading';
+export * from './useDownshiftEnvironment';

package/dist/internal/hooks/useDownshiftEnvironment/index.d.ts

@@ -0,0 +1 @@
+export * from './useDownshiftEnvironment';

package/dist/internal/hooks/useDownshiftEnvironment/useDownshiftEnvironment.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Return type for the useDownshiftEnvironment hook
+ * @property {React.RefObject<HTMLDivElement>} ref - Ref to attach to the wrapper element
+ * @property {object | undefined} environment - Environment configuration for downshift
+ */
+export interface UseDownshiftEnvironmentReturn {
+    ref: React.RefObject<HTMLDivElement>;
+    environment: {
+        document: Document;
+        addEventListener: typeof document.addEventListener;
+        removeEventListener: typeof document.removeEventListener;
+        Node: typeof Node;
+    } | undefined;
+}
+/**
+ * Hook to handle downshift environment configuration for shadow DOM support
+ *
+ * Features:
+ * - Fixes shadow DOM compatibility issues with downshift
+ * - Provides proper document and event listener references
+ * - Returns ref for wrapper element and environment configuration
+ *
+ * @returns Object containing ref and environment configuration
+ *
+ * @example
+ * const { ref, environment } = useDownshiftEnvironment();
+ *
+ * return (
+ *   <div ref={ref}>
+ *     <Combobox environment={environment}>
+ *       combobox content
+ *     </Combobox>
+ *   </div>
+ * );
+ */
+export declare const useDownshiftEnvironment: () => UseDownshiftEnvironmentReturn;

package/dist/{match-sorter.esm-CtBw0MrM.js → match-sorter.esm-NrKOPPde.js}

@@ -1,6 +1,19 @@
+import React__default, { useRef, useEffect, useMemo, useCallback, useLayoutEffect, useReducer, cloneElement, Component } from 'react';
 import { a as _extends, _ as _objectWithoutPropertiesLoose } from './extends-Bg2s_OKl.js';
 import { g as getDefaultExportFromCjs } from './index-tZvMCc77.js';
-import React__default, { useRef, useEffect, useMemo, useCallback, useLayoutEffect, useReducer, cloneElement, Component } from 'react';
+
+const useDownshiftEnvironment = () => {
+  const wrapperDivRef = useRef(null);
+  const shadowRoot = wrapperDivRef.current ? wrapperDivRef.current.getRootNode() : null;
+  const shadowDocument = wrapperDivRef.current && shadowRoot ? shadowRoot.ownerDocument : null;
+  const environment = shadowDocument ? {
+    document: shadowDocument,
+    addEventListener: shadowDocument.addEventListener.bind(shadowRoot),
+    removeEventListener: shadowDocument.removeEventListener.bind(shadowRoot),
+    Node
+  } : void 0;
+  return { ref: wrapperDivRef, environment };
+};
 
 function _setPrototypeOf(t, e) {
   return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
@@ -6259,5 +6272,5 @@ function getKeyAttributes(key) {
   };
 }
 
-export { useMultipleSelection as a, useSelect as b, matchSorter as m, useCombobox as u };
-//# sourceMappingURL=match-sorter.esm-CtBw0MrM.js.map
+export { useCombobox as a, useMultipleSelection as b, useSelect as c, matchSorter as m, useDownshiftEnvironment as u };
+//# sourceMappingURL=match-sorter.esm-NrKOPPde.js.map