@servicetitan/anvil2 1.44.2 → 1.45.0

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

@@ -0,0 +1,72 @@
+import { Placement, UseFloatingOptions } from '@floating-ui/react';
+import { AriaAttributes, ReactElement, RefObject } from 'react';
+export type MenuReturnProps = {
+    "data-open"?: boolean;
+    "aria-controls"?: AriaAttributes["aria-controls"];
+    "aria-expanded"?: AriaAttributes["aria-expanded"];
+    "aria-haspopup"?: AriaAttributes["aria-haspopup"];
+    "data-state": "open" | "close";
+    onClick?: () => void;
+    ref?: RefObject<HTMLButtonElement>;
+};
+/**
+ * Common props shared between Menu components
+ * @extends ComponentPropsWithoutRef<"button">
+ */
+export type MenuCommonProps = {
+    /**
+     * Disables the shift of floating element
+     * @internal
+     */
+    disableShift?: boolean;
+    /**
+     * Disables the flip of floating element
+     * @internal
+     */
+    disableFlip?: boolean;
+    /**
+     * Disables the flip cross-axis fallback of floating element
+     * @internal
+     */
+    disableFlipFallback?: boolean;
+    /**
+     * Changes height and positioning for select/combobox
+     * @default bottom-start
+     */
+    placement?: Extract<Placement, "bottom-start" | "top-start" | "bottom-end" | "top-end">;
+    /** @deprecated to be removed on next major - Menu should open by user interaction */
+    open?: boolean;
+    /** @deprecated to be removed on next major - Menu should open by user interaction */
+    defaultOpen?: boolean;
+    /**
+     * Callback fired when the menu opens or closes
+     */
+    onOpenChange?: UseFloatingOptions["onOpenChange"];
+    /**
+     * Callback fired when clicking outside the menu
+     */
+    onOutsidePress?: (e: globalThis.MouseEvent) => void;
+    /**
+     * Disables automatic height adjustment for the menu
+     */
+    disableAutoHeight?: boolean;
+    /**
+     * Custom trigger element render function
+     */
+    trigger?: (props: MenuReturnProps) => ReactElement;
+    /**
+     * The label text displayed on the menu button
+     */
+    label?: string;
+    contentClassName?: string;
+    /**
+     * Maximum height of the popover content
+     */
+    maxHeight?: number | string;
+    /**
+     * @deprecated to be removed on next major
+     * This is not needed anymore as the Popover API is used.
+     * Popover API uses top-layer for its popover content.
+     */
+    root?: HTMLElement | React.MutableRefObject<HTMLElement | null> | null;
+};

package/dist/components/NumberField/NumberField.d.ts

@@ -1,11 +1,52 @@
-import { NumberFieldProps as CoreNumberFieldProps } from '@servicetitan/hammer-react';
-import { DistributiveOmit } from '../../types';
-import { DataTrackingId } from '../../types/DataTrackingId';
-export type NumberFieldProps = DistributiveOmit<CoreNumberFieldProps, "prefix" | "suffix"> & DataTrackingId & {
+import { ReactElement, ComponentPropsWithoutRef } from 'react';
+import { HelperProps } from '../../internal/components';
+import { LayoutUtilProps, Size, DataTrackingId } from '../../types';
+import { FieldLabelProps } from '../../internal/types';
+export type NumberFieldProps = Omit<ComponentPropsWithoutRef<"input">, "size" | "prefix" | "type" | "inputMode" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange"> & LayoutUtilProps & FieldLabelProps & {
+    error?: ReactElement | string | boolean;
+    label?: string;
     prefix?: string;
     suffix?: string;
-};
-export declare const NumberField: import('react').ForwardRefExoticComponent<Omit<CoreNumberFieldProps, "prefix" | "suffix"> & DataTrackingId & {
+    size?: Extract<Size, "small" | "medium" | "large">;
+    description?: HelperProps["description"];
+    errorAriaLive?: HelperProps["errorAriaLive"];
+    hint?: HelperProps["hint"];
+    loading?: boolean;
+    disabled?: boolean;
+    minValue?: number;
+    maxValue?: number;
+    maximumFractionDigits?: number;
+    minimumFractionDigits?: number;
+    step?: number;
+    value?: number | null;
+    defaultValue?: number | null;
+    onChange?: (value: number | null) => void;
+    onFocus?: (event: FocusEvent) => void;
+    onBlur?: (event: FocusEvent) => void;
+    hideControls?: boolean;
+} & DataTrackingId;
+export declare const NumberField: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "value" | "onBlur" | "onFocus" | "onChange" | "defaultValue" | "prefix" | "inputMode" | "type"> & LayoutUtilProps & Pick<import('../../internal/components').LabelProps, "required" | "moreInfo"> & {
+    labelProps?: Omit<import('../../internal/components').LabelProps, "children" | "moreInfo" | "required" | "id" | "htmlFor">;
+} & {
+    error?: ReactElement | string | boolean;
+    label?: string;
     prefix?: string;
     suffix?: string;
-} & import('react').RefAttributes<HTMLInputElement>>;
+    size?: Extract<Size, "small" | "medium" | "large">;
+    description?: HelperProps["description"];
+    errorAriaLive?: HelperProps["errorAriaLive"];
+    hint?: HelperProps["hint"];
+    loading?: boolean;
+    disabled?: boolean;
+    minValue?: number;
+    maxValue?: number;
+    maximumFractionDigits?: number;
+    minimumFractionDigits?: number;
+    step?: number;
+    value?: number | null;
+    defaultValue?: number | null;
+    onChange?: (value: number | null) => void;
+    onFocus?: (event: FocusEvent) => void;
+    onBlur?: (event: FocusEvent) => void;
+    hideControls?: boolean;
+} & DataTrackingId & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/Overflow/Overflow.d.ts

@@ -1,92 +1,59 @@
-import { OverflowProps as CoreOverflowProps, OverflowTextProps as CoreOverflowTextProps } from '@servicetitan/hammer-react';
-import { DataTrackingId } from '../../types/DataTrackingId';
+import { ComponentPropsWithoutRef, MouseEvent } from 'react';
+import { DataTrackingId, LayoutUtilProps } from '../../types';
 /**
  * Props for the Overflow component
  * @property {string} [children] - The content to be displayed in the overflow container
  * @property {number | string | "inherit"} [height] - The height of the overflow container
  * @property {boolean | object} [truncate] - Whether to truncate content with expand/collapse functionality
  */
-export type OverflowProps = CoreOverflowProps & DataTrackingId;
-/**
- * Props for the OverflowText component
- * @property {string} [children] - The text content to be displayed
- * @property {number | "unlimited"} [rows] - Number of rows to display before truncation
- * @property {boolean} [expandable] - Whether the text is expandable
- * @property {string} [expandText] - Text to display on the expand button
- * @property {string} [collapseText] - Text to display on the collapse button
- */
-export type OverflowTextProps = CoreOverflowTextProps & DataTrackingId;
-/**
- * OverflowText component for text content with line truncation and expansion.
- *
- * Features:
- * - Configurable line limit with row-based truncation
- * - Expandable content with custom expand/collapse text
- * - Automatic height calculation and overflow detection
- * - Keyboard navigation support for focusable elements
- * - Resize observer for dynamic content changes
- * - Accessibility features with proper focus management
- * - Support for unlimited rows or specific row limits
- * - Callback support for expand/collapse events
- * - Layout utility props support
- * - Automatic tracking ID generation for analytics
- *
- * @example
- * <OverflowText rows={3} expandable>
- *   <Text>
- *     This is a long text that will be truncated to 3 rows
- *     and can be expanded to show the full content.
- *   </Text>
- * </OverflowText>
- */
-export declare const OverflowText: import('react').ForwardRefExoticComponent<OverflowTextProps & import('react').RefAttributes<HTMLDivElement>>;
-/**
- * Overflow component for handling content that exceeds container boundaries.
- *
- * Features:
- * - Supports both horizontal and vertical overflow
- * - Automatic shadow indicators for scrollable content
- * - Truncation with expand/collapse functionality
- * - Keyboard navigation support for focusable elements
- * - Automatic height and width management
- * - Layout utility props support
- * - Resize observer for dynamic content changes
- * - Accessibility features with proper focus management
- * - Scroll event handling with shadow updates
- * - Automatic tracking ID generation for analytics
- *
- * @example
- * <Overflow direction="column" height={400} gap="4">
- *   {items.map((item, i) => (
- *     <Card key={i} style={{ width: "100%", minHeight: 100 }}>
- *       {item.content}
- *     </Card>
- *   ))}
- * </Overflow>
- */
-export declare const Overflow: import('react').ForwardRefExoticComponent<OverflowProps & import('react').RefAttributes<HTMLDivElement>> & {
+export type OverflowProps = ComponentPropsWithoutRef<"div"> & Omit<LayoutUtilProps, "direction"> & {
+    /**
+     * The direction of the overflow container
+     * @default column
+     */
+    direction?: LayoutUtilProps["flexDirection"];
+    /**
+     * The height of the overflow container
+     * @remarks "inherit" is not supported when truncate is enabled
+     */
+    height?: number | string | "inherit";
+    /**
+     * The width of the overflow container
+     */
+    width?: number | string;
+} & ({
+    /**
+     * Whether to truncate content with expand/collapse functionality
+     * @default false
+     */
+    truncate?: false;
+} | {
+    /**
+     * Direction must be column when truncate is enabled
+     */
+    direction: "column";
     /**
-     * OverflowText component for text content with line truncation and expansion.
-     *
-     * Features:
-     * - Configurable line limit with row-based truncation
-     * - Expandable content with custom expand/collapse text
-     * - Automatic height calculation and overflow detection
-     * - Keyboard navigation support for focusable elements
-     * - Resize observer for dynamic content changes
-     * - Accessibility features with proper focus management
-     * - Support for unlimited rows or specific row limits
-     * - Callback support for expand/collapse events
-     * - Layout utility props support
-     * - Automatic tracking ID generation for analytics
-     *
-     * @example
-     * <Overflow.Text rows={3} expandable>
-     *   <Text>
-     *     This is a long text that will be truncated to 3 rows
-     *     and can be expanded to show the full content.
-     *   </Text>
-     * </Overflow.Text>
+     * Truncation configuration with expand/collapse functionality
      */
-    Text: import('react').ForwardRefExoticComponent<OverflowTextProps & import('react').RefAttributes<HTMLDivElement>>;
-};
+    truncate: boolean | {
+        /**
+         * Text to display on the expand button
+         * @default "Show more..."
+         */
+        expandText?: string;
+        /**
+         * Text to display on the collapse button
+         * @default "Show less..."
+         */
+        collapseText?: string;
+        /**
+         * Callback fired when content is expanded
+         */
+        onExpand?: (e: MouseEvent<HTMLButtonElement>) => void;
+        /**
+         * Callback fired when content is collapsed
+         */
+        onCollapse?: (e: MouseEvent<HTMLButtonElement>) => void;
+    };
+}) & DataTrackingId;
+export declare const Overflow: import('react').ForwardRefExoticComponent<OverflowProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Overflow/OverflowText.d.ts

@@ -0,0 +1,82 @@
+import { ComponentPropsWithoutRef, MouseEvent } from 'react';
+import { DataTrackingId, LayoutUtilProps } from '../../types';
+/**
+ * Props for the OverflowText component
+ * @extends ComponentPropsWithoutRef<"div">
+ * @extends LayoutUtilProps
+ */
+export type OverflowTextProps = ComponentPropsWithoutRef<"div"> & LayoutUtilProps & {
+    /**
+     * Number of rows to display before truncation
+     * @default 1
+     */
+    rows?: number | "unlimited";
+} & ({
+    /**
+     * Whether the text is expandable
+     * @default false
+     */
+    expandable?: false;
+    /**
+     * Text for expand button (not used when expandable is false)
+     */
+    expandText?: never;
+    /**
+     * Text for collapse button (not used when expandable is false)
+     */
+    collapseText?: never;
+    /**
+     * Callback for expand event (not used when expandable is false)
+     */
+    onExpand?: never;
+    /**
+     * Callback for collapse event (not used when expandable is false)
+     */
+    onCollapse?: never;
+} | {
+    /**
+     * Whether the text is expandable
+     */
+    expandable: true;
+    /**
+     * Text to display on the expand button
+     * @default "Show more..."
+     */
+    expandText?: string;
+    /**
+     * Text to display on the collapse button
+     * @default "Show less..."
+     */
+    collapseText?: string;
+    /**
+     * Callback fired when content is expanded
+     */
+    onExpand?: (e: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Callback fired when content is collapsed
+     */
+    onCollapse?: (e: MouseEvent<HTMLButtonElement>) => void;
+}) & DataTrackingId;
+/**
+ * OverflowText component for text content with line truncation and expansion.
+ *
+ * Features:
+ * - Configurable line limit with row-based truncation
+ * - Expandable content with custom expand/collapse text
+ * - Automatic height calculation and overflow detection
+ * - Keyboard navigation support for focusable elements
+ * - Resize observer for dynamic content changes
+ * - Accessibility features with proper focus management
+ * - Support for unlimited rows or specific row limits
+ * - Callback support for expand/collapse events
+ * - Layout utility props support
+ *
+ * @example
+ * <OverflowText rows={3} expandable>
+ *   <Text>
+ *     This is a long text that will be truncated to 3 rows
+ *     and can be expanded to show the full content.
+ *   </Text>
+ * </OverflowText>
+ */
+export declare const OverflowText: import('react').ForwardRefExoticComponent<OverflowTextProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Overflow/index.d.ts

@@ -1,2 +1,31 @@
-export * from './Overflow';
-export { Overflow as default } from './Overflow';
+import { OverflowProps } from './Overflow';
+import { OverflowText, OverflowTextProps } from './OverflowText';
+/**
+ * Overflow component for handling content that exceeds container boundaries.
+ *
+ * Features:
+ * - Supports both horizontal and vertical overflow
+ * - Automatic shadow indicators for scrollable content
+ * - Truncation with expand/collapse functionality
+ * - Keyboard navigation support for focusable elements
+ * - Automatic height and width management
+ * - Layout utility props support
+ * - Resize observer for dynamic content changes
+ * - Accessibility features with proper focus management
+ * - Scroll event handling with shadow updates
+ *
+ * @example
+ * <Overflow direction="column" height={400} gap="4">
+ *   {items.map((item, i) => (
+ *     <Card key={i} style={{ width: "100%", minHeight: 100 }}>
+ *       {item.content}
+ *     </Card>
+ *   ))}
+ * </Overflow>
+ */
+export declare const Overflow: import('react').ForwardRefExoticComponent<OverflowProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Text: import('react').ForwardRefExoticComponent<OverflowTextProps & import('react').RefAttributes<HTMLDivElement>>;
+};
+export default Overflow;
+export { type OverflowProps };
+export { OverflowText, type OverflowTextProps };

package/dist/components/Page/Page.d.ts

@@ -120,20 +120,20 @@ export declare const Page: import('react').ForwardRefExoticComponent<Omit<import
      */
     Header: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
         title: string;
-        breadcrumbs?: import('@servicetitan/hammer-react').BreadcrumbsLinkProps[];
-        chips?: import('@servicetitan/hammer-react').ChipProps[];
+        breadcrumbs?: import('..').BreadcrumbsLinkProps[];
+        chips?: import('..').ChipProps[];
         description?: import('react').ReactNode;
         actions?: {
-            primary?: Omit<import('@servicetitan/hammer-react').ButtonProps, "appearance"> & {
+            primary?: Omit<import('..').ButtonProps, "appearance"> & {
                 label: string;
             };
-            secondary?: (Omit<import('@servicetitan/hammer-react').ButtonProps, "appearance"> & {
+            secondary?: (Omit<import('..').ButtonProps, "appearance"> & {
                 label: string;
             })[];
         };
-        preferenceAction?: (Omit<import('@servicetitan/hammer-react').ButtonProps, "className" | "aria-label" | "size" | "appearance" | "icon"> & {
+        preferenceAction?: (Omit<import('..').ButtonProps, "size" | "className" | "aria-label" | "icon" | "appearance"> & {
             "aria-label": string;
-        }) | (Omit<import('@servicetitan/hammer-react').ButtonLinkProps, "className" | "aria-label" | "size" | "appearance" | "icon"> & {
+        }) | (Omit<import('..').ButtonLinkProps, "size" | "className" | "aria-label" | "icon" | "appearance"> & {
             "aria-label": string;
         });
         layout?: import('..').LayoutProps;
@@ -194,5 +194,5 @@ export declare const Page: import('react').ForwardRefExoticComponent<Omit<import
      *   <Text>Footer content with layout utilities</Text>
      * </Page.Footer>
      */
-    Footer: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('@servicetitan/hammer-react').LayoutUtilProps & import('react').RefAttributes<HTMLDivElement>>;
+    Footer: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('..').LayoutUtilProps & import('react').RefAttributes<HTMLDivElement>>;
 };

package/dist/components/Page/PageFooter.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef } from 'react';
-import { LayoutUtilProps } from '@servicetitan/hammer-react';
+import { LayoutUtilProps } from '../../types';
 /**
  * Props for the PageFooter component
  * @extends ComponentPropsWithoutRef<"div">

package/dist/components/Page/PageHeader.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps, ButtonLinkProps, BreadcrumbsLinkProps, ChipProps } from '@servicetitan/hammer-react';
+import { ButtonProps, ButtonLinkProps, BreadcrumbsLinkProps, ChipProps } from '../';
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import { LayoutProps } from '../Layout';
 /**

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

@@ -1,5 +1,5 @@
-import { PaginationProps as CorePaginationProps } from '@servicetitan/hammer-react';
-import { DataTrackingId } from '../../types/DataTrackingId';
+import { DataTrackingId } from '../../types';
+import { PaginationProps as BasePaginationProps } from './internal/Pagination';
 /**
  * Props for the Pagination component
  * @property {number} page - The current page number
@@ -8,13 +8,11 @@ import { DataTrackingId } from '../../types/DataTrackingId';
  * @property {number} [totalItemCount] - Total number of items across all pages
  * @property {boolean} [showCount] - Whether to display the item count information
  * @property {(page: number) => void} [onPageChange] - Callback when page changes
- * @property {(page: number) => void} [onNextClick] - Callback when next button is clicked
  * @property {(itemsPerPage: number) => void} [onItemsPerPageChange] - Callback when items per page changes
- * @property {(page: number) => void} [onPreviousClick] - Callback when previous button is clicked
- * @extends Omit<CorePaginationProps, "children">
+ * @extends Omit<BasePaginationProps, "children">
  * @extends DataTrackingId
  */
-export type PaginationProps = Omit<CorePaginationProps, "children"> & DataTrackingId & {
+export type PaginationProps = Omit<BasePaginationProps, "children"> & DataTrackingId & {
     page: number;
     itemsPerPage: number;
     itemsPerPageOptions?: number[];

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

@@ -0,0 +1,55 @@
+import { ComponentPropsWithoutRef } from 'react';
+/**
+ * Props for the Pagination component
+ * @extends ComponentPropsWithoutRef<"nav">
+ */
+export type PaginationProps = ComponentPropsWithoutRef<"nav">;
+/**
+ * Pagination component for navigating through paginated content.
+ *
+ * Features:
+ * - Provides navigation controls for paginated data
+ * - Supports compound components for flexible pagination layouts
+ * - Includes list, items, overflow menu, items per page menu, and total count
+ * - Accessible navigation with proper ARIA roles
+ * - Customizable styling and layout
+ *
+ * @example
+ * <Pagination>
+ *   <Pagination.List>
+ *     <Pagination.Item>1</Pagination.Item>
+ *     <Pagination.Item>2</Pagination.Item>
+ *     <Pagination.OverflowMenu />
+ *     <Pagination.Item>10</Pagination.Item>
+ *   </Pagination.List>
+ *   <Pagination.ItemsPerPageMenu />
+ *   <Pagination.TotalCount />
+ * </Pagination>
+ */
+export declare const Pagination: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>> & {
+    List: import('react').ForwardRefExoticComponent<{
+        page: number;
+        totalPages: number;
+        onPageChange: (page: number) => void;
+        children: React.ReactNode;
+        className?: string;
+    } & import('react').RefAttributes<HTMLUListElement>>;
+    Item: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+        page: number;
+        isActive?: boolean;
+        onClick?: () => void;
+    } & import('react').RefAttributes<HTMLLIElement>>;
+    OverflowMenu: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+        startPage: number;
+        endPage: number;
+        length: number;
+        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;
+        className?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -0,0 +1,52 @@
+import { ComponentPropsWithoutRef } from 'react';
+/**
+ * Props for the PaginationItem component
+ * @extends ComponentPropsWithoutRef<"li">
+ */
+export type PaginationItemProps = ComponentPropsWithoutRef<"li"> & {
+    /**
+     * The page number to display.
+     */
+    page: number;
+    /**
+     * Whether this page item is currently active/selected.
+     * @default false
+     */
+    isActive?: boolean;
+    /**
+     * Callback function called when the page item is clicked.
+     */
+    onClick?: () => void;
+};
+/**
+ * PaginationItem component for displaying individual page numbers in pagination.
+ *
+ * Features:
+ * - Displays page number as a toggle button
+ * - Supports active state styling
+ * - Fully accessible with proper ARIA attributes
+ * - Integrates with pagination navigation system
+ * - Consistent styling with design system
+ *
+ * @example
+ * <PaginationItem
+ *   page={3}
+ *   isActive={true}
+ *   onClick={() => console.log('Page 3 clicked')}
+ * />
+ */
+export declare const PaginationItem: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    /**
+     * The page number to display.
+     */
+    page: number;
+    /**
+     * Whether this page item is currently active/selected.
+     * @default false
+     */
+    isActive?: boolean;
+    /**
+     * Callback function called when the page item is clicked.
+     */
+    onClick?: () => void;
+} & import('react').RefAttributes<HTMLLIElement>>;

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

@@ -0,0 +1,37 @@
+/**
+ * Props for the PaginationItemsPerPageMenu component
+ */
+export type PaginationItemsPerPageMenuProps = {
+    /**
+     * The currently selected number of items per page.
+     */
+    itemsPerPage: number;
+    /**
+     * Array of available options for items per page.
+     */
+    itemsPerPageOptions: number[];
+    /**
+     * Callback function called when the items per page selection changes.
+     * @param itemsPerPage The new number of items per page
+     */
+    onItemsPerPageChange: (itemsPerPage: number) => void;
+};
+/**
+ * PaginationItemsPerPageMenu component for selecting the number of items per page.
+ *
+ * Features:
+ * - Displays current items per page selection
+ * - Provides dropdown menu with available options
+ * - Integrates with pagination system
+ * - Shows "Rows per page" label for clarity
+ * - Fully accessible with proper ARIA attributes
+ * - Consistent styling with design system
+ *
+ * @example
+ * <PaginationItemsPerPageMenu
+ *   itemsPerPage={10}
+ *   itemsPerPageOptions={[5, 10, 25, 50]}
+ *   onItemsPerPageChange={(itemsPerPage) => console.log('Items per page:', itemsPerPage)}
+ * />
+ */
+export declare const PaginationItemsPerPageMenu: import('react').ForwardRefExoticComponent<PaginationItemsPerPageMenuProps & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,9 @@
+type PaginationListProps = {
+    page: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    children: React.ReactNode;
+    className?: string;
+};
+export declare const PaginationList: import('react').ForwardRefExoticComponent<PaginationListProps & import('react').RefAttributes<HTMLUListElement>>;
+export {};