@servicetitan/anvil2 2.9.2 → 3.0.1

package/dist/Page.js

@@ -1,2 +1,2 @@
-export { P as Page, P as default } from './Page-DFjOwTzH.js';
+export { P as Page, P as default } from './Page-DbK-JKyB.js';
 //# sourceMappingURL=Page.js.map

package/dist/{Pagination-B9pdkp_V.js → Pagination-Bg5Nsdik.js}

@@ -1,22 +1,22 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useRef, useMemo, useState, useLayoutEffect } from 'react';
-import { d as BreakpointSm } from './primitive-C3RFDRA8.js';
-import { S as SrOnly } from './SrOnly-eUpYGpAT.js';
+import { d as BreakpointSm } from './primitive-DXlHdTFb.js';
+import { S as SrOnly } from './SrOnly-pnf8ajnh.js';
 import { c as cx } from './index-De1g9FRV.js';
-import { B as ButtonToggle } from './ButtonToggle-DaFQ3DBG.js';
+import { B as ButtonToggle } from './ButtonToggle-Ct9_5bhC.js';
 import { S as SvgMoreHoriz } from './more_horiz-DJgdQiy0.js';
-import { M as Menu } from './Menu-CCavGohP.js';
+import { M as Menu } from './Menu-wpTyUDac.js';
 import { S as SvgKeyboardArrowDown } from './keyboard_arrow_down-C8WQ38p1.js';
-import { B as Button } from './Button-BdrrhBTI.js';
-import { F as Flex } from './Flex-WyyZm1bf.js';
-import { T as Text } from './Text-DQ78JchQ.js';
+import { B as Button } from './Button-Bnt8XUI7.js';
+import { F as Flex } from './Flex-DOUtHiPi.js';
+import { T as Text } from './Text-BH8gglCL.js';
 import { S as SvgKeyboardArrowLeft, a as SvgKeyboardArrowRight } from './keyboard_arrow_right-DZWNVytH.js';
 import { useTrackingId } from './useTrackingId.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
 
 import './Pagination.css';const itemStyles = {
-	"pagination-item": "_pagination-item_4ug3i_2",
-	"pagination-item-button": "_pagination-item-button_4ug3i_15"
+	"pagination-item": "_pagination-item_1vn7j_1",
+	"pagination-item-button": "_pagination-item-button_1vn7j_16"
 };
 
 const PaginationItem = forwardRef(
@@ -42,21 +42,21 @@ const PaginationItem = forwardRef(
 );
 PaginationItem.displayName = "PaginationItem";
 
-const styles$5 = {
-	"pagination-item-overflow-menu": "_pagination-item-overflow-menu_ainsh_2",
-	"pagination-item-overflow-menu-content": "_pagination-item-overflow-menu-content_ainsh_7"
+const styles$4 = {
+	"pagination-item-overflow-menu": "_pagination-item-overflow-menu_mk7jj_1",
+	"pagination-item-overflow-menu-content": "_pagination-item-overflow-menu-content_mk7jj_5"
 };
 
 const PaginationOverflowMenu = forwardRef((props, ref) => {
   const { startPage, endPage, length, onItemClick, ...rest } = props;
-  return /* @__PURE__ */ jsx("li", { className: styles$5["pagination-item-overflow-menu"], ref, ...rest, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("li", { className: styles$4["pagination-item-overflow-menu"], ref, ...rest, children: /* @__PURE__ */ jsx(
     Menu,
     {
       icon: SvgMoreHoriz,
       size: "small",
       appearance: "ghost",
       maxHeight: 200,
-      contentClassName: styles$5["pagination-item-overflow-menu-content"],
+      contentClassName: styles$4["pagination-item-overflow-menu-content"],
       "aria-label": "More pages",
       children: Array.from({ length }).map((_, index) => /* @__PURE__ */ jsx(
         Menu.Item,
@@ -78,8 +78,8 @@ const PaginationOverflowMenu = forwardRef((props, ref) => {
 });
 PaginationOverflowMenu.displayName = "PaginationOverflowMenu";
 
-const styles$4 = {
-	"pagination-items-per-page-button": "_pagination-items-per-page-button_1m1js_2"
+const styles$3 = {
+	"pagination-items-per-page-button": "_pagination-items-per-page-button_1s7l5_1"
 };
 
 const PaginationItemsPerPageMenu = forwardRef((props, ref) => {
@@ -112,7 +112,7 @@ const PaginationItemsPerPageMenu = forwardRef((props, ref) => {
               ref: ref2,
               ...rest,
               onKeyDown: handleKeyDown,
-              className: styles$4["pagination-items-per-page-button"],
+              className: styles$3["pagination-items-per-page-button"],
               appearance: "ghost",
               icon: { after: SvgKeyboardArrowDown },
               size: "small",
@@ -136,8 +136,8 @@ const PaginationItemsPerPageMenu = forwardRef((props, ref) => {
 });
 PaginationItemsPerPageMenu.displayName = "PaginationItemsPerPageMenu";
 
-const styles$3 = {
-	"pagination-list": "_pagination-list_1apvp_2"
+const styles$2 = {
+	"pagination-list": "_pagination-list_1myx1_1"
 };
 
 const PaginationList = forwardRef(
@@ -150,7 +150,7 @@ const PaginationList = forwardRef(
       onPageChange,
       className
     } = props;
-    const paginationListClassName = cx(styles$3["pagination-list"], className);
+    const paginationListClassName = cx(styles$2["pagination-list"], className);
     return /* @__PURE__ */ jsxs("ul", { ref, className: paginationListClassName, children: [
       /* @__PURE__ */ jsx("li", { className: itemStyles["pagination-item"], children: /* @__PURE__ */ jsx(
         Button,
@@ -188,8 +188,8 @@ const PaginationList = forwardRef(
 );
 PaginationList.displayName = "PaginationList";
 
-const styles$2 = {
-	"pagination-total-count": "_pagination-total-count_efq0t_2"
+const styles$1 = {
+	"pagination-total-count": "_pagination-total-count_s9c4p_1"
 };
 
 const PaginationTotalCount = ({
@@ -197,7 +197,7 @@ const PaginationTotalCount = ({
   className
 }) => {
   const paginationTotalCountClassName = cx(
-    styles$2["pagination-total-count"],
+    styles$1["pagination-total-count"],
     className
   );
   return /* @__PURE__ */ jsx(
@@ -211,16 +211,16 @@ const PaginationTotalCount = ({
   );
 };
 
-const pagination$1 = "_pagination_t09n5_2";
-const styles$1 = {
-	pagination: pagination$1
+const pagination = "_pagination_1gzjr_1";
+const styles = {
+	pagination: pagination
 };
 
 const Pagination$1 = Object.assign(
   forwardRef(
     function PaginationInner(props, ref) {
       const { className, children, ...rest } = props;
-      const paginationClassName = cx(styles$1.pagination, className);
+      const paginationClassName = cx(styles.pagination, className);
       return /* @__PURE__ */ jsx("nav", { ref, className: paginationClassName, ...rest, children });
     }
   ),
@@ -318,11 +318,6 @@ const usePaginationArray = ({
   }, [page, totalPages, maxArrayLength]);
 };
 
-const pagination = "_pagination_1pkjs_1";
-const styles = {
-	pagination: pagination
-};
-
 const Pagination = forwardRef(
   (props, ref) => {
     const {
@@ -388,7 +383,7 @@ const Pagination = forwardRef(
       {
         ref: combinedRef,
         "data-tracking-id": trackingId,
-        className: cx(styles.pagination, className),
+        className,
         "aria-label": ariaLabel || "Pagination navigation",
         ...rest,
         children: [
@@ -452,4 +447,4 @@ const Pagination = forwardRef(
 Pagination.displayName = "Pagination";
 
 export { Pagination as P };
-//# sourceMappingURL=Pagination-B9pdkp_V.js.map
+//# sourceMappingURL=Pagination-Bg5Nsdik.js.map

package/dist/{Pagination-B9pdkp_V.js.map → Pagination-Bg5Nsdik.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Pagination-B9pdkp_V.js","sources":["../src/components/Pagination/internal/PaginationItem.tsx","../src/components/Pagination/internal/PaginationOverflowMenu.tsx","../src/components/Pagination/internal/PaginationItemsPerPageMenu.tsx","../src/components/Pagination/internal/PaginationList.tsx","../src/components/Pagination/internal/PaginationTotalCount.tsx","../src/components/Pagination/internal/Pagination.tsx","../src/components/Pagination/internal/usePaginationArray.ts","../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport { ButtonToggle } from \"../../ButtonToggle\";\n\nimport styles from \"./PaginationItem.module.scss\";\n\n/**\n * Props for the PaginationItem component\n * @extends ComponentPropsWithoutRef<\"li\">\n */\nexport type PaginationItemProps = ComponentPropsWithoutRef<\"li\"> & {\n  /**\n   * The page number to display.\n   */\n  page: number;\n  /**\n   * Whether this page item is currently active/selected.\n   * @default false\n   */\n  isActive?: boolean;\n  /**\n   * Callback function called when the page item is clicked.\n   */\n  onClick?: () => void;\n};\n\n/**\n * PaginationItem component for displaying individual page numbers in pagination.\n *\n * Features:\n * - Displays page number as a toggle button\n * - Supports active state styling\n * - Fully accessible with proper ARIA attributes\n * - Integrates with pagination navigation system\n * - Consistent styling with design system\n *\n * @example\n * <PaginationItem\n *   page={3}\n *   isActive={true}\n *   onClick={() => console.log('Page 3 clicked')}\n * />\n */\nexport const PaginationItem = forwardRef<HTMLLIElement, PaginationItemProps>(\n  (props, ref) => {\n    const { page, isActive, onClick, className, ...rest } = props;\n\n    const paginationClassName = cx(styles[\"pagination-item\"], className);\n    const paginationButtonClassName = cx(styles[\"pagination-item-button\"], {\n      [styles.active]: isActive,\n    });\n    return (\n      <li ref={ref} {...rest} className={paginationClassName}>\n        <ButtonToggle\n          className={paginationButtonClassName}\n          size=\"small\"\n          onClick={onClick}\n          aria-current={isActive ? \"page\" : undefined}\n          aria-label={\n            isActive ? `Current page, page ${page}` : `Go to page ${page}`\n          }\n          checked={isActive}\n        >\n          {page}\n        </ButtonToggle>\n      </li>\n    );\n  },\n);\n\nPaginationItem.displayName = \"PaginationItem\";\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport IconMoreHoriz from \"@servicetitan/hammer-icon/mdi/round/more_horiz.svg\";\n\nimport { Menu } from \"../../Menu\";\n\nimport styles from \"./PaginationOverflowMenu.module.scss\";\n\n/**\n * Props for the PaginationOverflowMenu component\n * @extends ComponentPropsWithoutRef<\"li\">\n */\nexport type PaginationOverflowMenuProps = ComponentPropsWithoutRef<\"li\"> & {\n  /**\n   * The starting page number for the overflow range.\n   */\n  startPage: number;\n  /**\n   * The ending page number for the overflow range.\n   */\n  endPage: number;\n  /**\n   * The number of pages in the overflow range.\n   */\n  length: number;\n  /**\n   * Callback function called when a page in the overflow menu is selected.\n   * @param page The selected page number\n   */\n  onItemClick: (page: number) => void;\n};\n\n/**\n * PaginationOverflowMenu component for displaying overflow pages in pagination.\n *\n * Features:\n * - Displays ellipsis menu for large page ranges\n * - Shows all pages in the overflow range as menu items\n * - Integrates with pagination navigation system\n * - Fully accessible with proper ARIA labels\n * - Consistent styling with design system\n *\n * @example\n * <PaginationOverflowMenu\n *   startPage={4}\n *   endPage={8}\n *   length={5}\n *   onItemClick={(page) => console.log('Page selected:', page)}\n * />\n */\nexport const PaginationOverflowMenu = forwardRef<\n  HTMLLIElement,\n  PaginationOverflowMenuProps\n>((props, ref) => {\n  const { startPage, endPage, length, onItemClick, ...rest } = props;\n  return (\n    <li className={styles[\"pagination-item-overflow-menu\"]} ref={ref} {...rest}>\n      <Menu\n        icon={IconMoreHoriz}\n        size=\"small\"\n        appearance=\"ghost\"\n        maxHeight={200}\n        key={`${startPage}-${endPage}`}\n        contentClassName={styles[\"pagination-item-overflow-menu-content\"]}\n        aria-label=\"More pages\"\n      >\n        {Array.from({ length: length }).map((_, index) => (\n          <Menu.Item\n            key={index}\n            label={`${startPage + index}`}\n            onClick={() => {\n              const selectedPage = startPage + index;\n              onItemClick(selectedPage);\n\n              // Focus the active page button after selecting a page since overflow menu is re-rendered in different positions\n              setTimeout(() => {\n                document\n                  .querySelector<HTMLElement>('[aria-current=\"page\"]')\n                  ?.focus();\n              }, 100);\n            }}\n          />\n        ))}\n      </Menu>\n    </li>\n  );\n});\n\nPaginationOverflowMenu.displayName = \"PaginationOverflowMenu\";\n","import { forwardRef, KeyboardEvent } from \"react\";\nimport IconKeyboardArrowDown from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_down.svg\";\n\nimport { Button } from \"../../Button\";\nimport { Flex } from \"../../Flex\";\nimport { Menu } from \"../../Menu\";\nimport { Text } from \"../../Text\";\n\nimport styles from \"./PaginationItemsPerPageMenu.module.scss\";\n\n/**\n * Props for the PaginationItemsPerPageMenu component\n */\nexport type PaginationItemsPerPageMenuProps = {\n  /**\n   * The currently selected number of items per page.\n   */\n  itemsPerPage: number;\n  /**\n   * Array of available options for items per page.\n   */\n  itemsPerPageOptions: number[];\n  /**\n   * Callback function called when the items per page selection changes.\n   * @param itemsPerPage The new number of items per page\n   */\n  onItemsPerPageChange: (itemsPerPage: number) => void;\n  /**\n   * Custom label displayed before the items-per-page selector.\n   * @default \"Rows per page\"\n   */\n  itemsPerPageLabel?: string;\n};\n\n/**\n * PaginationItemsPerPageMenu component for selecting the number of items per page.\n *\n * Features:\n * - Displays current items per page selection\n * - Provides dropdown menu with available options\n * - Integrates with pagination system\n * - Shows \"Rows per page\" label for clarity\n * - Fully accessible with proper ARIA attributes\n * - Consistent styling with design system\n *\n * @example\n * <PaginationItemsPerPageMenu\n *   itemsPerPage={10}\n *   itemsPerPageOptions={[5, 10, 25, 50]}\n *   onItemsPerPageChange={(itemsPerPage) => console.log('Items per page:', itemsPerPage)}\n * />\n */\nexport const PaginationItemsPerPageMenu = forwardRef<\n  HTMLDivElement,\n  PaginationItemsPerPageMenuProps\n>((props, ref) => {\n  const {\n    itemsPerPage,\n    itemsPerPageOptions,\n    onItemsPerPageChange,\n    itemsPerPageLabel = \"Rows per page\",\n  } = props;\n\n  // This is a workaround to focus the first item in the menu when the arrow keys are pressed with the custom menu trigger\n  const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n    if (e.code === \"ArrowDown\" || e.code === \"ArrowUp\") {\n      e.preventDefault();\n      const menuId = e.currentTarget.getAttribute(\"aria-controls\");\n\n      setTimeout(() => {\n        const menu = menuId ? document.getElementById(menuId) : null;\n        const menuItems =\n          menu?.querySelectorAll('[data-anv=\"menu-item\"]') ||\n          document.querySelectorAll('[data-anv=\"menu-item\"]');\n\n        (menuItems[0] as HTMLElement)?.focus();\n      }, 100);\n    }\n  };\n\n  return (\n    <Flex alignItems=\"center\" gap=\"2\" ref={ref}>\n      <Text size=\"small\">{itemsPerPageLabel}</Text>\n      <Menu\n        trigger={({ ref, ...rest }) => {\n          return (\n            <Button\n              ref={ref}\n              {...rest}\n              onKeyDown={handleKeyDown}\n              className={styles[\"pagination-items-per-page-button\"]}\n              appearance=\"ghost\"\n              icon={{ after: IconKeyboardArrowDown }}\n              size=\"small\"\n            >\n              {itemsPerPage}\n            </Button>\n          );\n        }}\n      >\n        {itemsPerPageOptions.map((option) => (\n          <Menu.Item\n            key={option}\n            label={option}\n            onClick={() => {\n              onItemsPerPageChange?.(option);\n            }}\n          />\n        ))}\n      </Menu>\n    </Flex>\n  );\n});\n\nPaginationItemsPerPageMenu.displayName = \"PaginationItemsPerPageMenu\";\n","import { forwardRef } from \"react\";\nimport IconKeyboardArrowLeft from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_left.svg\";\nimport IconKeyboardArrowRight from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_right.svg\";\n\nimport { Button } from \"../../Button\";\n\nimport cx from \"classnames\";\nimport itemStyles from \"./PaginationItem.module.scss\";\nimport styles from \"./PaginationList.module.scss\";\n\ntype PaginationListProps = {\n  page: number;\n  totalPages: number;\n  hasTotalItemCount?: boolean;\n  onPageChange: (page: number) => void;\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport const PaginationList = forwardRef<HTMLUListElement, PaginationListProps>(\n  (props, ref) => {\n    const {\n      page,\n      totalPages,\n      hasTotalItemCount,\n      children,\n      onPageChange,\n      className,\n    } = props;\n\n    const paginationListClassName = cx(styles[\"pagination-list\"], className);\n\n    return (\n      <ul ref={ref} className={paginationListClassName}>\n        <li className={itemStyles[\"pagination-item\"]}>\n          <Button\n            appearance=\"ghost\"\n            icon={IconKeyboardArrowLeft}\n            size=\"small\"\n            aria-label=\"Previous page\"\n            disabled={page === 1}\n            onClick={() => {\n              if (page > 1) {\n                onPageChange?.(page - 1);\n              }\n            }}\n          />\n        </li>\n        {children}\n        <li className={itemStyles[\"pagination-item\"]}>\n          <Button\n            appearance=\"ghost\"\n            icon={IconKeyboardArrowRight}\n            size=\"small\"\n            aria-label=\"Next page\"\n            disabled={\n              hasTotalItemCount !== false &&\n              (totalPages === 0 || page === totalPages)\n            }\n            onClick={() => {\n              if (totalPages === 0 || page < totalPages) {\n                onPageChange?.(page + 1);\n              }\n            }}\n          />\n        </li>\n      </ul>\n    );\n  },\n);\n\nPaginationList.displayName = \"PaginationList\";\n","import cx from \"classnames\";\n\nimport { Text } from \"../../Text\";\n\nimport styles from \"./PaginationTotalCount.module.scss\";\n\nexport const PaginationTotalCount = ({\n  itemRangeText,\n  className,\n}: {\n  itemRangeText: string;\n  className?: string;\n}) => {\n  const paginationTotalCountClassName = cx(\n    styles[\"pagination-total-count\"],\n    className,\n  );\n  return (\n    <Text\n      size=\"small\"\n      className={paginationTotalCountClassName}\n      aria-hidden=\"true\"\n    >\n      {itemRangeText}\n    </Text>\n  );\n};\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport { PaginationItem } from \"./PaginationItem\";\nimport { PaginationOverflowMenu } from \"./PaginationOverflowMenu\";\nimport { PaginationItemsPerPageMenu } from \"./PaginationItemsPerPageMenu\";\nimport { PaginationList } from \"./PaginationList\";\nimport { PaginationTotalCount } from \"./PaginationTotalCount\";\n\nimport styles from \"./Pagination.module.scss\";\n\n/**\n * Props for the Pagination component\n * @extends ComponentPropsWithoutRef<\"nav\">\n */\nexport type PaginationProps = ComponentPropsWithoutRef<\"nav\">;\n\n/**\n * Pagination component for navigating through paginated content.\n *\n * Features:\n * - Provides navigation controls for paginated data\n * - Supports compound components for flexible pagination layouts\n * - Includes list, items, overflow menu, items per page menu, and total count\n * - Accessible navigation with proper ARIA roles\n * - Customizable styling and layout\n *\n * @example\n * <Pagination>\n *   <Pagination.List>\n *     <Pagination.Item>1</Pagination.Item>\n *     <Pagination.Item>2</Pagination.Item>\n *     <Pagination.OverflowMenu />\n *     <Pagination.Item>10</Pagination.Item>\n *   </Pagination.List>\n *   <Pagination.ItemsPerPageMenu />\n *   <Pagination.TotalCount />\n * </Pagination>\n */\nexport const Pagination = Object.assign(\n  forwardRef<HTMLElement, PaginationProps>(\n    function PaginationInner(props, ref) {\n      const { className, children, ...rest } = props;\n\n      const paginationClassName = cx(styles.pagination, className);\n\n      return (\n        <nav ref={ref} className={paginationClassName} {...rest}>\n          {children}\n        </nav>\n      );\n    },\n  ),\n  {\n    List: PaginationList,\n    Item: PaginationItem,\n    OverflowMenu: PaginationOverflowMenu,\n    ItemsPerPageMenu: PaginationItemsPerPageMenu,\n    TotalCount: PaginationTotalCount,\n  },\n);\nPagination.displayName = \"Pagination\";\n","import { useMemo, useRef } from \"react\";\n\nexport type PageArrayItem =\n  | { type: \"page\"; page: number }\n  | { type: \"overflow\"; startPage: number; endPage: number; length: number };\n\n/**\n * Custom hook for managing pagination array state and generation.\n *\n * Features:\n * - Automatically generates pagination array based on current page and total pages\n * - Avoids unnecessary regeneration if the current page is already visible\n * - Updates array when page or total pages change and the visible set must change\n * - Handles jumps to first/last page with overflow between current and target\n * - Provides stable reference for the current pagination array\n *\n * @param page The currently selected page\n * @param totalPages Total number of pages\n * @param maxArrayLength Maximum length of the pagination array (including overflows)\n * @returns The current pagination array\n *\n * @example\n * const pageArray = usePaginationArray({\n *   page: 5,\n *   totalPages: 10,\n *   maxArrayLength: 7\n * });\n */\nexport const usePaginationArray = ({\n  page,\n  totalPages,\n  maxArrayLength = 7,\n}: {\n  page: number;\n  totalPages: number;\n  maxArrayLength?: number;\n}): PageArrayItem[] => {\n  const prevRef = useRef<{\n    array: PageArrayItem[];\n    totalPages: number;\n    maxArrayLength: number;\n    prevPage: number;\n  } | null>(null);\n\n  return useMemo(() => {\n    const maxPagesToShow = maxArrayLength - 2;\n    let result: PageArrayItem[] = [];\n    const addRange = (start: number, end: number) => {\n      const count = end - start + 1;\n      if (count === 1) {\n        result.push({ type: \"page\", page: start });\n      } else if (count >= 2) {\n        result.push({\n          type: \"overflow\",\n          startPage: start,\n          endPage: end,\n          length: count,\n        });\n      }\n    };\n\n    if (totalPages <= maxArrayLength) {\n      result = Array.from({ length: totalPages }, (_, i) => ({\n        type: \"page\" as const,\n        page: i + 1,\n      }));\n    } else if (page <= maxPagesToShow) {\n      // Leading section\n      for (let i = 1; i <= maxPagesToShow; i++) {\n        result.push({ type: \"page\", page: i });\n      }\n      addRange(maxArrayLength - 1, totalPages - 1);\n      result.push({ type: \"page\", page: totalPages });\n    } else if (page >= totalPages - maxPagesToShow + 1) {\n      // Trailing section\n      result.push({ type: \"page\", page: 1 });\n      addRange(2, totalPages - maxPagesToShow);\n      for (let i = totalPages - (maxPagesToShow - 1); i <= totalPages; i++) {\n        result.push({ type: \"page\", page: i });\n      }\n    } else {\n      // Middle section\n      result.push({ type: \"page\", page: 1 });\n      addRange(2, page - 2);\n      result.push({ type: \"page\", page: page - 1 });\n      result.push({ type: \"page\", page: page });\n      result.push({ type: \"page\", page: page + 1 });\n      addRange(page + 2, totalPages - 1);\n      result.push({ type: \"page\", page: totalPages });\n    }\n\n    const prev = prevRef.current;\n\n    // Check if we should remake array due to overflow between pages or new page being in overflow\n    let shouldRemakeForJump = false;\n    if (\n      prev &&\n      prev.totalPages === totalPages &&\n      prev.maxArrayLength === maxArrayLength\n    ) {\n      // Check if there is overflow between the new page and the current page\n      const start = Math.min(prev.prevPage, page);\n      const end = Math.max(prev.prevPage, page);\n      const hasOverflowBetween = prev.array.some(\n        (item) =>\n          item.type === \"overflow\" &&\n          // Check if overflow intersects with the range (not completely covers)\n          !(item.endPage < start || item.startPage > end),\n      );\n\n      // Check if the new page is part of an overflow\n      const newPageInOverflow = prev.array.some(\n        (item) =>\n          item.type === \"overflow\" &&\n          item.startPage <= page &&\n          item.endPage >= page,\n      );\n\n      shouldRemakeForJump = hasOverflowBetween || newPageInOverflow;\n    }\n\n    // If we should remake for jump, always return the new array\n    if (shouldRemakeForJump) {\n      prevRef.current = {\n        array: result,\n        totalPages,\n        maxArrayLength,\n        prevPage: page,\n      };\n      return result;\n    }\n\n    // Optimization: if the new page is already present in the previous array, reuse the array\n    if (\n      prev &&\n      prev.totalPages === totalPages &&\n      prev.maxArrayLength === maxArrayLength &&\n      prev.array.some((item) => item.type === \"page\" && item.page === page)\n    ) {\n      return prev.array;\n    }\n\n    prevRef.current = {\n      array: result,\n      totalPages,\n      maxArrayLength,\n      prevPage: page,\n    };\n    return result;\n  }, [page, totalPages, maxArrayLength]);\n};\n","import { forwardRef, useLayoutEffect, useRef, useState } from \"react\";\nimport { core } from \"@servicetitan/hammer-token\";\n\nimport { DataTrackingId } from \"../../types\";\nimport { SrOnly } from \"../SrOnly\";\nimport { useTrackingId, useMergeRefs } from \"../../hooks\";\n\nimport {\n  Pagination as BasePagination,\n  type PaginationProps as BasePaginationProps,\n} from \"./internal/Pagination\";\nimport { usePaginationArray } from \"./internal/usePaginationArray\";\n\nimport cx from \"classnames\";\nimport styles from \"./Pagination.module.scss\";\n\n/**\n * Props for the Pagination component\n * @property {number} page - The current page number\n * @property {number} itemsPerPage - Number of items displayed per page\n * @property {number[]} [itemsPerPageOptions] - Available options for items per page selection\n * @property {number} [totalItemCount] - Total number of items across all pages\n * @property {boolean} [showCount] - Whether to display the item count information\n * @property {(page: number) => void} [onPageChange] - Callback when page changes\n * @property {(itemsPerPage: number) => void} [onItemsPerPageChange] - Callback when items per page changes\n * @property {string} [itemsPerPageLabel] - Custom label displayed before the items-per-page selector. Defaults to \"Rows per page\"\n * @extends Omit<BasePaginationProps, \"children\">\n * @extends DataTrackingId\n */\nexport type PaginationProps = Omit<BasePaginationProps, \"children\"> &\n  DataTrackingId & {\n    page: number;\n    itemsPerPage: number;\n    itemsPerPageOptions?: number[];\n    totalItemCount?: number;\n    showCount?: boolean;\n    onPageChange?: (page: number) => void;\n    onItemsPerPageChange?: (itemsPerPage: number) => void;\n    itemsPerPageLabel?: string;\n  };\n\n/**\n * Pagination component for navigating through paginated content with automatic page array generation.\n *\n * Features:\n * - Automatic page array generation with overflow handling\n * - Supports items per page selection with customizable options\n * - Displays item count information with screen reader support\n * - Handles edge cases like invalid page numbers\n * - Includes previous/next navigation buttons\n * - Supports overflow menus for large page ranges\n * - Fully accessible with proper ARIA attributes\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Pagination\n *   page={1}\n *   itemsPerPage={10}\n *   totalItemCount={100}\n *   itemsPerPageOptions={[10, 20, 50]}\n *   showCount={true}\n *   onPageChange={(page) => console.log('Page changed to:', page)}\n *   onItemsPerPageChange={(itemsPerPage) => console.log('Items per page:', itemsPerPage)}\n * />\n */\nexport const Pagination = forwardRef<HTMLDivElement, PaginationProps>(\n  (props, ref) => {\n    const {\n      \"aria-label\": ariaLabel,\n      page,\n      itemsPerPage,\n      itemsPerPageOptions,\n      totalItemCount: totalItemCountProp,\n      showCount,\n      onPageChange,\n      onItemsPerPageChange,\n      itemsPerPageLabel,\n      className,\n      ...rest\n    } = props;\n\n    const data = {\n      \"aria-label\": ariaLabel,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Pagination\",\n      data,\n      hasOverride: !!rest[\"data-tracking-id\"],\n    });\n    const totalItemCount = totalItemCountProp ?? 0;\n    const totalPages = Math.ceil(totalItemCount / itemsPerPage);\n    const elRef = useRef<HTMLDivElement>(null);\n    const combinedRef = useMergeRefs([elRef, ref]);\n    const [isNarrow, setIsNarrow] = useState(false);\n\n    const pageArray = usePaginationArray({\n      page,\n      totalPages,\n      maxArrayLength: 7,\n    });\n\n    // Check if current page is available in the pageArray, fallback to page 1 if not\n    const isPageAvailable = pageArray.some(\n      (item) => item.type === \"page\" && item.page === page,\n    );\n\n    if (!isPageAvailable && page !== 1 && totalPages > 0) {\n      // Use requestAnimationFrame to avoid calling onPageChange during render\n      requestAnimationFrame(() => {\n        onPageChange?.(1);\n      });\n    }\n\n    const firstItem = totalItemCount > 0 ? 1 + (page - 1) * itemsPerPage : 0;\n    const lastItem = Math.min(firstItem - 1 + itemsPerPage, totalItemCount);\n    const itemRangeText =\n      totalItemCountProp === 0\n        ? \"0 items\"\n        : `${firstItem} - ${lastItem} of ${totalItemCount} items`;\n\n    useLayoutEffect(() => {\n      const resizeObserver = new ResizeObserver((entries) => {\n        const entry = entries[0];\n        if (entry) {\n          setIsNarrow(\n            entry.contentRect.width <\n              Number(core.primitive.BreakpointSm.value.replace(\"px\", \"\")),\n          );\n        }\n      });\n      if (elRef.current) {\n        resizeObserver.observe(elRef.current);\n      }\n      return () => {\n        resizeObserver.disconnect();\n      };\n    }, []);\n\n    return (\n      <BasePagination\n        ref={combinedRef}\n        data-tracking-id={trackingId}\n        className={cx(styles.pagination, className)}\n        aria-label={ariaLabel || \"Pagination navigation\"}\n        {...rest}\n      >\n        <BasePagination.List\n          page={page}\n          totalPages={totalPages}\n          hasTotalItemCount={totalItemCountProp !== undefined}\n          onPageChange={(page) => onPageChange?.(page)}\n        >\n          {pageArray.map((item) => {\n            if (item.type === \"page\") {\n              return (\n                <BasePagination.Item\n                  key={item.page}\n                  page={item.page}\n                  isActive={item.page === page}\n                  onClick={() => onPageChange?.(item.page)}\n                />\n              );\n            }\n            return (\n              <BasePagination.OverflowMenu\n                key={item.startPage}\n                startPage={item.startPage}\n                endPage={item.endPage}\n                length={item.length}\n                onItemClick={(item) => onPageChange?.(item)}\n              />\n            );\n          })}\n        </BasePagination.List>\n        {isNarrow === false && (\n          <>\n            {itemsPerPageOptions && (\n              <BasePagination.ItemsPerPageMenu\n                itemsPerPage={itemsPerPage}\n                itemsPerPageOptions={itemsPerPageOptions}\n                onItemsPerPageChange={(itemsPerPage) =>\n                  onItemsPerPageChange?.(itemsPerPage)\n                }\n                itemsPerPageLabel={itemsPerPageLabel}\n              />\n            )}\n            {showCount && totalItemCountProp !== undefined && (\n              <BasePagination.TotalCount itemRangeText={itemRangeText} />\n            )}\n          </>\n        )}\n        <SrOnly aria-live=\"polite\" aria-atomic=\"true\">\n          Page {page} of {totalPages}, {itemRangeText}\n        </SrOnly>\n      </BasePagination>\n    );\n  },\n);\n\nPagination.displayName = \"Pagination\";\n"],"names":["styles","IconMoreHoriz","ref","IconKeyboardArrowDown","IconKeyboardArrowLeft","IconKeyboardArrowRight","Pagination","core.primitive.BreakpointSm","BasePagination","page","item","itemsPerPage"],"mappings":"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"}
+{"version":3,"file":"Pagination-Bg5Nsdik.js","sources":["../src/components/Pagination/internal/PaginationItem.tsx","../src/components/Pagination/internal/PaginationOverflowMenu.tsx","../src/components/Pagination/internal/PaginationItemsPerPageMenu.tsx","../src/components/Pagination/internal/PaginationList.tsx","../src/components/Pagination/internal/PaginationTotalCount.tsx","../src/components/Pagination/internal/Pagination.tsx","../src/components/Pagination/internal/usePaginationArray.ts","../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport { ButtonToggle } from \"../../ButtonToggle\";\n\nimport styles from \"./PaginationItem.module.scss\";\n\n/**\n * Props for the PaginationItem component\n * @extends ComponentPropsWithoutRef<\"li\">\n */\nexport type PaginationItemProps = ComponentPropsWithoutRef<\"li\"> & {\n  /**\n   * The page number to display.\n   */\n  page: number;\n  /**\n   * Whether this page item is currently active/selected.\n   * @default false\n   */\n  isActive?: boolean;\n  /**\n   * Callback function called when the page item is clicked.\n   */\n  onClick?: () => void;\n};\n\n/**\n * PaginationItem component for displaying individual page numbers in pagination.\n *\n * Features:\n * - Displays page number as a toggle button\n * - Supports active state styling\n * - Fully accessible with proper ARIA attributes\n * - Integrates with pagination navigation system\n * - Consistent styling with design system\n *\n * @example\n * <PaginationItem\n *   page={3}\n *   isActive={true}\n *   onClick={() => console.log('Page 3 clicked')}\n * />\n */\nexport const PaginationItem = forwardRef<HTMLLIElement, PaginationItemProps>(\n  (props, ref) => {\n    const { page, isActive, onClick, className, ...rest } = props;\n\n    const paginationClassName = cx(styles[\"pagination-item\"], className);\n    const paginationButtonClassName = cx(styles[\"pagination-item-button\"], {\n      [styles.active]: isActive,\n    });\n    return (\n      <li ref={ref} {...rest} className={paginationClassName}>\n        <ButtonToggle\n          className={paginationButtonClassName}\n          size=\"small\"\n          onClick={onClick}\n          aria-current={isActive ? \"page\" : undefined}\n          aria-label={\n            isActive ? `Current page, page ${page}` : `Go to page ${page}`\n          }\n          checked={isActive}\n        >\n          {page}\n        </ButtonToggle>\n      </li>\n    );\n  },\n);\n\nPaginationItem.displayName = \"PaginationItem\";\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport IconMoreHoriz from \"@servicetitan/hammer-icon/mdi/round/more_horiz.svg\";\n\nimport { Menu } from \"../../Menu\";\n\nimport styles from \"./PaginationOverflowMenu.module.scss\";\n\n/**\n * Props for the PaginationOverflowMenu component\n * @extends ComponentPropsWithoutRef<\"li\">\n */\nexport type PaginationOverflowMenuProps = ComponentPropsWithoutRef<\"li\"> & {\n  /**\n   * The starting page number for the overflow range.\n   */\n  startPage: number;\n  /**\n   * The ending page number for the overflow range.\n   */\n  endPage: number;\n  /**\n   * The number of pages in the overflow range.\n   */\n  length: number;\n  /**\n   * Callback function called when a page in the overflow menu is selected.\n   * @param page The selected page number\n   */\n  onItemClick: (page: number) => void;\n};\n\n/**\n * PaginationOverflowMenu component for displaying overflow pages in pagination.\n *\n * Features:\n * - Displays ellipsis menu for large page ranges\n * - Shows all pages in the overflow range as menu items\n * - Integrates with pagination navigation system\n * - Fully accessible with proper ARIA labels\n * - Consistent styling with design system\n *\n * @example\n * <PaginationOverflowMenu\n *   startPage={4}\n *   endPage={8}\n *   length={5}\n *   onItemClick={(page) => console.log('Page selected:', page)}\n * />\n */\nexport const PaginationOverflowMenu = forwardRef<\n  HTMLLIElement,\n  PaginationOverflowMenuProps\n>((props, ref) => {\n  const { startPage, endPage, length, onItemClick, ...rest } = props;\n  return (\n    <li className={styles[\"pagination-item-overflow-menu\"]} ref={ref} {...rest}>\n      <Menu\n        icon={IconMoreHoriz}\n        size=\"small\"\n        appearance=\"ghost\"\n        maxHeight={200}\n        key={`${startPage}-${endPage}`}\n        contentClassName={styles[\"pagination-item-overflow-menu-content\"]}\n        aria-label=\"More pages\"\n      >\n        {Array.from({ length: length }).map((_, index) => (\n          <Menu.Item\n            key={index}\n            label={`${startPage + index}`}\n            onClick={() => {\n              const selectedPage = startPage + index;\n              onItemClick(selectedPage);\n\n              // Focus the active page button after selecting a page since overflow menu is re-rendered in different positions\n              setTimeout(() => {\n                document\n                  .querySelector<HTMLElement>('[aria-current=\"page\"]')\n                  ?.focus();\n              }, 100);\n            }}\n          />\n        ))}\n      </Menu>\n    </li>\n  );\n});\n\nPaginationOverflowMenu.displayName = \"PaginationOverflowMenu\";\n","import { forwardRef, KeyboardEvent } from \"react\";\nimport IconKeyboardArrowDown from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_down.svg\";\n\nimport { Button } from \"../../Button\";\nimport { Flex } from \"../../Flex\";\nimport { Menu } from \"../../Menu\";\nimport { Text } from \"../../Text\";\n\nimport styles from \"./PaginationItemsPerPageMenu.module.scss\";\n\n/**\n * Props for the PaginationItemsPerPageMenu component\n */\nexport type PaginationItemsPerPageMenuProps = {\n  /**\n   * The currently selected number of items per page.\n   */\n  itemsPerPage: number;\n  /**\n   * Array of available options for items per page.\n   */\n  itemsPerPageOptions: number[];\n  /**\n   * Callback function called when the items per page selection changes.\n   * @param itemsPerPage The new number of items per page\n   */\n  onItemsPerPageChange: (itemsPerPage: number) => void;\n  /**\n   * Custom label displayed before the items-per-page selector.\n   * @default \"Rows per page\"\n   */\n  itemsPerPageLabel?: string;\n};\n\n/**\n * PaginationItemsPerPageMenu component for selecting the number of items per page.\n *\n * Features:\n * - Displays current items per page selection\n * - Provides dropdown menu with available options\n * - Integrates with pagination system\n * - Shows \"Rows per page\" label for clarity\n * - Fully accessible with proper ARIA attributes\n * - Consistent styling with design system\n *\n * @example\n * <PaginationItemsPerPageMenu\n *   itemsPerPage={10}\n *   itemsPerPageOptions={[5, 10, 25, 50]}\n *   onItemsPerPageChange={(itemsPerPage) => console.log('Items per page:', itemsPerPage)}\n * />\n */\nexport const PaginationItemsPerPageMenu = forwardRef<\n  HTMLDivElement,\n  PaginationItemsPerPageMenuProps\n>((props, ref) => {\n  const {\n    itemsPerPage,\n    itemsPerPageOptions,\n    onItemsPerPageChange,\n    itemsPerPageLabel = \"Rows per page\",\n  } = props;\n\n  // This is a workaround to focus the first item in the menu when the arrow keys are pressed with the custom menu trigger\n  const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n    if (e.code === \"ArrowDown\" || e.code === \"ArrowUp\") {\n      e.preventDefault();\n      const menuId = e.currentTarget.getAttribute(\"aria-controls\");\n\n      setTimeout(() => {\n        const menu = menuId ? document.getElementById(menuId) : null;\n        const menuItems =\n          menu?.querySelectorAll('[data-anv=\"menu-item\"]') ||\n          document.querySelectorAll('[data-anv=\"menu-item\"]');\n\n        (menuItems[0] as HTMLElement)?.focus();\n      }, 100);\n    }\n  };\n\n  return (\n    <Flex alignItems=\"center\" gap=\"2\" ref={ref}>\n      <Text size=\"small\">{itemsPerPageLabel}</Text>\n      <Menu\n        trigger={({ ref, ...rest }) => {\n          return (\n            <Button\n              ref={ref}\n              {...rest}\n              onKeyDown={handleKeyDown}\n              className={styles[\"pagination-items-per-page-button\"]}\n              appearance=\"ghost\"\n              icon={{ after: IconKeyboardArrowDown }}\n              size=\"small\"\n            >\n              {itemsPerPage}\n            </Button>\n          );\n        }}\n      >\n        {itemsPerPageOptions.map((option) => (\n          <Menu.Item\n            key={option}\n            label={option}\n            onClick={() => {\n              onItemsPerPageChange?.(option);\n            }}\n          />\n        ))}\n      </Menu>\n    </Flex>\n  );\n});\n\nPaginationItemsPerPageMenu.displayName = \"PaginationItemsPerPageMenu\";\n","import { forwardRef } from \"react\";\nimport IconKeyboardArrowLeft from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_left.svg\";\nimport IconKeyboardArrowRight from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_right.svg\";\n\nimport { Button } from \"../../Button\";\n\nimport cx from \"classnames\";\nimport itemStyles from \"./PaginationItem.module.scss\";\nimport styles from \"./PaginationList.module.scss\";\n\ntype PaginationListProps = {\n  page: number;\n  totalPages: number;\n  hasTotalItemCount?: boolean;\n  onPageChange: (page: number) => void;\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport const PaginationList = forwardRef<HTMLUListElement, PaginationListProps>(\n  (props, ref) => {\n    const {\n      page,\n      totalPages,\n      hasTotalItemCount,\n      children,\n      onPageChange,\n      className,\n    } = props;\n\n    const paginationListClassName = cx(styles[\"pagination-list\"], className);\n\n    return (\n      <ul ref={ref} className={paginationListClassName}>\n        <li className={itemStyles[\"pagination-item\"]}>\n          <Button\n            appearance=\"ghost\"\n            icon={IconKeyboardArrowLeft}\n            size=\"small\"\n            aria-label=\"Previous page\"\n            disabled={page === 1}\n            onClick={() => {\n              if (page > 1) {\n                onPageChange?.(page - 1);\n              }\n            }}\n          />\n        </li>\n        {children}\n        <li className={itemStyles[\"pagination-item\"]}>\n          <Button\n            appearance=\"ghost\"\n            icon={IconKeyboardArrowRight}\n            size=\"small\"\n            aria-label=\"Next page\"\n            disabled={\n              hasTotalItemCount !== false &&\n              (totalPages === 0 || page === totalPages)\n            }\n            onClick={() => {\n              if (totalPages === 0 || page < totalPages) {\n                onPageChange?.(page + 1);\n              }\n            }}\n          />\n        </li>\n      </ul>\n    );\n  },\n);\n\nPaginationList.displayName = \"PaginationList\";\n","import cx from \"classnames\";\n\nimport { Text } from \"../../Text\";\n\nimport styles from \"./PaginationTotalCount.module.scss\";\n\nexport const PaginationTotalCount = ({\n  itemRangeText,\n  className,\n}: {\n  itemRangeText: string;\n  className?: string;\n}) => {\n  const paginationTotalCountClassName = cx(\n    styles[\"pagination-total-count\"],\n    className,\n  );\n  return (\n    <Text\n      size=\"small\"\n      className={paginationTotalCountClassName}\n      aria-hidden=\"true\"\n    >\n      {itemRangeText}\n    </Text>\n  );\n};\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport { PaginationItem } from \"./PaginationItem\";\nimport { PaginationOverflowMenu } from \"./PaginationOverflowMenu\";\nimport { PaginationItemsPerPageMenu } from \"./PaginationItemsPerPageMenu\";\nimport { PaginationList } from \"./PaginationList\";\nimport { PaginationTotalCount } from \"./PaginationTotalCount\";\n\nimport styles from \"./Pagination.module.scss\";\n\n/**\n * Props for the Pagination component\n * @extends ComponentPropsWithoutRef<\"nav\">\n */\nexport type PaginationProps = ComponentPropsWithoutRef<\"nav\">;\n\n/**\n * Pagination component for navigating through paginated content.\n *\n * Features:\n * - Provides navigation controls for paginated data\n * - Supports compound components for flexible pagination layouts\n * - Includes list, items, overflow menu, items per page menu, and total count\n * - Accessible navigation with proper ARIA roles\n * - Customizable styling and layout\n *\n * @example\n * <Pagination>\n *   <Pagination.List>\n *     <Pagination.Item>1</Pagination.Item>\n *     <Pagination.Item>2</Pagination.Item>\n *     <Pagination.OverflowMenu />\n *     <Pagination.Item>10</Pagination.Item>\n *   </Pagination.List>\n *   <Pagination.ItemsPerPageMenu />\n *   <Pagination.TotalCount />\n * </Pagination>\n */\nexport const Pagination = Object.assign(\n  forwardRef<HTMLElement, PaginationProps>(\n    function PaginationInner(props, ref) {\n      const { className, children, ...rest } = props;\n\n      const paginationClassName = cx(styles.pagination, className);\n\n      return (\n        <nav ref={ref} className={paginationClassName} {...rest}>\n          {children}\n        </nav>\n      );\n    },\n  ),\n  {\n    List: PaginationList,\n    Item: PaginationItem,\n    OverflowMenu: PaginationOverflowMenu,\n    ItemsPerPageMenu: PaginationItemsPerPageMenu,\n    TotalCount: PaginationTotalCount,\n  },\n);\nPagination.displayName = \"Pagination\";\n","import { useMemo, useRef } from \"react\";\n\nexport type PageArrayItem =\n  | { type: \"page\"; page: number }\n  | { type: \"overflow\"; startPage: number; endPage: number; length: number };\n\n/**\n * Custom hook for managing pagination array state and generation.\n *\n * Features:\n * - Automatically generates pagination array based on current page and total pages\n * - Avoids unnecessary regeneration if the current page is already visible\n * - Updates array when page or total pages change and the visible set must change\n * - Handles jumps to first/last page with overflow between current and target\n * - Provides stable reference for the current pagination array\n *\n * @param page The currently selected page\n * @param totalPages Total number of pages\n * @param maxArrayLength Maximum length of the pagination array (including overflows)\n * @returns The current pagination array\n *\n * @example\n * const pageArray = usePaginationArray({\n *   page: 5,\n *   totalPages: 10,\n *   maxArrayLength: 7\n * });\n */\nexport const usePaginationArray = ({\n  page,\n  totalPages,\n  maxArrayLength = 7,\n}: {\n  page: number;\n  totalPages: number;\n  maxArrayLength?: number;\n}): PageArrayItem[] => {\n  const prevRef = useRef<{\n    array: PageArrayItem[];\n    totalPages: number;\n    maxArrayLength: number;\n    prevPage: number;\n  } | null>(null);\n\n  return useMemo(() => {\n    const maxPagesToShow = maxArrayLength - 2;\n    let result: PageArrayItem[] = [];\n    const addRange = (start: number, end: number) => {\n      const count = end - start + 1;\n      if (count === 1) {\n        result.push({ type: \"page\", page: start });\n      } else if (count >= 2) {\n        result.push({\n          type: \"overflow\",\n          startPage: start,\n          endPage: end,\n          length: count,\n        });\n      }\n    };\n\n    if (totalPages <= maxArrayLength) {\n      result = Array.from({ length: totalPages }, (_, i) => ({\n        type: \"page\" as const,\n        page: i + 1,\n      }));\n    } else if (page <= maxPagesToShow) {\n      // Leading section\n      for (let i = 1; i <= maxPagesToShow; i++) {\n        result.push({ type: \"page\", page: i });\n      }\n      addRange(maxArrayLength - 1, totalPages - 1);\n      result.push({ type: \"page\", page: totalPages });\n    } else if (page >= totalPages - maxPagesToShow + 1) {\n      // Trailing section\n      result.push({ type: \"page\", page: 1 });\n      addRange(2, totalPages - maxPagesToShow);\n      for (let i = totalPages - (maxPagesToShow - 1); i <= totalPages; i++) {\n        result.push({ type: \"page\", page: i });\n      }\n    } else {\n      // Middle section\n      result.push({ type: \"page\", page: 1 });\n      addRange(2, page - 2);\n      result.push({ type: \"page\", page: page - 1 });\n      result.push({ type: \"page\", page: page });\n      result.push({ type: \"page\", page: page + 1 });\n      addRange(page + 2, totalPages - 1);\n      result.push({ type: \"page\", page: totalPages });\n    }\n\n    const prev = prevRef.current;\n\n    // Check if we should remake array due to overflow between pages or new page being in overflow\n    let shouldRemakeForJump = false;\n    if (\n      prev &&\n      prev.totalPages === totalPages &&\n      prev.maxArrayLength === maxArrayLength\n    ) {\n      // Check if there is overflow between the new page and the current page\n      const start = Math.min(prev.prevPage, page);\n      const end = Math.max(prev.prevPage, page);\n      const hasOverflowBetween = prev.array.some(\n        (item) =>\n          item.type === \"overflow\" &&\n          // Check if overflow intersects with the range (not completely covers)\n          !(item.endPage < start || item.startPage > end),\n      );\n\n      // Check if the new page is part of an overflow\n      const newPageInOverflow = prev.array.some(\n        (item) =>\n          item.type === \"overflow\" &&\n          item.startPage <= page &&\n          item.endPage >= page,\n      );\n\n      shouldRemakeForJump = hasOverflowBetween || newPageInOverflow;\n    }\n\n    // If we should remake for jump, always return the new array\n    if (shouldRemakeForJump) {\n      prevRef.current = {\n        array: result,\n        totalPages,\n        maxArrayLength,\n        prevPage: page,\n      };\n      return result;\n    }\n\n    // Optimization: if the new page is already present in the previous array, reuse the array\n    if (\n      prev &&\n      prev.totalPages === totalPages &&\n      prev.maxArrayLength === maxArrayLength &&\n      prev.array.some((item) => item.type === \"page\" && item.page === page)\n    ) {\n      return prev.array;\n    }\n\n    prevRef.current = {\n      array: result,\n      totalPages,\n      maxArrayLength,\n      prevPage: page,\n    };\n    return result;\n  }, [page, totalPages, maxArrayLength]);\n};\n","import { forwardRef, useLayoutEffect, useRef, useState } from \"react\";\nimport { core } from \"@servicetitan/hammer-token\";\n\nimport { DataTrackingId } from \"../../types\";\nimport { SrOnly } from \"../SrOnly\";\nimport { useTrackingId, useMergeRefs } from \"../../hooks\";\n\nimport {\n  Pagination as BasePagination,\n  type PaginationProps as BasePaginationProps,\n} from \"./internal/Pagination\";\nimport { usePaginationArray } from \"./internal/usePaginationArray\";\n\n/**\n * Props for the Pagination component\n * @property {number} page - The current page number\n * @property {number} itemsPerPage - Number of items displayed per page\n * @property {number[]} [itemsPerPageOptions] - Available options for items per page selection\n * @property {number} [totalItemCount] - Total number of items across all pages\n * @property {boolean} [showCount] - Whether to display the item count information\n * @property {(page: number) => void} [onPageChange] - Callback when page changes\n * @property {(itemsPerPage: number) => void} [onItemsPerPageChange] - Callback when items per page changes\n * @property {string} [itemsPerPageLabel] - Custom label displayed before the items-per-page selector. Defaults to \"Rows per page\"\n * @extends Omit<BasePaginationProps, \"children\">\n * @extends DataTrackingId\n */\nexport type PaginationProps = Omit<BasePaginationProps, \"children\"> &\n  DataTrackingId & {\n    page: number;\n    itemsPerPage: number;\n    itemsPerPageOptions?: number[];\n    totalItemCount?: number;\n    showCount?: boolean;\n    onPageChange?: (page: number) => void;\n    onItemsPerPageChange?: (itemsPerPage: number) => void;\n    itemsPerPageLabel?: string;\n  };\n\n/**\n * Pagination component for navigating through paginated content with automatic page array generation.\n *\n * Features:\n * - Automatic page array generation with overflow handling\n * - Supports items per page selection with customizable options\n * - Displays item count information with screen reader support\n * - Handles edge cases like invalid page numbers\n * - Includes previous/next navigation buttons\n * - Supports overflow menus for large page ranges\n * - Fully accessible with proper ARIA attributes\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Pagination\n *   page={1}\n *   itemsPerPage={10}\n *   totalItemCount={100}\n *   itemsPerPageOptions={[10, 20, 50]}\n *   showCount={true}\n *   onPageChange={(page) => console.log('Page changed to:', page)}\n *   onItemsPerPageChange={(itemsPerPage) => console.log('Items per page:', itemsPerPage)}\n * />\n */\nexport const Pagination = forwardRef<HTMLDivElement, PaginationProps>(\n  (props, ref) => {\n    const {\n      \"aria-label\": ariaLabel,\n      page,\n      itemsPerPage,\n      itemsPerPageOptions,\n      totalItemCount: totalItemCountProp,\n      showCount,\n      onPageChange,\n      onItemsPerPageChange,\n      itemsPerPageLabel,\n      className,\n      ...rest\n    } = props;\n\n    const data = {\n      \"aria-label\": ariaLabel,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Pagination\",\n      data,\n      hasOverride: !!rest[\"data-tracking-id\"],\n    });\n    const totalItemCount = totalItemCountProp ?? 0;\n    const totalPages = Math.ceil(totalItemCount / itemsPerPage);\n    const elRef = useRef<HTMLDivElement>(null);\n    const combinedRef = useMergeRefs([elRef, ref]);\n    const [isNarrow, setIsNarrow] = useState(false);\n\n    const pageArray = usePaginationArray({\n      page,\n      totalPages,\n      maxArrayLength: 7,\n    });\n\n    // Check if current page is available in the pageArray, fallback to page 1 if not\n    const isPageAvailable = pageArray.some(\n      (item) => item.type === \"page\" && item.page === page,\n    );\n\n    if (!isPageAvailable && page !== 1 && totalPages > 0) {\n      // Use requestAnimationFrame to avoid calling onPageChange during render\n      requestAnimationFrame(() => {\n        onPageChange?.(1);\n      });\n    }\n\n    const firstItem = totalItemCount > 0 ? 1 + (page - 1) * itemsPerPage : 0;\n    const lastItem = Math.min(firstItem - 1 + itemsPerPage, totalItemCount);\n    const itemRangeText =\n      totalItemCountProp === 0\n        ? \"0 items\"\n        : `${firstItem} - ${lastItem} of ${totalItemCount} items`;\n\n    useLayoutEffect(() => {\n      const resizeObserver = new ResizeObserver((entries) => {\n        const entry = entries[0];\n        if (entry) {\n          setIsNarrow(\n            entry.contentRect.width <\n              Number(core.primitive.BreakpointSm.value.replace(\"px\", \"\")),\n          );\n        }\n      });\n      if (elRef.current) {\n        resizeObserver.observe(elRef.current);\n      }\n      return () => {\n        resizeObserver.disconnect();\n      };\n    }, []);\n\n    return (\n      <BasePagination\n        ref={combinedRef}\n        data-tracking-id={trackingId}\n        className={className}\n        aria-label={ariaLabel || \"Pagination navigation\"}\n        {...rest}\n      >\n        <BasePagination.List\n          page={page}\n          totalPages={totalPages}\n          hasTotalItemCount={totalItemCountProp !== undefined}\n          onPageChange={(page) => onPageChange?.(page)}\n        >\n          {pageArray.map((item) => {\n            if (item.type === \"page\") {\n              return (\n                <BasePagination.Item\n                  key={item.page}\n                  page={item.page}\n                  isActive={item.page === page}\n                  onClick={() => onPageChange?.(item.page)}\n                />\n              );\n            }\n            return (\n              <BasePagination.OverflowMenu\n                key={item.startPage}\n                startPage={item.startPage}\n                endPage={item.endPage}\n                length={item.length}\n                onItemClick={(item) => onPageChange?.(item)}\n              />\n            );\n          })}\n        </BasePagination.List>\n        {isNarrow === false && (\n          <>\n            {itemsPerPageOptions && (\n              <BasePagination.ItemsPerPageMenu\n                itemsPerPage={itemsPerPage}\n                itemsPerPageOptions={itemsPerPageOptions}\n                onItemsPerPageChange={(itemsPerPage) =>\n                  onItemsPerPageChange?.(itemsPerPage)\n                }\n                itemsPerPageLabel={itemsPerPageLabel}\n              />\n            )}\n            {showCount && totalItemCountProp !== undefined && (\n              <BasePagination.TotalCount itemRangeText={itemRangeText} />\n            )}\n          </>\n        )}\n        <SrOnly aria-live=\"polite\" aria-atomic=\"true\">\n          Page {page} of {totalPages}, {itemRangeText}\n        </SrOnly>\n      </BasePagination>\n    );\n  },\n);\n\nPagination.displayName = \"Pagination\";\n"],"names":["styles","IconMoreHoriz","ref","IconKeyboardArrowDown","IconKeyboardArrowLeft","IconKeyboardArrowRight","Pagination","core.primitive.BreakpointSm","BasePagination","page","item","itemsPerPage"],"mappings":"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"}

package/dist/Pagination.css

@@ -1,126 +1,72 @@
-@layer starter, reset, base, state, application;
-@layer reset {
-  ._pagination-item_4ug3i_2 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: revert-layer;
-  }
-  ._pagination-item-button_4ug3i_15 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: revert-layer;
-  }
+.anvil2 {._pagination-item_1vn7j_1 {
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: revert-layer;
+  list-style: none;
+}._pagination-item-button_1vn7j_16 {
+  --a2-mod-button-padding-inline-end: var(--a2-size-2, 0.5rem);
+  --a2-mod-button-padding-inline-start: var(--a2-size-2, 0.5rem);
+  min-width: var(--a2-size-8, 2rem);
+}._pagination-item-button_1vn7j_16[aria-pressed=false], ._pagination-item-button_1vn7j_16:hover[aria-pressed=false] {
+  --a2-mod-button-toggle-unpressed-border-color: transparent;
 }
-@layer base {
-  ._pagination-item_4ug3i_2 {
-    list-style: none;
-  }
+}.anvil2 {._pagination-item-overflow-menu_mk7jj_1 {
+  list-style: none;
+}._pagination-item-overflow-menu-content_mk7jj_5 {
+  min-width: 5rem;
 }
-@layer application {
-  ._pagination-item-button_4ug3i_15 {
-    background-color: transparent;
-    min-width: 2rem;
-    --button-padding-inline-start: 0.5rem;
-    --button-padding-inline-end: 0.5rem;
-  }
-  ._pagination-item-button_4ug3i_15[aria-pressed=false] {
-    border: none;
-  }
-}@layer starter, reset, base, state, application;
-@layer base {
-  ._pagination-item-overflow-menu_ainsh_2 {
-    list-style: none;
-  }
+}.anvil2 {._pagination-items-per-page-button_1s7l5_1 {
+  --a2-mod-pagination-items-per-page-button-background-color: var(--a2-pagination-items-per-page-button-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
+  --a2-mod-pagination-items-per-page-button-border-color: var(--a2-pagination-items-per-page-button-border-color, var(--a2-border-color-default, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454))));
+  background-color: var(--a2-mod-pagination-items-per-page-button-background-color);
+  border: var(--a2-size-quarter, 0.0625rem) solid var(--a2-mod-pagination-items-per-page-button-border-color);
+  justify-content: space-between;
+  min-width: 5rem;
 }
-@layer application {
-  ._pagination-item-overflow-menu-content_ainsh_7 {
-    min-width: 5rem;
-  }
-}@layer starter, reset, base, state, application;
-@layer application {
-  ._pagination-items-per-page-button_1m1js_2 {
-    min-width: 5rem;
-    justify-content: space-between;
-    border: 0.0625rem solid var(--border-color, #949596);
-    background-color: var(--background-color, #ffffff);
-  }
-}@layer starter, reset, base, state, application;
-@layer reset {
-  ._pagination-list_1apvp_2 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: revert-layer;
-  }
+}.anvil2 {._pagination-list_1myx1_1 {
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  gap: var(--a2-size-1, 0.25rem);
+  justify-content: flex-start;
 }
-@layer base {
-  ._pagination-list_1apvp_2 {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: flex-start;
-    gap: 0.25rem;
-    margin: 0;
-  }
-}@layer starter, reset, base, state, application;
-@layer application {
-  ._pagination-total-count_efq0t_2 {
-    margin-inline-start: auto;
-  }
-}@layer starter, reset, base, state, application;
-@layer reset {
-  ._pagination_t09n5_2 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: revert-layer;
-  }
+}.anvil2 {._pagination-total-count_s9c4p_1 {
+  margin-inline-start: auto;
 }
-@layer base {
-  ._pagination_t09n5_2 {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: flex-start;
-    flex-grow: 1;
-    gap: 0.25rem;
-  }
-}@layer starter, reset, base, state, application;
-nav._pagination_1pkjs_1 {
+}.anvil2 {._pagination_1gzjr_1 {
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
   display: flex;
-  flex-direction: row;
   align-items: center;
+  flex-direction: row;
+  flex-grow: 1;
+  gap: var(--a2-size-1, 0.25rem);
+  justify-content: flex-start;
 }
-nav._pagination_1pkjs_1 > ul {
-  margin: 0;
 }

package/dist/Pagination.js

@@ -1,2 +1,2 @@
-export { P as Pagination, P as default } from './Pagination-B9pdkp_V.js';
+export { P as Pagination, P as default } from './Pagination-Bg5Nsdik.js';
 //# sourceMappingURL=Pagination.js.map

package/dist/{Popover-CfG1IJP6.js → Popover-CyB7yzSf.js}

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { createContext, useContext, useRef, useLayoutEffect, useEffect, forwardRef, useId, useState, useCallback, useImperativeHandle, useMemo } from 'react';
-import { B as Button } from './Button-BdrrhBTI.js';
-import { t as tabbable, a as usePopoverTransitionStates } from './usePopoverTransitionStates-B1opfxxn.js';
+import { B as Button } from './Button-Bnt8XUI7.js';
+import { t as tabbable, a as usePopoverTransitionStates } from './usePopoverTransitionStates-CDXCdyKa.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
@@ -261,14 +261,14 @@ const PopoverButton = forwardRef(
 );
 PopoverButton.displayName = "PopoverButton";
 
-const content = "_content_dtl65_2";
-const scroller = "_scroller_dtl65_31";
-const arrow = "_arrow_dtl65_39";
+const content = "_content_4yxbk_1";
+const scroller = "_scroller_4yxbk_77";
+const arrow = "_arrow_4yxbk_91";
 const styles = {
 	content: content,
 	scroller: scroller,
-	arrow: arrow,
-	"no-padding": "_no-padding_dtl65_94"
+	"no-padding": "_no-padding_4yxbk_86",
+	arrow: arrow
 };
 
 const PopoverContent = forwardRef(
@@ -779,4 +779,4 @@ const Popover = Object.assign(
 Popover.displayName = "Popover";
 
 export { Popover as P, usePopoverContext as u };
-//# sourceMappingURL=Popover-CfG1IJP6.js.map
+//# sourceMappingURL=Popover-CyB7yzSf.js.map