@servicetitan/anvil2 1.48.1 → 1.49.1

package/dist/Overflow.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overflow.js","sources":["../src/components/Overflow/Overflow.tsx","../src/components/Overflow/OverflowText.tsx","../src/components/Overflow/index.ts"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  MouseEvent,\n  Ref,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId, LayoutUtilProps } from \"../../types\";\nimport {\n  childrenToString,\n  getKeyboardFocusableElements,\n} from \"../../internal/functions\";\nimport cx from \"classnames\";\nimport styles from \"./Overflow.module.scss\";\nimport { Flex } from \"../Flex\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\n/**\n * Props for the Overflow component\n * @property {string} [children] - The content to be displayed in the overflow container\n * @property {number | string | \"inherit\"} [height] - The height of the overflow container\n * @property {boolean | object} [truncate] - Whether to truncate content with expand/collapse functionality\n */\nexport type OverflowProps = ComponentPropsWithoutRef<\"div\"> &\n  Omit<LayoutUtilProps, \"direction\"> & {\n    /**\n     * The direction of the overflow container\n     * @default column\n     */\n    direction?: LayoutUtilProps[\"flexDirection\"];\n    /**\n     * The height of the overflow container\n     * @remarks \"inherit\" is not supported when truncate is enabled\n     */\n    height?: number | string | \"inherit\";\n    /**\n     * The width of the overflow container\n     */\n    width?: number | string;\n  } & (\n    | {\n        /**\n         * Whether to truncate content with expand/collapse functionality\n         * @default false\n         */\n        truncate?: false;\n      }\n    | {\n        /**\n         * Direction must be column when truncate is enabled\n         */\n        direction: \"column\";\n        /**\n         * Truncation configuration with expand/collapse functionality\n         */\n        truncate:\n          | boolean\n          | {\n              /**\n               * Text to display on the expand button\n               * @default \"Show more...\"\n               */\n              expandText?: string;\n              /**\n               * Text to display on the collapse button\n               * @default \"Show less...\"\n               */\n              collapseText?: string;\n              /**\n               * Callback fired when content is expanded\n               */\n              onExpand?: (e: MouseEvent<HTMLButtonElement>) => void;\n              /**\n               * Callback fired when content is collapsed\n               */\n              onCollapse?: (e: MouseEvent<HTMLButtonElement>) => void;\n            };\n      }\n  ) &\n  DataTrackingId;\n\n/**\n * Internal state for shadow indicators\n */\ntype ShadowState = {\n  /**\n   * Whether to show right shadow indicator\n   */\n  right: boolean;\n  /**\n   * Whether to show left shadow indicator\n   */\n  left: boolean;\n  /**\n   * Whether to show top shadow indicator\n   */\n  top: boolean;\n  /**\n   * Whether to show bottom shadow indicator\n   */\n  bottom: boolean;\n};\n\nexport const Overflow = forwardRef(\n  ({ gap, ...props }: OverflowProps, ref: Ref<HTMLDivElement>) => {\n    const data = {\n      children: childrenToString(props.children),\n      height: props.height,\n      truncate: props.truncate,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Overflow\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      children,\n      className,\n      direction = \"column\",\n      style,\n      height,\n      width,\n      truncate,\n      ...rest\n    } = componentProps;\n    const contentRef = useRef<HTMLDivElement>(null);\n    const [expanded, setExpanded] = useState(false);\n    const [shadow, setShadow] = useState<ShadowState>({\n      left: false,\n      right: false,\n      top: false,\n      bottom: false,\n    });\n    const [contentClipped, setContentClipped] = useState(false);\n\n    const shadowUpdate = useCallback(() => {\n      if (!contentRef.current) return;\n      if (direction === \"row\") {\n        const right =\n          contentRef.current.offsetWidth < contentRef.current.scrollWidth;\n        setShadow((prev) => {\n          return {\n            ...prev,\n            right,\n          };\n        });\n        return;\n      }\n      const bottom =\n        contentRef.current.offsetHeight < contentRef.current.scrollHeight;\n      setShadow((prev) => {\n        return {\n          ...prev,\n          bottom,\n        };\n      });\n    }, [direction]);\n\n    useLayoutEffect(() => {\n      if (!contentRef.current) return;\n\n      const mutationCallback = () => {\n        if (!contentRef.current) return;\n        const contentHeight =\n          typeof height === \"number\" ? height : contentRef.current.offsetHeight;\n        if (contentHeight < contentRef.current.scrollHeight) {\n          setContentClipped(true);\n          return;\n        }\n        setExpanded(false);\n        setContentClipped(false);\n      };\n\n      const observer = new MutationObserver(mutationCallback);\n      observer.observe(contentRef.current, {\n        childList: true, // Observe changes to child elements\n      });\n      return () => {\n        observer.disconnect();\n      };\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    useLayoutEffect(() => {\n      if (contentRef.current) {\n        const observer = new ResizeObserver(() => {\n          shadowUpdate();\n        });\n\n        observer.observe(contentRef.current);\n\n        // Cleanup function\n        return () => {\n          observer.disconnect();\n        };\n      }\n    }, [shadowUpdate]);\n\n    useEffect(() => {\n      if (!contentRef.current) return;\n      setContentClipped(\n        contentRef.current.offsetHeight < contentRef.current.scrollHeight,\n      );\n    }, []);\n\n    useEffect(() => {\n      // account for loading children after initial render\n      shadowUpdate();\n    }, [children, shadowUpdate]);\n\n    // update overflow position on scroll\n    const handleOnScroll = () => {\n      if (!contentRef.current) return;\n      const target = contentRef.current;\n      if (direction === \"row\") {\n        const left = target.scrollLeft > 0;\n        const right =\n          target.scrollLeft < target.scrollWidth - target.offsetWidth;\n        setShadow({\n          left,\n          right,\n          top: false,\n          bottom: false,\n        });\n        return;\n      }\n      const top = target.scrollTop > 0;\n      const bottom =\n        target.scrollTop < target.scrollHeight - target.offsetHeight;\n      setShadow({\n        top,\n        bottom,\n        left: false,\n        right: false,\n      });\n    };\n    const inertOverflowFocusables = (entries: IntersectionObserverEntry[]) => {\n      entries.forEach((element) => {\n        if (!element.isIntersecting) {\n          element.target.setAttribute(\"disabled\", \"true\");\n        } else {\n          element.target.removeAttribute(\"disabled\");\n        }\n      });\n    };\n\n    const overflowClassNames = cx([styles[\"overflow\"]], className, {\n      [styles[\"vertical\"]]: direction === \"column\",\n      [styles[\"horizontal\"]]: direction === \"row\",\n      [styles[\"truncate\"]]: !!truncate,\n      [styles[\"expanded\"]]: expanded,\n    });\n\n    useEffect(() => {\n      if (!truncate) return;\n      const observer = new IntersectionObserver(inertOverflowFocusables);\n      const focusable = getKeyboardFocusableElements(contentRef.current);\n      focusable.forEach((element) => {\n        observer.observe(element);\n      });\n    }, [truncate]);\n\n    if (truncate) {\n      const wrapperStyle = {\n        ...style,\n        ...layoutStyles,\n      };\n      const contentStyle = {\n        minHeight: height ?? undefined,\n        minWidth: width ?? undefined,\n      };\n\n      const expandString =\n        typeof truncate === \"object\" ? truncate.expandText : \"Show more...\";\n      const collapseString =\n        typeof truncate === \"object\" ? truncate.collapseText : \"Show less...\";\n\n      const onExpandClickHandler = (e: MouseEvent<HTMLButtonElement>) => {\n        setExpanded((prev) => !prev);\n        setTimeout(() => {\n          handleOnScroll();\n        }, 100);\n        if (typeof truncate !== \"object\") return;\n        if (expanded) {\n          truncate.onCollapse?.(e);\n          return;\n        }\n        truncate.onExpand?.(e);\n      };\n\n      const showExpand = contentClipped;\n\n      return (\n        <div\n          ref={ref}\n          style={wrapperStyle}\n          className={overflowClassNames}\n          data-anv=\"overflow\"\n          data-tracking-id={trackingId}\n          {...rest}\n        >\n          {shadow.top && !truncate ? (\n            <div className={styles[\"shadow-top\"]} />\n          ) : null}\n          {shadow.left && !truncate ? (\n            <div className={styles[\"shadow-left\"]} />\n          ) : null}\n          <Flex\n            className={styles[\"content\"]}\n            onScroll={handleOnScroll}\n            style={contentStyle}\n            ref={contentRef}\n            direction={direction}\n            gap={gap}\n            /**\n             * This is disabled because scrollable area much also be focusable.\n             * References:\n             * - {@link https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/0d5321a5457c5f0da0ca216053cc5b4f571b53ae/docs/rules/no-noninteractive-tabindex.md}\n             * - {@link https://chromestatus.com/feature/5231964663578624}\n             */\n            tabIndex={0}\n          >\n            {children}\n          </Flex>\n          {shadow.bottom && !truncate ? (\n            <div className={styles[\"shadow-bottom\"]} />\n          ) : null}\n          {shadow.right && !truncate ? (\n            <div className={styles[\"shadow-right\"]} />\n          ) : null}\n          {truncate && showExpand ? (\n            <button\n              className={styles[\"expand-button\"]}\n              onClick={onExpandClickHandler}\n            >\n              {expanded ? collapseString : expandString}\n            </button>\n          ) : null}\n        </div>\n      );\n    }\n\n    const wrapperStyle = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    const contentStyle = {\n      height: height ?? undefined,\n      width: width ?? undefined,\n    };\n\n    return (\n      <div\n        ref={ref}\n        style={wrapperStyle}\n        className={overflowClassNames}\n        data-anv=\"overflow\"\n        data-tracking-id={trackingId}\n        {...rest}\n      >\n        {shadow.left ? <div className={styles[\"shadow-left\"]} /> : null}\n        {shadow.top ? <div className={styles[\"shadow-top\"]} /> : null}\n        <Flex\n          className={styles[\"content\"]}\n          onScroll={handleOnScroll}\n          ref={contentRef}\n          style={contentStyle}\n          direction={direction}\n          gap={gap}\n          /**\n           * This is disabled because scrollable area much also be focusable.\n           * References:\n           * - {@link https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/0d5321a5457c5f0da0ca216053cc5b4f571b53ae/docs/rules/no-noninteractive-tabindex.md}\n           * - {@link https://chromestatus.com/feature/5231964663578624}\n           */\n          tabIndex={0}\n        >\n          {children}\n        </Flex>\n        {shadow.bottom ? <div className={styles[\"shadow-bottom\"]} /> : null}\n        {shadow.right ? <div className={styles[\"shadow-right\"]} /> : null}\n      </div>\n    );\n  },\n);\nOverflow.displayName = \"Overflow\";\n","import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useState,\n  MouseEvent,\n  useRef,\n  useEffect,\n} from \"react\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { DataTrackingId, LayoutUtilProps } from \"../../types\";\nimport cx from \"classnames\";\nimport styles from \"./Overflow.module.scss\";\nimport {\n  childrenToString,\n  getKeyboardFocusableElements,\n} from \"../../internal/functions\";\nimport { useTrackingId } from \"../../hooks\";\n\n/**\n * Props for the OverflowText component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n */\nexport type OverflowTextProps = ComponentPropsWithoutRef<\"div\"> &\n  LayoutUtilProps & {\n    /**\n     * Number of rows to display before truncation\n     * @default 1\n     */\n    rows?: number | \"unlimited\";\n  } & (\n    | {\n        /**\n         * Whether the text is expandable\n         * @default false\n         */\n        expandable?: false;\n        /**\n         * Text for expand button (not used when expandable is false)\n         */\n        expandText?: never;\n        /**\n         * Text for collapse button (not used when expandable is false)\n         */\n        collapseText?: never;\n        /**\n         * Callback for expand event (not used when expandable is false)\n         */\n        onExpand?: never;\n        /**\n         * Callback for collapse event (not used when expandable is false)\n         */\n        onCollapse?: never;\n      }\n    | {\n        /**\n         * Whether the text is expandable\n         */\n        expandable: true;\n        /**\n         * Text to display on the expand button\n         * @default \"Show more...\"\n         */\n        expandText?: string;\n        /**\n         * Text to display on the collapse button\n         * @default \"Show less...\"\n         */\n        collapseText?: string;\n        /**\n         * Callback fired when content is expanded\n         */\n        onExpand?: (e: MouseEvent<HTMLButtonElement>) => void;\n        /**\n         * Callback fired when content is collapsed\n         */\n        onCollapse?: (e: MouseEvent<HTMLButtonElement>) => void;\n      }\n  ) &\n  DataTrackingId;\n\n/**\n * OverflowText component for text content with line truncation and expansion.\n *\n * Features:\n * - Configurable line limit with row-based truncation\n * - Expandable content with custom expand/collapse text\n * - Automatic height calculation and overflow detection\n * - Keyboard navigation support for focusable elements\n * - Resize observer for dynamic content changes\n * - Accessibility features with proper focus management\n * - Support for unlimited rows or specific row limits\n * - Callback support for expand/collapse events\n * - Layout utility props support\n *\n * @example\n * <OverflowText rows={3} expandable>\n *   <Text>\n *     This is a long text that will be truncated to 3 rows\n *     and can be expanded to show the full content.\n *   </Text>\n * </OverflowText>\n */\nexport const OverflowText = forwardRef<HTMLDivElement, OverflowTextProps>(\n  (props, ref) => {\n    const data = {\n      children: childrenToString(props.children),\n      rows: props.rows,\n      expandable: props.expandable,\n      expandText: props.expandText,\n      collapseText: props.collapseText,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"OverflowText\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    const { rows = 1, ...otherProps } = props;\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(otherProps);\n    const [expanded, setExpanded] = useState(false);\n    const [heights, setHeights] = useState<{\n      clientHeight: number;\n      scrollHeight: number;\n    }>({ clientHeight: 0, scrollHeight: 0 });\n    const { className, style, children, ...rest } = componentProps;\n\n    const contentRef = useRef<HTMLDivElement>(null);\n\n    const styledCombined = {\n      ...style,\n      ...layoutStyles,\n      \"--overflow-text-row\":\n        expanded || rows === \"unlimited\" ? \"initial\" : rows,\n    };\n\n    useEffect(() => {\n      if (contentRef.current) {\n        const observer = new ResizeObserver(() => {\n          if (!contentRef.current) return;\n          setHeights({\n            clientHeight: contentRef.current.clientHeight,\n            scrollHeight: contentRef.current.scrollHeight,\n          });\n        });\n\n        observer.observe(contentRef.current);\n\n        // Cleanup function\n        return () => {\n          observer.disconnect();\n        };\n      }\n    }, []);\n\n    const inertOverflowFocusables = (entries: IntersectionObserverEntry[]) => {\n      entries.forEach((element) => {\n        if (!element.isIntersecting) {\n          element.target.setAttribute(\"disabled\", \"true\");\n        } else {\n          element.target.removeAttribute(\"disabled\");\n        }\n      });\n    };\n\n    useEffect(() => {\n      if (!(\"expandable\" in props)) return;\n      const observer = new IntersectionObserver(inertOverflowFocusables);\n      const focusable = getKeyboardFocusableElements(contentRef.current);\n      focusable.forEach((element) => {\n        observer.observe(element);\n      });\n      // This is added because we don't need to watch for all props\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [props.expandable]);\n\n    const showExpand = expanded || heights.clientHeight < heights.scrollHeight;\n\n    if (\"expandable\" in props && props.expandable === true) {\n      const {\n        expandable,\n        expandText,\n        collapseText,\n        onExpand,\n        onCollapse,\n        ...expandableRest\n      } = rest;\n      const expandString = expandText ?? \"Show more...\";\n      const collapseString = collapseText ?? \"Show less...\";\n\n      const onExpandClickHandler = (e: MouseEvent<HTMLButtonElement>) => {\n        setExpanded((prev) => !prev);\n        if (expanded) {\n          onCollapse?.(e);\n          return;\n        }\n        onExpand?.(e);\n      };\n\n      const overflowTextClassNames = cx(\n        [styles[\"overflow-text\"]],\n        [styles[\"expandable\"]],\n        className,\n        {\n          [styles[\"expanded\"]]: expanded,\n        },\n      );\n      return (\n        <div\n          ref={ref}\n          className={overflowTextClassNames}\n          style={styledCombined}\n          data-anv=\"overflow-text\"\n          data-tracking-id={trackingId}\n          {...expandableRest}\n        >\n          <div className={styles[\"content\"]} ref={contentRef}>\n            {children}\n          </div>\n          {showExpand && (\n            <button\n              className={styles[\"expand-button\"]}\n              onClick={onExpandClickHandler}\n            >\n              {expanded ? collapseString : expandString}\n            </button>\n          )}\n        </div>\n      );\n    }\n\n    const overflowTextClassNames = cx([styles[\"overflow-text\"], className]);\n    return (\n      <div\n        ref={ref}\n        className={overflowTextClassNames}\n        style={styledCombined}\n        data-anv=\"overflow-text\"\n        data-tracking-id={trackingId}\n        {...rest}\n      >\n        <div className={styles[\"content\"]}>{children}</div>\n      </div>\n    );\n  },\n);\n\nOverflowText.displayName = \"OverflowText\";\n","import { Overflow as OverflowElement, type OverflowProps } from \"./Overflow\";\nimport { OverflowText, type OverflowTextProps } from \"./OverflowText\";\n\n/**\n * Overflow component for handling content that exceeds container boundaries.\n *\n * Features:\n * - Supports both horizontal and vertical overflow\n * - Automatic shadow indicators for scrollable content\n * - Truncation with expand/collapse functionality\n * - Keyboard navigation support for focusable elements\n * - Automatic height and width management\n * - Layout utility props support\n * - Resize observer for dynamic content changes\n * - Accessibility features with proper focus management\n * - Scroll event handling with shadow updates\n *\n * @example\n * <Overflow direction=\"column\" height={400} gap=\"4\">\n *   {items.map((item, i) => (\n *     <Card key={i} style={{ width: \"100%\", minHeight: 100 }}>\n *       {item.content}\n *     </Card>\n *   ))}\n * </Overflow>\n */\nexport const Overflow = Object.assign(OverflowElement, {\n  Text: OverflowText,\n});\n\nexport default Overflow;\n\nexport { type OverflowProps };\nexport { OverflowText, type OverflowTextProps };\n"],"names":["Overflow","wrapperStyle","contentStyle","overflowTextClassNames","OverflowElement"],"mappings":"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"}
+{"version":3,"file":"Overflow.js","sources":["../src/components/Overflow/Overflow.tsx","../src/components/Overflow/OverflowText.tsx","../src/components/Overflow/index.ts"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  MouseEvent,\n  Ref,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId, LayoutUtilProps } from \"../../types\";\nimport {\n  childrenToString,\n  getKeyboardFocusableElements,\n} from \"../../internal/functions\";\nimport cx from \"classnames\";\nimport styles from \"./Overflow.module.scss\";\nimport { Flex } from \"../Flex\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\n/**\n * Props for the Overflow component\n * @property {string} [children] - The content to be displayed in the overflow container\n * @property {number | string | \"inherit\"} [height] - The height of the overflow container\n * @property {boolean | object} [truncate] - Whether to truncate content with expand/collapse functionality\n */\nexport type OverflowProps = ComponentPropsWithoutRef<\"div\"> &\n  Omit<LayoutUtilProps, \"direction\"> & {\n    /**\n     * The direction of the overflow container\n     * @default column\n     */\n    direction?: LayoutUtilProps[\"flexDirection\"];\n    /**\n     * The height of the overflow container\n     * @remarks \"inherit\" is not supported when truncate is enabled\n     */\n    height?: number | string | \"inherit\";\n    /**\n     * The width of the overflow container\n     */\n    width?: number | string;\n  } & (\n    | {\n        /**\n         * Whether to truncate content with expand/collapse functionality\n         * @default false\n         */\n        truncate?: false;\n      }\n    | {\n        /**\n         * Direction must be column when truncate is enabled\n         */\n        direction: \"column\";\n        /**\n         * Truncation configuration with expand/collapse functionality\n         */\n        truncate:\n          | boolean\n          | {\n              /**\n               * Text to display on the expand button\n               * @default \"Show more...\"\n               */\n              expandText?: string;\n              /**\n               * Text to display on the collapse button\n               * @default \"Show less...\"\n               */\n              collapseText?: string;\n              /**\n               * Callback fired when content is expanded\n               */\n              onExpand?: (e: MouseEvent<HTMLButtonElement>) => void;\n              /**\n               * Callback fired when content is collapsed\n               */\n              onCollapse?: (e: MouseEvent<HTMLButtonElement>) => void;\n            };\n      }\n  ) &\n  DataTrackingId;\n\n/**\n * Internal state for shadow indicators\n */\ntype ShadowState = {\n  /**\n   * Whether to show right shadow indicator\n   */\n  right: boolean;\n  /**\n   * Whether to show left shadow indicator\n   */\n  left: boolean;\n  /**\n   * Whether to show top shadow indicator\n   */\n  top: boolean;\n  /**\n   * Whether to show bottom shadow indicator\n   */\n  bottom: boolean;\n};\n\nexport const Overflow = forwardRef(\n  ({ gap, ...props }: OverflowProps, ref: Ref<HTMLDivElement>) => {\n    const data = {\n      children: childrenToString(props.children),\n      height: props.height,\n      truncate: props.truncate,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Overflow\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      children,\n      className,\n      direction = \"column\",\n      style,\n      height,\n      width,\n      truncate,\n      ...rest\n    } = componentProps;\n    const contentRef = useRef<HTMLDivElement>(null);\n    const [expanded, setExpanded] = useState(false);\n    const [shadow, setShadow] = useState<ShadowState>({\n      left: false,\n      right: false,\n      top: false,\n      bottom: false,\n    });\n    const [contentClipped, setContentClipped] = useState(false);\n\n    const shadowUpdate = useCallback(() => {\n      if (!contentRef.current) return;\n      if (direction === \"row\") {\n        const right =\n          contentRef.current.offsetWidth < contentRef.current.scrollWidth;\n        setShadow((prev) => {\n          return {\n            ...prev,\n            right,\n          };\n        });\n        return;\n      }\n      const bottom =\n        contentRef.current.offsetHeight < contentRef.current.scrollHeight;\n      setShadow((prev) => {\n        return {\n          ...prev,\n          bottom,\n        };\n      });\n    }, [direction]);\n\n    useLayoutEffect(() => {\n      if (!contentRef.current) return;\n\n      const mutationCallback = () => {\n        if (!contentRef.current) return;\n        const contentHeight =\n          typeof height === \"number\" ? height : contentRef.current.offsetHeight;\n        if (contentHeight < contentRef.current.scrollHeight) {\n          setContentClipped(true);\n          return;\n        }\n        setExpanded(false);\n        setContentClipped(false);\n      };\n\n      const observer = new MutationObserver(mutationCallback);\n      observer.observe(contentRef.current, {\n        childList: true, // Observe changes to child elements\n      });\n      return () => {\n        observer.disconnect();\n      };\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    useLayoutEffect(() => {\n      if (contentRef.current) {\n        const observer = new ResizeObserver(() => {\n          shadowUpdate();\n        });\n\n        observer.observe(contentRef.current);\n\n        // Cleanup function\n        return () => {\n          observer.disconnect();\n        };\n      }\n    }, [shadowUpdate]);\n\n    useEffect(() => {\n      if (!contentRef.current) return;\n      setContentClipped(\n        contentRef.current.offsetHeight < contentRef.current.scrollHeight,\n      );\n    }, []);\n\n    useEffect(() => {\n      // account for loading children after initial render\n      shadowUpdate();\n    }, [children, shadowUpdate]);\n\n    // update overflow position on scroll\n    const handleOnScroll = () => {\n      if (!contentRef.current) return;\n      const target = contentRef.current;\n      if (direction === \"row\") {\n        const left = target.scrollLeft > 0;\n        const right =\n          target.scrollLeft < target.scrollWidth - target.offsetWidth;\n        setShadow({\n          left,\n          right,\n          top: false,\n          bottom: false,\n        });\n        return;\n      }\n      const top = target.scrollTop > 0;\n      const bottom =\n        target.scrollTop < target.scrollHeight - target.offsetHeight;\n      setShadow({\n        top,\n        bottom,\n        left: false,\n        right: false,\n      });\n    };\n    const inertOverflowFocusables = (entries: IntersectionObserverEntry[]) => {\n      entries.forEach((element) => {\n        if (!element.isIntersecting) {\n          element.target.setAttribute(\"disabled\", \"true\");\n        } else {\n          element.target.removeAttribute(\"disabled\");\n        }\n      });\n    };\n\n    const overflowClassNames = cx([styles[\"overflow\"]], className, {\n      [styles[\"horizontal\"]]: direction === \"row\",\n      [styles[\"truncate\"]]: !!truncate,\n      [styles[\"expanded\"]]: expanded,\n    });\n\n    useEffect(() => {\n      if (!truncate) return;\n      const observer = new IntersectionObserver(inertOverflowFocusables);\n      const focusable = getKeyboardFocusableElements(contentRef.current);\n      focusable.forEach((element) => {\n        observer.observe(element);\n      });\n    }, [truncate]);\n\n    if (truncate) {\n      const wrapperStyle = {\n        ...style,\n        ...layoutStyles,\n      };\n      const contentStyle = {\n        minHeight: height ?? undefined,\n        minWidth: width ?? undefined,\n      };\n\n      const expandString =\n        typeof truncate === \"object\" ? truncate.expandText : \"Show more...\";\n      const collapseString =\n        typeof truncate === \"object\" ? truncate.collapseText : \"Show less...\";\n\n      const onExpandClickHandler = (e: MouseEvent<HTMLButtonElement>) => {\n        setExpanded((prev) => !prev);\n        setTimeout(() => {\n          handleOnScroll();\n        }, 100);\n        if (typeof truncate !== \"object\") return;\n        if (expanded) {\n          truncate.onCollapse?.(e);\n          return;\n        }\n        truncate.onExpand?.(e);\n      };\n\n      const showExpand = contentClipped;\n\n      return (\n        <div\n          ref={ref}\n          style={wrapperStyle}\n          className={overflowClassNames}\n          data-anv=\"overflow\"\n          data-tracking-id={trackingId}\n          {...rest}\n        >\n          {shadow.top && !truncate ? (\n            <div className={styles[\"shadow-top\"]} />\n          ) : null}\n          {shadow.left && !truncate ? (\n            <div className={styles[\"shadow-left\"]} />\n          ) : null}\n          <Flex\n            className={styles[\"content\"]}\n            onScroll={handleOnScroll}\n            style={contentStyle}\n            ref={contentRef}\n            direction={direction}\n            gap={gap}\n            /**\n             * This is disabled because scrollable area much also be focusable.\n             * References:\n             * - {@link https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/0d5321a5457c5f0da0ca216053cc5b4f571b53ae/docs/rules/no-noninteractive-tabindex.md}\n             * - {@link https://chromestatus.com/feature/5231964663578624}\n             */\n            tabIndex={0}\n          >\n            {children}\n          </Flex>\n          {shadow.bottom && !truncate ? (\n            <div className={styles[\"shadow-bottom\"]} />\n          ) : null}\n          {shadow.right && !truncate ? (\n            <div className={styles[\"shadow-right\"]} />\n          ) : null}\n          {truncate && showExpand ? (\n            <button\n              className={styles[\"expand-button\"]}\n              onClick={onExpandClickHandler}\n            >\n              {expanded ? collapseString : expandString}\n            </button>\n          ) : null}\n        </div>\n      );\n    }\n\n    const wrapperStyle = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    const contentStyle = {\n      height: height ?? undefined,\n      width: width ?? undefined,\n    };\n\n    return (\n      <div\n        ref={ref}\n        style={wrapperStyle}\n        className={overflowClassNames}\n        data-anv=\"overflow\"\n        data-tracking-id={trackingId}\n        {...rest}\n      >\n        {shadow.left ? <div className={styles[\"shadow-left\"]} /> : null}\n        {shadow.top ? <div className={styles[\"shadow-top\"]} /> : null}\n        <Flex\n          className={styles[\"content\"]}\n          onScroll={handleOnScroll}\n          ref={contentRef}\n          style={contentStyle}\n          direction={direction}\n          gap={gap}\n          /**\n           * This is disabled because scrollable area much also be focusable.\n           * References:\n           * - {@link https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/0d5321a5457c5f0da0ca216053cc5b4f571b53ae/docs/rules/no-noninteractive-tabindex.md}\n           * - {@link https://chromestatus.com/feature/5231964663578624}\n           */\n          tabIndex={0}\n        >\n          {children}\n        </Flex>\n        {shadow.bottom ? <div className={styles[\"shadow-bottom\"]} /> : null}\n        {shadow.right ? <div className={styles[\"shadow-right\"]} /> : null}\n      </div>\n    );\n  },\n);\nOverflow.displayName = \"Overflow\";\n","import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useState,\n  MouseEvent,\n  useRef,\n  useEffect,\n} from \"react\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { DataTrackingId, LayoutUtilProps } from \"../../types\";\nimport cx from \"classnames\";\nimport styles from \"./Overflow.module.scss\";\nimport {\n  childrenToString,\n  getKeyboardFocusableElements,\n} from \"../../internal/functions\";\nimport { useTrackingId } from \"../../hooks\";\n\n/**\n * Props for the OverflowText component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n */\nexport type OverflowTextProps = ComponentPropsWithoutRef<\"div\"> &\n  LayoutUtilProps & {\n    /**\n     * Number of rows to display before truncation\n     * @default 1\n     */\n    rows?: number | \"unlimited\";\n  } & (\n    | {\n        /**\n         * Whether the text is expandable\n         * @default false\n         */\n        expandable?: false;\n        /**\n         * Text for expand button (not used when expandable is false)\n         */\n        expandText?: never;\n        /**\n         * Text for collapse button (not used when expandable is false)\n         */\n        collapseText?: never;\n        /**\n         * Callback for expand event (not used when expandable is false)\n         */\n        onExpand?: never;\n        /**\n         * Callback for collapse event (not used when expandable is false)\n         */\n        onCollapse?: never;\n      }\n    | {\n        /**\n         * Whether the text is expandable\n         */\n        expandable: true;\n        /**\n         * Text to display on the expand button\n         * @default \"Show more...\"\n         */\n        expandText?: string;\n        /**\n         * Text to display on the collapse button\n         * @default \"Show less...\"\n         */\n        collapseText?: string;\n        /**\n         * Callback fired when content is expanded\n         */\n        onExpand?: (e: MouseEvent<HTMLButtonElement>) => void;\n        /**\n         * Callback fired when content is collapsed\n         */\n        onCollapse?: (e: MouseEvent<HTMLButtonElement>) => void;\n      }\n  ) &\n  DataTrackingId;\n\n/**\n * OverflowText component for text content with line truncation and expansion.\n *\n * Features:\n * - Configurable line limit with row-based truncation\n * - Expandable content with custom expand/collapse text\n * - Automatic height calculation and overflow detection\n * - Keyboard navigation support for focusable elements\n * - Resize observer for dynamic content changes\n * - Accessibility features with proper focus management\n * - Support for unlimited rows or specific row limits\n * - Callback support for expand/collapse events\n * - Layout utility props support\n *\n * @example\n * <OverflowText rows={3} expandable>\n *   <Text>\n *     This is a long text that will be truncated to 3 rows\n *     and can be expanded to show the full content.\n *   </Text>\n * </OverflowText>\n */\nexport const OverflowText = forwardRef<HTMLDivElement, OverflowTextProps>(\n  (props, ref) => {\n    const data = {\n      children: childrenToString(props.children),\n      rows: props.rows,\n      expandable: props.expandable,\n      expandText: props.expandText,\n      collapseText: props.collapseText,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"OverflowText\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    const { rows = 1, ...otherProps } = props;\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(otherProps);\n    const [expanded, setExpanded] = useState(false);\n    const [heights, setHeights] = useState<{\n      clientHeight: number;\n      scrollHeight: number;\n    }>({ clientHeight: 0, scrollHeight: 0 });\n    const { className, style, children, ...rest } = componentProps;\n\n    const contentRef = useRef<HTMLDivElement>(null);\n\n    const styledCombined = {\n      ...style,\n      ...layoutStyles,\n      \"--overflow-text-row\":\n        expanded || rows === \"unlimited\" ? \"initial\" : rows,\n    };\n\n    useEffect(() => {\n      if (contentRef.current) {\n        const observer = new ResizeObserver(() => {\n          if (!contentRef.current) return;\n          setHeights({\n            clientHeight: contentRef.current.clientHeight,\n            scrollHeight: contentRef.current.scrollHeight,\n          });\n        });\n\n        observer.observe(contentRef.current);\n\n        // Cleanup function\n        return () => {\n          observer.disconnect();\n        };\n      }\n    }, []);\n\n    const inertOverflowFocusables = (entries: IntersectionObserverEntry[]) => {\n      entries.forEach((element) => {\n        if (!element.isIntersecting) {\n          element.target.setAttribute(\"disabled\", \"true\");\n        } else {\n          element.target.removeAttribute(\"disabled\");\n        }\n      });\n    };\n\n    useEffect(() => {\n      if (!(\"expandable\" in props)) return;\n      const observer = new IntersectionObserver(inertOverflowFocusables);\n      const focusable = getKeyboardFocusableElements(contentRef.current);\n      focusable.forEach((element) => {\n        observer.observe(element);\n      });\n      // This is added because we don't need to watch for all props\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [props.expandable]);\n\n    const showExpand = expanded || heights.clientHeight < heights.scrollHeight;\n\n    if (\"expandable\" in props && props.expandable === true) {\n      const {\n        expandable,\n        expandText,\n        collapseText,\n        onExpand,\n        onCollapse,\n        ...expandableRest\n      } = rest;\n      const expandString = expandText ?? \"Show more...\";\n      const collapseString = collapseText ?? \"Show less...\";\n\n      const onExpandClickHandler = (e: MouseEvent<HTMLButtonElement>) => {\n        setExpanded((prev) => !prev);\n        if (expanded) {\n          onCollapse?.(e);\n          return;\n        }\n        onExpand?.(e);\n      };\n\n      const overflowTextClassNames = cx(\n        [styles[\"overflow-text\"]],\n        [styles[\"expandable\"]],\n        className,\n        {\n          [styles[\"expanded\"]]: expanded,\n        },\n      );\n      return (\n        <div\n          ref={ref}\n          className={overflowTextClassNames}\n          style={styledCombined}\n          data-anv=\"overflow-text\"\n          data-tracking-id={trackingId}\n          {...expandableRest}\n        >\n          <div className={styles[\"content\"]} ref={contentRef}>\n            {children}\n          </div>\n          {showExpand && (\n            <button\n              className={styles[\"expand-button\"]}\n              onClick={onExpandClickHandler}\n            >\n              {expanded ? collapseString : expandString}\n            </button>\n          )}\n        </div>\n      );\n    }\n\n    const overflowTextClassNames = cx([styles[\"overflow-text\"], className]);\n    return (\n      <div\n        ref={ref}\n        className={overflowTextClassNames}\n        style={styledCombined}\n        data-anv=\"overflow-text\"\n        data-tracking-id={trackingId}\n        {...rest}\n      >\n        <div className={styles[\"content\"]}>{children}</div>\n      </div>\n    );\n  },\n);\n\nOverflowText.displayName = \"OverflowText\";\n","import { Overflow as OverflowElement, type OverflowProps } from \"./Overflow\";\nimport { OverflowText, type OverflowTextProps } from \"./OverflowText\";\n\n/**\n * Overflow component for handling content that exceeds container boundaries.\n *\n * Features:\n * - Supports both horizontal and vertical overflow\n * - Automatic shadow indicators for scrollable content\n * - Truncation with expand/collapse functionality\n * - Keyboard navigation support for focusable elements\n * - Automatic height and width management\n * - Layout utility props support\n * - Resize observer for dynamic content changes\n * - Accessibility features with proper focus management\n * - Scroll event handling with shadow updates\n *\n * @example\n * <Overflow direction=\"column\" height={400} gap=\"4\">\n *   {items.map((item, i) => (\n *     <Card key={i} style={{ width: \"100%\", minHeight: 100 }}>\n *       {item.content}\n *     </Card>\n *   ))}\n * </Overflow>\n */\nexport const Overflow = Object.assign(OverflowElement, {\n  Text: OverflowText,\n});\n\nexport default Overflow;\n\nexport { type OverflowProps };\nexport { OverflowText, type OverflowTextProps };\n"],"names":["Overflow","wrapperStyle","contentStyle","overflowTextClassNames","OverflowElement"],"mappings":"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"}

package/dist/{Page-4VdFrCjy.js → Page-CGZQ-nsg.js}

@@ -7,21 +7,21 @@ import { S as SvgKeyboardArrowDown } from './keyboard_arrow_down-C8WQ38p1.js';
 import { S as SvgKeyboardArrowUp } from './keyboard_arrow_up-CxzK6LAl.js';
 import { S as SvgChevronRight } from './chevron_right-BdpsxX7x.js';
 import { useTrackingId } from './useTrackingId.js';
-import { P as Popover } from './Popover--c9PXAVi.js';
-import { B as Button } from './Button-DzcOa6iJ.js';
-import { I as Icon } from './Icon-TcJbUdTz.js';
-import { F as Flex } from './Flex-GLF5XRJg.js';
-import { T as Tooltip } from './Tooltip-BOfdwyTv.js';
+import { P as Popover } from './Popover-CIPg_ZgX.js';
+import { B as Button } from './Button-92_FKAyV.js';
+import { I as Icon } from './Icon-BSuTVNaa.js';
+import { F as Flex } from './Flex-CjPHUTeq.js';
+import { T as Tooltip } from './Tooltip-CZsoFe6C.js';
 import { L as Layout } from './Layout-CUUb2PVr.js';
 import { S as SvgMoreVert } from './more_vert-C_lJSyxt.js';
-import { B as ButtonLink } from './ButtonLink-DGIRpyK6.js';
-import { B as Breadcrumbs } from './Breadcrumbs-DKqd8VRz.js';
-import { M as Menu } from './Menu-CBbUK_sX.js';
-import { T as Text } from './Text-CDzLZl1O.js';
-import { C as Chip } from './Chip-BGa1Inb8.js';
+import { B as ButtonLink } from './ButtonLink-C0zR7Wnb.js';
+import { B as Breadcrumbs } from './Breadcrumbs-DjR-2OEH.js';
+import { M as Menu } from './Menu-DUAfSImY.js';
+import { T as Text } from './Text-kPA-VzsB.js';
+import { C as Chip } from './Chip-X2EwdZ97.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
-import { D as Dialog } from './Dialog-fJClGTI6.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-C7FVYB8F.js';
+import { D as Dialog } from './Dialog-CxH4Vnbb.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-BlIWftBb.js';
 
 import './Page.css';const page = "_page_1tte7_1";
 const container = "_container_1tte7_23";
@@ -261,13 +261,13 @@ const PageHeader = forwardRef(
                 Tooltip.Trigger,
                 {
                   ref: ref2,
-                  ...rest2,
                   children: /* @__PURE__ */ jsx(
                     Button,
                     {
                       appearance: "secondary",
                       icon: SvgMoreVert,
-                      "aria-label": "More actions"
+                      "aria-label": "More actions",
+                      ...rest2
                     }
                   )
                 }
@@ -614,4 +614,4 @@ const Page = Object.assign(PageElement, {
 });
 
 export { Page as P };
-//# sourceMappingURL=Page-4VdFrCjy.js.map
+//# sourceMappingURL=Page-CGZQ-nsg.js.map

package/dist/Page-CGZQ-nsg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page-CGZQ-nsg.js","sources":["../../hammer-icon/mdi/round/segment.svg","../../hammer-icon/mdi/round/chevron_left.svg","../src/components/Page/PageSidebarContext.ts","../src/components/Page/PageContext.ts","../src/components/Page/PageSidebar.tsx","../src/components/Page/PageSidebarHeader.tsx","../../hammer-icon/mdi/round/settings.svg","../src/components/Page/PageHeader.tsx","../src/components/Page/PageContent.tsx","../src/components/Page/PagePanel.tsx","../src/components/Page/PageFooter.tsx","../src/components/Page/Page.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgSegment = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M10 18h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1zm7 6h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1z\" }));\nexport default SvgSegment;\n","import * as React from \"react\";\nconst SvgChevronLeft = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M14.71 6.71a.996.996 0 0 0-1.41 0L8.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59a.996.996 0 1 0 1.41-1.41L10.83 12l3.88-3.88c.39-.39.38-1.03 0-1.41z\" }));\nexport default SvgChevronLeft;\n","import { createContext } from \"react\";\n\ntype PageSideBarContextProps = {\n  collapsed: boolean;\n};\n\nexport const PageSideBarContext = createContext<PageSideBarContextProps | null>(\n  null,\n);\n","import { createContext } from \"react\";\n\nexport const PageContext = createContext<PageContextProps>({});\n\nexport type PageContextProps = {\n  pageWidth?: number;\n};\n","import { Popover, Button, Icon, Flex, Tooltip } from \"../\";\nimport { core } from \"@servicetitan/hammer-token\";\nimport {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  Ref,\n  useContext,\n  useState,\n  useLayoutEffect,\n} from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport cx from \"classnames\";\nimport styles from \"./Page.module.scss\";\nimport SegmentSVG from \"@servicetitan/hammer-icon/mdi/round/segment.svg\";\nimport RespOpen from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_down.svg\";\nimport RespClose from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_up.svg\";\nimport OpenSVG from \"@servicetitan/hammer-icon/mdi/round/chevron_right.svg\";\nimport CloseSVG from \"@servicetitan/hammer-icon/mdi/round/chevron_left.svg\";\nimport { PageSideBarContext } from \"./PageSidebarContext\";\nimport { PageContext, PageContextProps } from \"./PageContext\";\n\n/**\n * Props for the PageSidebar component\n * @extends ComponentPropsWithoutRef<\"div\">\n */\nexport type PageSidebarProps = ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * Key for storing sidebar collapsed state in localStorage\n   * @default \"sidebar-collapsed\"\n   */\n  localStorageKey?: string;\n  /**\n   * Custom tracking ID for analytics\n   */\n  [\"data-tracking-id\"]?: string;\n  /**\n   * Title to display in the adaptive trigger button\n   */\n  currentPageTitle?: string;\n};\n\n/**\n * PageSidebar component for creating collapsible navigation sidebars.\n *\n * Features:\n * - Collapsible sidebar with localStorage persistence\n * - Responsive design with adaptive popover on mobile\n * - Automatic tracking ID generation for analytics\n * - Keyboard navigation and accessibility support\n * - Toggle button with tooltip\n * - Context provider for sidebar state\n * - Mobile-friendly popover navigation\n *\n * @example\n * <Page.Sidebar currentPageTitle=\"Navigation\">\n *   <Page.SidebarHeader>\n *     <Text variant=\"headline\" el=\"h2\">Sidebar Title</Text>\n *   </Page.SidebarHeader>\n *   <SideNav>\n *     <SideNavLink pathname=\"/\">Home</SideNavLink>\n *   </SideNav>\n * </Page.Sidebar>\n */\nexport const PageSidebar = forwardRef(\n  (props: PageSidebarProps, ref: Ref<HTMLDivElement>) => {\n    const {\n      children,\n      className,\n      currentPageTitle,\n      localStorageKey = \"sidebar-collapsed\",\n      ...rest\n    } = props;\n\n    const data = {\n      localStorageKey,\n    };\n\n    const { pageWidth } = useContext<PageContextProps>(PageContext);\n    const [isMobile, setIsMobile] = useState<boolean>();\n\n    useLayoutEffect(() => {\n      const breakpointWidth = +(\n        core.primitive?.BreakpointLg?.value.replace(\"px\", \"\") ?? 0\n      );\n      const innerWidth = pageWidth ?? 0;\n      setIsMobile(innerWidth < breakpointWidth);\n    }, [pageWidth]);\n\n    const trackingId = useTrackingId({\n      name: \"PageSidebarButton\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const [collapsed, setCollapsed] = useState<boolean>(() => {\n      // getting stored value\n      const sidebarState = localStorage.getItem(localStorageKey);\n      return sidebarState ? JSON.parse(sidebarState) : false;\n    });\n    const classNames = cx([styles[\"sidebar\"]], className, {\n      [styles[\"collapsed\"]]: collapsed,\n    });\n    const onToggleButtonClick = () => {\n      setCollapsed((prev) => {\n        localStorage.setItem(localStorageKey, JSON.stringify(!prev));\n        return !prev;\n      });\n    };\n\n    if (typeof isMobile !== \"undefined\" && isMobile) {\n      return (\n        <Popover fillAvailableHeight matchReferenceWidth noPadding disableCaret>\n          <Popover.Trigger>\n            {(props) => {\n              if (typeof document !== \"undefined\") {\n                if (props[\"data-state\"] === \"open\") {\n                  document.body.style.overflow = \"hidden\";\n                } else {\n                  document.body.style.overflow = \"auto\";\n                }\n              }\n              return (\n                <div className={styles[\"sidebar-adaptive-trigger-container\"]}>\n                  <Button\n                    className={styles[\"sidebar-adaptive-trigger\"]}\n                    icon={SegmentSVG}\n                    appearance=\"ghost\"\n                    {...props}\n                  >\n                    {!currentPageTitle ? \"Menu\" : currentPageTitle}\n                    <Icon\n                      className={styles[\"sidebar-adaptive-trigger-icon\"]}\n                      justifyContent=\"end\"\n                      svg={\n                        props[\"data-state\"] === \"open\" ? RespClose : RespOpen\n                      }\n                    />\n                  </Button>\n                </div>\n              );\n            }}\n          </Popover.Trigger>\n          <Popover.Content className={styles[\"sidebar-adaptive-container\"]}>\n            <Flex\n              direction=\"column\"\n              className={styles[\"sidebar-adaptive\"]}\n              ref={ref}\n            >\n              {children}\n            </Flex>\n          </Popover.Content>\n        </Popover>\n      );\n    }\n\n    return (\n      <PageSideBarContext.Provider value={{ collapsed }}>\n        <div className={classNames} ref={ref} {...rest}>\n          <div className={styles[\"sidebar-inner\"]} aria-hidden={collapsed}>\n            <div>{children}</div>\n          </div>\n          <div className={styles[\"toggle-button-wrapper\"]}>\n            <Tooltip placement=\"right\">\n              <Tooltip.Trigger className={styles[\"toggle-button-tooltip\"]}>\n                <Button\n                  size=\"small\"\n                  onClick={onToggleButtonClick}\n                  className={styles[\"toggle-button\"]}\n                  aria-label={collapsed ? \"Open Sidebar\" : \"Close Sidebar\"}\n                  data-tracking-id={trackingId}\n                  icon={collapsed ? OpenSVG : CloseSVG}\n                />\n              </Tooltip.Trigger>\n              <Tooltip.Content>\n                {collapsed ? \"Open Sidebar\" : \"Close Sidebar\"}\n              </Tooltip.Content>\n            </Tooltip>\n          </div>\n        </div>\n      </PageSideBarContext.Provider>\n    );\n  },\n);\n\nPageSidebar.displayName = \"Page.Sidebar\";\n","import { ComponentPropsWithoutRef, forwardRef, Ref, useContext } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Page.module.scss\";\nimport { PageSideBarContext } from \"./PageSidebarContext\";\n\n/**\n * Props for the PageSidebarHeader component\n * @extends ComponentPropsWithoutRef<\"div\">\n */\nexport type PageSidebarHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\n/**\n * PageSidebarHeader component for creating header sections within sidebars.\n *\n * Features:\n * - Container for sidebar header content\n * - Automatic visibility handling based on sidebar collapsed state\n * - Supports all standard div props\n * - Context-aware styling\n *\n * @example\n * <Page.SidebarHeader>\n *   <Text variant=\"headline\" el=\"h2\" size=\"medium\">\n *     Sidebar Title\n *   </Text>\n * </Page.SidebarHeader>\n */\nexport const PageSidebarHeader = forwardRef(\n  (props: PageSidebarHeaderProps, ref: Ref<HTMLDivElement>) => {\n    const { children, className, ...rest } = props;\n    const context = useContext(PageSideBarContext);\n    const classNames = cx([styles[\"sidebar-header\"]], className);\n\n    return (\n      <div className={classNames} ref={ref} {...rest}>\n        <div\n          className={styles[\"header-content\"]}\n          aria-hidden={context?.collapsed}\n        >\n          {children}\n        </div>\n      </div>\n    );\n  },\n);\n\nPageSidebarHeader.displayName = \"Page.SidebarHeader\";\n","import * as React from \"react\";\nconst SvgSettings = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M19.5 12c0-.23-.01-.45-.03-.68l1.86-1.41c.4-.3.51-.86.26-1.3l-1.87-3.23a.987.987 0 0 0-1.25-.42l-2.15.91c-.37-.26-.76-.49-1.17-.68l-.29-2.31c-.06-.5-.49-.88-.99-.88h-3.73c-.51 0-.94.38-1 .88l-.29 2.31c-.41.19-.8.42-1.17.68l-2.15-.91c-.46-.2-1-.02-1.25.42L2.41 8.62c-.25.44-.14.99.26 1.3l1.86 1.41a7.343 7.343 0 0 0 0 1.35l-1.86 1.41c-.4.3-.51.86-.26 1.3l1.87 3.23c.25.44.79.62 1.25.42l2.15-.91c.37.26.76.49 1.17.68l.29 2.31c.06.5.49.88.99.88h3.73c.5 0 .93-.38.99-.88l.29-2.31c.41-.19.8-.42 1.17-.68l2.15.91c.46.2 1 .02 1.25-.42l1.87-3.23c.25-.44.14-.99-.26-1.3l-1.86-1.41c.03-.23.04-.45.04-.68zm-7.46 3.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z\" }));\nexport default SvgSettings;\n","import {\n  ButtonProps,\n  ButtonLinkProps,\n  BreadcrumbsLinkProps,\n  ChipProps,\n  Tooltip,\n  ButtonLink,\n  Button,\n  Flex,\n  Menu,\n  Breadcrumbs,\n  Chip,\n  Text,\n} from \"../\";\nimport {\n  ComponentPropsWithoutRef,\n  ReactNode,\n  forwardRef,\n  Ref,\n  RefObject,\n} from \"react\";\nimport Layout, { LayoutProps } from \"../Layout\";\nimport cx from \"classnames\";\nimport styles from \"./Page.module.scss\";\nimport LocalSettings from \"@servicetitan/hammer-icon/mdi/round/settings.svg\";\nimport MoreVert from \"@servicetitan/hammer-icon/mdi/round/more_vert.svg\";\n\n/**\n * Props for page header action buttons\n */\ntype PageHeaderActionProps = Omit<ButtonProps, \"appearance\"> & {\n  /**\n   * Label text for the action button\n   */\n  label: string;\n};\n\n/**\n * Props for page header actions configuration\n */\ntype PageHeaderActionsProps = {\n  /**\n   * Primary action button\n   */\n  primary?: PageHeaderActionProps;\n  /**\n   * Array of secondary action buttons\n   */\n  secondary?: PageHeaderActionProps[];\n};\n\n/**\n * Base props for preference actions\n */\ntype BasePreferenceProps = {\n  /**\n   * Accessible label for the preference action\n   */\n  \"aria-label\": string;\n};\n\n/**\n * Props for preference button actions\n */\ntype PreferenceButtonProps = Omit<\n  ButtonProps,\n  \"aria-label\" | \"icon\" | \"appearance\" | \"size\" | \"className\"\n> &\n  BasePreferenceProps;\n\n/**\n * Props for preference link actions\n */\ntype PreferenceLinkProps = Omit<\n  ButtonLinkProps,\n  \"aria-label\" | \"icon\" | \"appearance\" | \"size\" | \"className\"\n> &\n  BasePreferenceProps;\n\n/**\n * Props for the PageHeader component\n * @extends ComponentPropsWithoutRef<\"header\">\n */\nexport type PageHeaderProps = ComponentPropsWithoutRef<\"header\"> & {\n  /**\n   * Main title of the page\n   */\n  title: string;\n  /**\n   * Breadcrumb navigation links\n   */\n  breadcrumbs?: BreadcrumbsLinkProps[];\n  /**\n   * Status chips to display\n   */\n  chips?: ChipProps[];\n  /**\n   * Description text or content below the title\n   */\n  description?: ReactNode;\n  /**\n   * Primary and secondary action buttons\n   */\n  actions?: PageHeaderActionsProps;\n  /**\n   * Preference action button or link\n   */\n  preferenceAction?: PreferenceButtonProps | PreferenceLinkProps;\n  /**\n   * Layout configuration for the header\n   */\n  layout?: LayoutProps;\n};\n\n/**\n * PageHeader component for creating page headers with navigation and actions.\n *\n * Features:\n * - Page title with semantic heading\n * - Breadcrumb navigation support\n * - Status chips display\n * - Primary and secondary action buttons\n * - Preference action button/link\n * - Responsive layout with fluid grid\n * - Accessibility support with proper ARIA labels\n * - Flexible layout configuration\n * - Description content support\n *\n * @example\n * <Page.Header\n *   title=\"Page Title\"\n *   breadcrumbs={[\n *     { href: \"/\", children: \"Home\" },\n *     { children: \"Current Page\" }\n *   ]}\n *   chips={[{ label: \"Status\" }]}\n *   actions={{\n *     primary: { label: \"Save\", onClick: handleSave },\n *     secondary: [{ label: \"Cancel\", onClick: handleCancel }]\n *   }}\n * />\n */\nexport const PageHeader = forwardRef(\n  (props: PageHeaderProps, ref: Ref<HTMLHeadElement>) => {\n    const {\n      title,\n      breadcrumbs,\n      chips,\n      description,\n      actions,\n      preferenceAction,\n      layout,\n      className,\n      ...rest\n    } = props;\n\n    const { fluid, variant } = layout || {};\n\n    const preferenceItem =\n      preferenceAction &&\n      (\"href\" in preferenceAction ? (\n        <Tooltip>\n          <Tooltip.Trigger>\n            <ButtonLink\n              appearance=\"ghost\"\n              icon={LocalSettings}\n              size=\"small\"\n              className={styles[\"preference-action\"]}\n              {...(preferenceAction as PreferenceLinkProps)}\n            />\n          </Tooltip.Trigger>\n          <Tooltip.Content>{preferenceAction[\"aria-label\"]}</Tooltip.Content>\n        </Tooltip>\n      ) : (\n        <Tooltip>\n          <Tooltip.Trigger>\n            <Button\n              appearance=\"ghost\"\n              icon={LocalSettings}\n              size=\"small\"\n              className={styles[\"preference-action\"]}\n              {...(preferenceAction as PreferenceButtonProps)}\n            />\n          </Tooltip.Trigger>\n          <Tooltip.Content>{preferenceAction[\"aria-label\"]}</Tooltip.Content>\n        </Tooltip>\n      ));\n\n    const actionItems = actions && (\n      <Flex justifyContent=\"flex-end\" className={styles.actions}>\n        {/* Only primary action */}\n        {actions.primary &&\n          (!actions.secondary || actions.secondary.length === 0) && (\n            <Button appearance=\"primary\" {...actions.primary}>\n              {actions.primary.label}\n            </Button>\n          )}\n\n        {/* Only secondary actions (1-2 buttons) */}\n        {!!actions.secondary?.length &&\n          actions.secondary.length < 3 &&\n          !actions.primary &&\n          actions.secondary.map((action, index) => (\n            <Button key={index} appearance=\"secondary\" {...action}>\n              {action.label}\n            </Button>\n          ))}\n\n        {/* 1 secondary action + primary action */}\n        {actions.primary &&\n          !!actions.secondary?.length &&\n          actions.secondary.length === 1 && (\n            <>\n              <Button appearance=\"secondary\" {...actions.secondary[0]}>\n                {actions.secondary[0].label}\n              </Button>\n              <Button appearance=\"primary\" {...actions.primary}>\n                {actions.primary.label}\n              </Button>\n            </>\n          )}\n\n        {/* Multiple secondary actions (3+) with optional primary */}\n        {!!actions.secondary?.length &&\n          (actions.secondary.length >= 3 ||\n            (actions.secondary.length >= 2 && actions.primary)) && (\n            <>\n              <Menu\n                trigger={({ ref, ...rest }) => (\n                  <Tooltip>\n                    <Tooltip.Trigger\n                      ref={ref as unknown as RefObject<HTMLDivElement>}\n                    >\n                      <Button\n                        appearance=\"secondary\"\n                        icon={MoreVert}\n                        aria-label=\"More actions\"\n                        {...rest}\n                      />\n                    </Tooltip.Trigger>\n                    <Tooltip.Content>More actions</Tooltip.Content>\n                  </Tooltip>\n                )}\n              >\n                {actions.secondary.map((action, index) => (\n                  <Menu.Item\n                    key={index}\n                    label={action.label}\n                    onClick={action.onClick}\n                    disabled={action.disabled}\n                  />\n                ))}\n              </Menu>\n              {actions.primary && (\n                <Button appearance=\"primary\" {...actions.primary}>\n                  {actions.primary.label}\n                </Button>\n              )}\n            </>\n          )}\n      </Flex>\n    );\n\n    const headerClassName = cx(styles.content, styles.header, className);\n\n    const headerContentClassName = cx(\n      styles[\"content-inner\"],\n      styles[\"content-header-inner\"],\n    );\n\n    return (\n      <header ref={ref} className={headerClassName} {...rest}>\n        <div className={headerContentClassName}>\n          <Layout fluid={fluid} variant={variant} className={styles[\"layout\"]}>\n            {breadcrumbs && (\n              <Layout.Item>\n                <Breadcrumbs>\n                  {breadcrumbs.map((breadcrumb, index) => (\n                    <Breadcrumbs.Link key={index} {...breadcrumb} />\n                  ))}\n                </Breadcrumbs>\n              </Layout.Item>\n            )}\n\n            <Layout.Item md={actionItems ? 6 : 12}>\n              <div className={styles[\"title-wrapper\"]}>\n                <Text\n                  variant=\"headline\"\n                  size=\"large\"\n                  el=\"h1\"\n                  className={styles.title}\n                >\n                  {title}\n                </Text>\n\n                {preferenceItem}\n              </div>\n\n              {chips && (\n                <Flex className={styles.chips}>\n                  {chips.map((chip, index) => (\n                    <Chip key={index} {...chip} />\n                  ))}\n                </Flex>\n              )}\n            </Layout.Item>\n\n            {actions && <Layout.Item md={6}>{actionItems}</Layout.Item>}\n\n            {description && (\n              <Layout.Item md={12} className={styles.description}>\n                {description}\n              </Layout.Item>\n            )}\n          </Layout>\n        </div>\n      </header>\n    );\n  },\n);\n\nPageHeader.displayName = \"Page.Header\";\n","import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  Ref,\n  useEffect,\n  useRef,\n  useState,\n  UIEvent,\n} from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Page.module.scss\";\nimport { useMergeRefs } from \"../../hooks\";\n\n/**\n * Props for the PageContent component\n * @extends ComponentPropsWithoutRef<\"main\">\n */\nexport type PageContentProps = ComponentPropsWithoutRef<\"main\">;\n\n/**\n * PageContent component for the main content area of a page.\n *\n * Features:\n * - Semantic main element for page content\n * - Virtual scrolling support for long content\n * - Automatic scroll synchronization\n * - Responsive design\n * - Accessibility support with proper main landmark\n * - Scroll position management\n *\n * @example\n * <Page.Content>\n *   <Text>Main page content goes here</Text>\n *   <Button>Action Button</Button>\n * </Page.Content>\n */\nexport const PageContent = forwardRef(\n  (props: PageContentProps, ref: Ref<HTMLAreaElement>) => {\n    const { children, className, ...rest } = props;\n    const classNames = cx([styles[\"content\"]], className);\n    const mainRef = useRef<HTMLAreaElement>(null);\n    const virtualScrollRef = useRef<HTMLDivElement>(null);\n    const blocker = useRef(true);\n    const [leftOffset, setLeftOffset] = useState(\n      (mainRef.current?.offsetLeft ?? 0) +\n        (mainRef.current?.offsetWidth ?? 0) -\n        9,\n    );\n    const [contentHeight, setContentHeight] = useState(\n      mainRef.current?.offsetHeight,\n    );\n\n    // Updates scroll position\n    useEffect(() => {\n      if (typeof window === \"undefined\") return;\n      if (!blocker.current) return;\n      function updatePosition() {\n        const newValue = window.scrollY;\n\n        virtualScrollRef.current?.scrollTo(0, newValue ?? 0);\n      }\n      window?.addEventListener(\"scroll\", updatePosition, { passive: true });\n\n      return () => {\n        window?.removeEventListener(\"scroll\", updatePosition);\n      };\n    }, []);\n\n    // Updates virtual scroll properties when main resizes\n    useEffect(() => {\n      if (mainRef.current) {\n        const observer = new ResizeObserver(() => {\n          if (!mainRef.current) return;\n          setLeftOffset(\n            mainRef.current.offsetLeft + mainRef.current.offsetWidth - 9,\n          );\n          setContentHeight(mainRef.current.offsetHeight);\n        });\n\n        observer.observe(mainRef.current);\n\n        // Cleanup function\n        return () => {\n          observer.disconnect();\n        };\n      }\n    }, []);\n\n    function scrollBody(e: UIEvent<HTMLElement>) {\n      if (typeof window === \"undefined\") return;\n      if (blocker.current) return;\n      window.scrollTo(0, (e.target as HTMLDivElement).scrollTop);\n    }\n\n    return (\n      <main className={classNames} ref={useMergeRefs([mainRef, ref])} {...rest}>\n        <div className={styles[\"content-inner\"]}>{children}</div>\n        <div\n          className={styles[\"virtual-scroll-container\"]}\n          ref={virtualScrollRef}\n          style={{\n            left: leftOffset,\n          }}\n          onScrollCapture={scrollBody}\n          onMouseEnter={() => {\n            blocker.current = false;\n          }}\n          onMouseLeave={() => {\n            blocker.current = true;\n          }}\n        >\n          <div style={{ width: 1, height: contentHeight }} />\n        </div>\n      </main>\n    );\n  },\n);\n\nPageContent.displayName = \"PageContent\";\n","import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  Ref,\n  useContext,\n  useLayoutEffect,\n  useState,\n} from \"react\";\nimport { core } from \"@servicetitan/hammer-token\";\nimport cx from \"classnames\";\nimport styles from \"./Page.module.scss\";\nimport Dialog from \"../Dialog\";\nimport { PageContext, PageContextProps } from \"./PageContext\";\n\n/**\n * Props for the PagePanel component\n * @extends ComponentPropsWithoutRef<\"div\">\n */\nexport type PagePanelProps = ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * Whether the panel is open\n   * @default true\n   */\n  open?: boolean;\n  /**\n   * Size of the panel\n   * @default \"medium\"\n   */\n  size?: \"small\" | \"medium\" | \"large\";\n  /**\n   * Whether to remove default padding from the panel\n   * @default false\n   */\n  noPadding?: boolean;\n};\n\n/**\n * PagePanel component for creating slide-out panels or dialogs.\n *\n * Features:\n * - Responsive design with dialog fallback on mobile\n * - Multiple size variants (small, medium, large)\n * - Optional padding control\n * - Persistent or controlled open state\n * - Automatic mobile dialog conversion\n * - Keyboard navigation and accessibility support\n * - Smooth animations and transitions\n *\n * @example\n * <Page.Panel open={isOpen} size=\"medium\">\n *   <Text variant=\"headline\" el=\"h3\">Panel Content</Text>\n *   <Button onClick={() => setIsOpen(false)}>Close</Button>\n * </Page.Panel>\n */\nexport const PagePanel = forwardRef(\n  (props: PagePanelProps, ref: Ref<HTMLDivElement>) => {\n    const {\n      children,\n      open,\n      size = \"medium\",\n      noPadding,\n      style,\n      className,\n      ...rest\n    } = props;\n    const classNames = cx([styles[\"panel\"]], [styles[size]], className, {\n      [styles[\"open\"]]: typeof open === \"undefined\" ? true : open,\n      [styles[\"persistent\"]]: typeof open === \"undefined\",\n      [styles[\"noPadding\"]]: noPadding,\n    });\n\n    const { pageWidth } = useContext<PageContextProps>(PageContext);\n\n    const [isMobile, setIsMobile] = useState<boolean>(false);\n\n    useLayoutEffect(() => {\n      const breakpointWidth = +(\n        core.primitive?.BreakpointLg?.value.replace(\"px\", \"\") ?? 0\n      );\n      const innerWidth = pageWidth ?? 0;\n      setIsMobile(innerWidth < breakpointWidth);\n    }, [pageWidth]);\n\n    if (typeof open !== \"undefined\" && isMobile) {\n      return (\n        <Dialog open={open}>\n          <Dialog.Content>\n            <div\n              className={classNames}\n              aria-hidden={!open}\n              aria-disabled={!open}\n              ref={ref}\n              {...rest}\n            >\n              {children}\n            </div>\n          </Dialog.Content>\n        </Dialog>\n      );\n    }\n    return (\n      <div\n        className={classNames}\n        aria-hidden={!open}\n        aria-disabled={!open}\n        ref={ref}\n        {...rest}\n      >\n        <div\n          className={styles[\"panel-inner\"]}\n          /* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */\n          tabIndex={typeof open !== \"undefined\" && open ? 0 : -1}\n          style={style}\n        >\n          <div>{children}</div>\n        </div>\n      </div>\n    );\n  },\n);\nPagePanel.displayName = \"PagePanel\";\n","import { ComponentPropsWithoutRef, forwardRef, Ref } from \"react\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { LayoutUtilProps } from \"../../types\";\nimport cx from \"classnames\";\nimport styles from \"./Page.module.scss\";\n\n/**\n * Props for the PageFooter component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n */\nexport type PageFooterProps = ComponentPropsWithoutRef<\"div\"> & LayoutUtilProps;\n\n/**\n * PageFooter component for creating page footers with layout utilities.\n *\n * Features:\n * - Semantic footer element\n * - Layout utility props support\n * - Responsive design\n * - Accessibility support with proper footer landmark\n * - Flexible content positioning\n *\n * @example\n * <Page.Footer>\n *   <Text>Footer content with layout utilities</Text>\n * </Page.Footer>\n */\nexport const PageFooter = forwardRef(\n  (props: PageFooterProps, ref: Ref<HTMLDivElement>) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const { children, className, style, ...rest } = componentProps;\n\n    const classNames = cx([styles[\"content-footer\"]], className);\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n    return (\n      <footer className={classNames} ref={ref} style={styleCombined} {...rest}>\n        {children}\n      </footer>\n    );\n  },\n);\nPageFooter.displayName = \"PageFooter\";\n","import {\n  ComponentPropsWithoutRef,\n  Ref,\n  forwardRef,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport cx from \"classnames\";\nimport styles from \"./Page.module.scss\";\nimport { PageSidebar } from \"./PageSidebar\";\nimport { PageSidebarHeader } from \"./PageSidebarHeader\";\nimport { PageHeader } from \"./PageHeader\";\nimport { PageContent } from \"./PageContent\";\nimport { PagePanel } from \"./PagePanel\";\nimport { PageFooter } from \"./PageFooter\";\nimport { PageContext } from \"./PageContext\";\nimport { useMergeRefs } from \"../../hooks\";\n\n//--- Start Page Element ---//\n/**\n * Props for the Page component\n * @extends ComponentPropsWithoutRef<\"div\">\n */\nexport type PageProps = ComponentPropsWithoutRef<\"div\">;\n\nconst PageElement = forwardRef((props: PageProps, ref: Ref<HTMLDivElement>) => {\n  const { children, className, ...rest } = props;\n  const classNames = cx(styles[\"page\"], className);\n  const elRef = useRef<HTMLDivElement>(null);\n  const combinedRef = useMergeRefs([elRef, ref]);\n\n  const [pageWidth, setPageWidth] = useState<number>(0);\n\n  useLayoutEffect(() => {\n    const element = elRef.current;\n    const resizeObserver = new ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (entry) {\n        setPageWidth(entry.contentRect.width);\n      }\n    });\n    if (element) {\n      resizeObserver.observe(element);\n    }\n    return () => {\n      if (element) {\n        resizeObserver.unobserve(element);\n        resizeObserver.disconnect();\n      }\n    };\n  }, [elRef]);\n\n  return (\n    <PageContext.Provider value={{ pageWidth }}>\n      <div className={classNames} data-anv=\"Page\" ref={combinedRef} {...rest}>\n        <div className={styles[\"container\"]}>{children}</div>\n      </div>\n    </PageContext.Provider>\n  );\n});\n\nPageElement.displayName = \"Page\";\n\n/**\n * Page component for creating full-page layouts with navigation and content areas.\n *\n * Features:\n * - Container for complete page layouts\n * - Supports sidebar navigation with collapsible state\n * - Header with breadcrumbs, chips, and action buttons\n * - Main content area with virtual scrolling\n * - Optional slide-out panels with responsive dialog fallback\n * - Footer with layout utilities\n * - Responsive design with mobile adaptations\n * - Accessibility support with proper landmarks\n * - Automatic tracking ID generation for analytics\n * - Local storage persistence for sidebar state\n *\n * @example\n * <Page>\n *   <Page.Sidebar currentPageTitle=\"Navigation\">\n *     <Page.SidebarHeader>\n *       <Text variant=\"headline\" el=\"h2\">Navigation</Text>\n *     </Page.SidebarHeader>\n *     <SideNav>\n *       <SideNavLink pathname=\"/\">Home</SideNavLink>\n *     </SideNav>\n *   </Page.Sidebar>\n *   <Page.Header\n *     title=\"Page Title\"\n *     breadcrumbs={[{ href: \"/\", children: \"Home\" }]}\n *     actions={{ primary: { label: \"Save\", onClick: handleSave } }}\n *   />\n *   <Page.Content>\n *     <Text>Main content</Text>\n *   </Page.Content>\n *   <Page.Panel open={isPanelOpen} size=\"medium\">\n *     <Text>Panel content</Text>\n *   </Page.Panel>\n *   <Page.Footer>\n *     <Text>Footer content</Text>\n *   </Page.Footer>\n * </Page>\n */\nexport const Page = Object.assign(PageElement, {\n  /**\n   * PageSidebar component for creating collapsible navigation sidebars.\n   *\n   * Features:\n   * - Collapsible sidebar with localStorage persistence\n   * - Responsive design with adaptive popover on mobile\n   * - Automatic tracking ID generation for analytics\n   * - Keyboard navigation and accessibility support\n   * - Toggle button with tooltip\n   * - Context provider for sidebar state\n   * - Mobile-friendly popover navigation\n   *\n   * @example\n   * <Page.Sidebar currentPageTitle=\"Navigation\">\n   *   <Page.SidebarHeader>\n   *     <Text variant=\"headline\" el=\"h2\">Sidebar Title</Text>\n   *   </Page.SidebarHeader>\n   *   <SideNav>\n   *     <SideNavLink pathname=\"/\">Home</SideNavLink>\n   *   </SideNav>\n   * </Page.Sidebar>\n   */\n  Sidebar: PageSidebar,\n  /**\n   * PageSidebarHeader component for creating header sections within sidebars.\n   *\n   * Features:\n   * - Container for sidebar header content\n   * - Automatic visibility handling based on sidebar collapsed state\n   * - Supports all standard div props\n   * - Context-aware styling\n   *\n   * @example\n   * <Page.SidebarHeader>\n   *   <Text variant=\"headline\" el=\"h2\" size=\"medium\">\n   *     Sidebar Title\n   *   </Text>\n   * </Page.SidebarHeader>\n   */\n  SidebarHeader: PageSidebarHeader,\n  /**\n   * PageHeader component for creating page headers with navigation and actions.\n   *\n   * Features:\n   * - Page title with semantic heading\n   * - Breadcrumb navigation support\n   * - Status chips display\n   * - Primary and secondary action buttons\n   * - Preference action button/link\n   * - Responsive layout with fluid grid\n   * - Accessibility support with proper ARIA labels\n   * - Flexible layout configuration\n   * - Description content support\n   *\n   * @example\n   * <Page.Header\n   *   title=\"Page Title\"\n   *   breadcrumbs={[\n   *     { href: \"/\", children: \"Home\" },\n   *     { children: \"Current Page\" }\n   *   ]}\n   *   chips={[{ label: \"Status\" }]}\n   *   actions={{\n   *     primary: { label: \"Save\", onClick: handleSave },\n   *     secondary: [{ label: \"Cancel\", onClick: handleCancel }]\n   *   }}\n   * />\n   */\n  Header: PageHeader,\n  /**\n   * PageContent component for the main content area of a page.\n   *\n   * Features:\n   * - Semantic main element for page content\n   * - Virtual scrolling support for long content\n   * - Automatic scroll synchronization\n   * - Responsive design\n   * - Accessibility support with proper main landmark\n   * - Scroll position management\n   *\n   * @example\n   * <Page.Content>\n   *   <Text>Main page content goes here</Text>\n   *   <Button>Action Button</Button>\n   * </Page.Content>\n   */\n  Content: PageContent,\n  /**\n   * PagePanel component for creating slide-out panels or dialogs.\n   *\n   * Features:\n   * - Responsive design with dialog fallback on mobile\n   * - Multiple size variants (small, medium, large)\n   * - Optional padding control\n   * - Persistent or controlled open state\n   * - Automatic mobile dialog conversion\n   * - Keyboard navigation and accessibility support\n   * - Smooth animations and transitions\n   *\n   * @example\n   * <Page.Panel open={isOpen} size=\"medium\">\n   *   <Text variant=\"headline\" el=\"h3\">Panel Content</Text>\n   *   <Button onClick={() => setIsOpen(false)}>Close</Button>\n   * </Page.Panel>\n   */\n  Panel: PagePanel,\n  /**\n   * PageFooter component for creating page footers with layout utilities.\n   *\n   * Features:\n   * - Semantic footer element\n   * - Layout utility props support\n   * - Responsive design\n   * - Accessibility support with proper footer landmark\n   * - Flexible content positioning\n   *\n   * @example\n   * <Page.Footer>\n   *   <Text>Footer content with layout utilities</Text>\n   * </Page.Footer>\n   */\n  Footer: PageFooter,\n});\n"],"names":["core.primitive?.BreakpointLg","props","SegmentSVG","RespClose","RespOpen","OpenSVG","CloseSVG","LocalSettings","ref","rest","MoreVert"],"mappings":"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"}

package/dist/Page.js

@@ -1,2 +1,2 @@
-export { P as Page, P as default } from './Page-4VdFrCjy.js';
+export { P as Page, P as default } from './Page-CGZQ-nsg.js';
 //# sourceMappingURL=Page.js.map

package/dist/{Pagination-CQjNN1yN.js → Pagination-BHEEnNas.js}

@@ -3,13 +3,13 @@ import { forwardRef, useRef, useMemo, useState, useLayoutEffect } from 'react';
 import { d as BreakpointSm } from './primitive-BByug0kD.js';
 import { S as SrOnly } from './SrOnly-CTsYSuby.js';
 import { c as cx } from './index-tZvMCc77.js';
-import { B as ButtonToggle } from './ButtonToggle-Dv6VAm4W.js';
+import { B as ButtonToggle } from './ButtonToggle--sKvhBoA.js';
 import { S as SvgMoreHoriz } from './more_horiz-DJgdQiy0.js';
-import { M as Menu } from './Menu-CBbUK_sX.js';
+import { M as Menu } from './Menu-DUAfSImY.js';
 import { S as SvgKeyboardArrowDown } from './keyboard_arrow_down-C8WQ38p1.js';
-import { B as Button } from './Button-DzcOa6iJ.js';
-import { F as Flex } from './Flex-GLF5XRJg.js';
-import { T as Text } from './Text-CDzLZl1O.js';
+import { B as Button } from './Button-92_FKAyV.js';
+import { F as Flex } from './Flex-CjPHUTeq.js';
+import { T as Text } from './Text-kPA-VzsB.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';
@@ -451,4 +451,4 @@ const Pagination = forwardRef(
 Pagination.displayName = "Pagination";
 
 export { Pagination as P };
-//# sourceMappingURL=Pagination-CQjNN1yN.js.map
+//# sourceMappingURL=Pagination-BHEEnNas.js.map

package/dist/{Pagination-CQjNN1yN.js.map → Pagination-BHEEnNas.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Pagination-CQjNN1yN.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\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 { itemsPerPage, itemsPerPageOptions, onItemsPerPageChange } = 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\">Rows per page</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  onPageChange: (page: number) => void;\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport const PaginationList = forwardRef<HTMLUListElement, PaginationListProps>(\n  (props, ref) => {\n    const { page, totalPages, children, onPageChange, className } = 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={totalPages > 0 && page === totalPages}\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  firstItem,\n  lastItem,\n  totalCount,\n  className,\n}: {\n  firstItem: number;\n  lastItem: number;\n  totalCount: number;\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      {firstItem} - {lastItem} {totalCount ? `of ${totalCount}` : \"\"} items\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\nconst PaginationElement = forwardRef<HTMLElement, PaginationProps>(\n  (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\nPaginationElement.displayName = \"Pagination\";\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(PaginationElement, {\n  List: PaginationList,\n  Item: PaginationItem,\n  OverflowMenu: PaginationOverflowMenu,\n  ItemsPerPageMenu: PaginationItemsPerPageMenu,\n  TotalCount: PaginationTotalCount,\n});\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 * @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  };\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      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 = 1 + (page - 1) * itemsPerPage;\n    const lastItem = Math.min(firstItem - 1 + itemsPerPage, totalItemCount);\n    const itemRangeText = `${firstItem} - ${lastItem} ${\n      totalItemCount ? `of ${totalItemCount}` : \"\"\n    } 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          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              />\n            )}\n            {showCount && (\n              <BasePagination.TotalCount\n                firstItem={firstItem}\n                lastItem={lastItem}\n                totalCount={totalItemCount}\n              />\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-BHEEnNas.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\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 { itemsPerPage, itemsPerPageOptions, onItemsPerPageChange } = 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\">Rows per page</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  onPageChange: (page: number) => void;\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport const PaginationList = forwardRef<HTMLUListElement, PaginationListProps>(\n  (props, ref) => {\n    const { page, totalPages, children, onPageChange, className } = 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={totalPages > 0 && page === totalPages}\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  firstItem,\n  lastItem,\n  totalCount,\n  className,\n}: {\n  firstItem: number;\n  lastItem: number;\n  totalCount: number;\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      {firstItem} - {lastItem} {totalCount ? `of ${totalCount}` : \"\"} items\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\nconst PaginationElement = forwardRef<HTMLElement, PaginationProps>(\n  (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\nPaginationElement.displayName = \"Pagination\";\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(PaginationElement, {\n  List: PaginationList,\n  Item: PaginationItem,\n  OverflowMenu: PaginationOverflowMenu,\n  ItemsPerPageMenu: PaginationItemsPerPageMenu,\n  TotalCount: PaginationTotalCount,\n});\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 * @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  };\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      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 = 1 + (page - 1) * itemsPerPage;\n    const lastItem = Math.min(firstItem - 1 + itemsPerPage, totalItemCount);\n    const itemRangeText = `${firstItem} - ${lastItem} ${\n      totalItemCount ? `of ${totalItemCount}` : \"\"\n    } 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          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              />\n            )}\n            {showCount && (\n              <BasePagination.TotalCount\n                firstItem={firstItem}\n                lastItem={lastItem}\n                totalCount={totalItemCount}\n              />\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.js

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