@servicetitan/anvil2 3.14.0 → 3.15.0

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  type ComponentPropsWithoutRef,\n  type MouseEvent,\n  type Ref,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useMergeRefs, useTrackingId } from \"../../hooks\";\nimport type { 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     * Ref to the scrollable content element (the inner element with `overflow: auto`).\n     * The component's own `ref` points at the outer wrapper, which does not scroll, so\n     * use this when an integration must target the actual scroller — e.g. a virtualizer's\n     * `getScrollElement`, an `IntersectionObserver` sentinel, or programmatic scrolling.\n     */\n    contentRef?: Ref<HTMLDivElement>;\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\n/**\n * Overflow component for a scrollable container with edge shadow\n * indicators, and optional truncate-with-expand/collapse behavior.\n *\n * Features:\n * - Scrolls content that exceeds the configured `height`/`width`\n * - Shows shadow indicators on whichever edges have more content to scroll to\n * - Optional `truncate` mode (column direction only) with expand/collapse\n *   buttons and customizable button text\n * - `contentRef` exposes the actual scrolling element, separate from the\n *   outer wrapper `ref`, for integrations like virtualizers or IntersectionObserver\n *\n * @example\n * <Overflow height={200}>\n *   <LongContent />\n * </Overflow>\n *\n * @example\n * <Overflow direction=\"column\" truncate={{ expandText: \"Show more\", collapseText: \"Show less\" }}>\n *   <LongContent />\n * </Overflow>\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      contentRef: contentRefProp,\n      ...rest\n    } = componentProps;\n    const contentRef = useRef<HTMLDivElement>(null);\n    // Expose the scrollable content element to consumers while keeping the internal\n    // ref the observers and scroll handlers depend on.\n    const mergedContentRef = useMergeRefs([contentRef, contentRefProp]);\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={mergedContentRef}\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={mergedContentRef}\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  type ComponentPropsWithoutRef,\n  forwardRef,\n  useState,\n  type MouseEvent,\n  useRef,\n  useEffect,\n} from \"react\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport type { DataTrackingId, LayoutUtilProps } from \"../../types\";\nimport {\n  childrenToString,\n  getKeyboardFocusableElements,\n} from \"../../internal/functions\";\nimport { useTrackingId } from \"../../hooks\";\n\nimport cx from \"classnames\";\nimport overflowStyles from \"./Overflow.module.scss\";\nimport styles from \"./OverflowText.module.scss\";\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      \"--a2-inline-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([styles[\"overflow-text\"]], className, {\n        [styles[\"expanded\"]]: expanded,\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={overflowStyles[\"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","styles","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  type ComponentPropsWithoutRef,\n  type MouseEvent,\n  type Ref,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useMergeRefs, useTrackingId } from \"../../hooks\";\nimport type { 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 * `truncate` is a union: omit or `false` for a scroller with edge shadows;\n * a truthy/object form requires `direction: \"column\"` and adds expand/collapse.\n */\nexport type OverflowProps = ComponentPropsWithoutRef<\"div\"> &\n  Omit<LayoutUtilProps, \"direction\"> & {\n    /** Main axis of the inner Flex. Defaults to `column`. */\n    direction?: LayoutUtilProps[\"flexDirection\"];\n    /**\n     * Size of the scroller. With `truncate`, applied as `min-height` instead.\n     * `\"inherit\"` is unsupported with `truncate`.\n     */\n    height?: number | string | \"inherit\";\n    /** Size of the scroller. With `truncate`, applied as `min-width` instead. */\n    width?: number | string;\n    /**\n     * The inner scroller (`overflow: auto`). The component `ref` is the\n     * non-scrolling wrapper — use this for virtualizers, sentinels, or\n     * programmatic scroll.\n     */\n    contentRef?: Ref<HTMLDivElement>;\n  } & (\n    | {\n        /** Scrolling overflow with edge shadows. Defaults to `false`. */\n        truncate?: false;\n      }\n    | {\n        /** Required when `truncate` is set; row overflow is scroll-only. */\n        direction: \"column\";\n        /**\n         * Clamps the column and shows expand/collapse when content is clipped.\n         * `true` uses the default button labels.\n         */\n        truncate:\n          | boolean\n          | {\n              /** Expand control label. Boolean `true` uses `\"Show more...\"` instead. */\n              expandText?: string;\n              /** Collapse control label. Boolean `true` uses `\"Show less...\"` instead. */\n              collapseText?: string;\n              /** Fires when the control expands the content. */\n              onExpand?: (e: MouseEvent<HTMLButtonElement>) => void;\n              /** Fires when the control collapses the content. */\n              onCollapse?: (e: MouseEvent<HTMLButtonElement>) => void;\n            };\n      }\n  ) &\n  DataTrackingId;\n\ntype ShadowState = {\n  right: boolean;\n  left: boolean;\n  top: boolean;\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      contentRef: contentRefProp,\n      ...rest\n    } = componentProps;\n    const contentRef = useRef<HTMLDivElement>(null);\n    // Keep an internal scroller ref for observers while forwarding `contentRef`.\n    const mergedContentRef = useMergeRefs([contentRef, contentRefProp]);\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,\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        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      shadowUpdate();\n    }, [children, shadowUpdate]);\n\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={mergedContentRef}\n            direction={direction}\n            gap={gap}\n            /**\n             * Scrollable region must be focusable.\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={mergedContentRef}\n          style={contentStyle}\n          direction={direction}\n          gap={gap}\n          /**\n           * Scrollable region must be focusable.\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  type ComponentPropsWithoutRef,\n  forwardRef,\n  useState,\n  type MouseEvent,\n  useRef,\n  useEffect,\n} from \"react\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport type { DataTrackingId, LayoutUtilProps } from \"../../types\";\nimport {\n  childrenToString,\n  getKeyboardFocusableElements,\n} from \"../../internal/functions\";\nimport { useTrackingId } from \"../../hooks\";\n\nimport cx from \"classnames\";\nimport overflowStyles from \"./Overflow.module.scss\";\nimport styles from \"./OverflowText.module.scss\";\n\n/**\n * `expandable` is a union: omit or `false` clamps without a control;\n * `true` adds expand/collapse when the clamp clips.\n */\nexport type OverflowTextProps = ComponentPropsWithoutRef<\"div\"> &\n  LayoutUtilProps & {\n    /**\n     * Line clamp. `\"unlimited\"` does not clamp. Defaults to `1`.\n     */\n    rows?: number | \"unlimited\";\n  } & (\n    | {\n        /** No expand control. Defaults to `false`. */\n        expandable?: false;\n        expandText?: never;\n        collapseText?: never;\n        onExpand?: never;\n        onCollapse?: never;\n      }\n    | {\n        /** Shows expand/collapse when the clamp clips. */\n        expandable: true;\n        /** Expand control label. Defaults to `\"Show more...\"`. */\n        expandText?: string;\n        /** Collapse control label. Defaults to `\"Show less...\"`. */\n        collapseText?: string;\n        /** Fires when the control expands the text. */\n        onExpand?: (e: MouseEvent<HTMLButtonElement>) => void;\n        /** Fires when the control collapses the text. */\n        onCollapse?: (e: MouseEvent<HTMLButtonElement>) => void;\n      }\n  ) &\n  DataTrackingId;\n\n/** Line-clamped text. `expandable` adds a control when content exceeds `rows`. */\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      \"--a2-inline-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        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      // Only `expandable` should rebind the observer, not the rest of `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([styles[\"overflow-text\"]], className, {\n        [styles[\"expanded\"]]: expanded,\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={overflowStyles[\"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 * Scrollable container with edge shadows. Optional `truncate` adds\n * expand/collapse (column only). `ref` is the outer wrapper; `contentRef` is\n * the scroller.\n */\nexport const Overflow = Object.assign(OverflowElement, {\n  /** Line-clamped text with optional expand/collapse. */\n  Text: OverflowText,\n});\n\nexport default Overflow;\n\nexport type { OverflowProps };\nexport { OverflowText, type OverflowTextProps };\n"],"names":["Overflow","styles","wrapperStyle","contentStyle","overflowTextClassNames","OverflowElement"],"mappings":"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"}

package/dist/{Page-BmpojvuI.js → Page-B2HZzNGP.js}

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { createContext, forwardRef, useContext, useState, useLayoutEffect, useRef, useEffect, useMemo, useCallback } from 'react';
 import { c as cx } from './index-De1g9FRV.js';
-import { P as Popover, a as usePopoverContext } from './AiMark-CWufA6pV.js';
+import { P as Popover, a as usePopoverContext } from './AiMark-D57s1e0T.js';
 import { S as SvgSegment, a as SvgChevronLeft, b as SvgSettings } from './settings-Bsahaln8.js';
 import { S as SvgKeyboardArrowDown } from './keyboard_arrow_down-C8WQ38p1.js';
 import { S as SvgKeyboardArrowUp } from './keyboard_arrow_up-CxzK6LAl.js';
@@ -10,24 +10,24 @@ import { b as BreakpointLg } from './primitive-BXgYQTTw.js';
 import { useTrackingId } from './useTrackingId.js';
 import { B as Button } from './Button-Dwh_Nd4l.js';
 import { I as Icon } from './Icon-B5zwN7GD.js';
-import { T as Tooltip } from './Tooltip-B4MSqIpg.js';
+import { T as Tooltip } from './Tooltip-C_VcYS9P.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
 import { F as Flex } from './Flex-CRF7gj0_.js';
-import { L as Layout } from './Layout-C2Q2hyLG.js';
+import { L as Layout } from './Layout-C8fKY7Eh.js';
 import { S as SvgMoreVert } from './more_vert-C_lJSyxt.js';
 import { S as SvgEdit } from './edit-DQOiktcu.js';
 import { S as SvgCheck } from './check-Cf67OWrZ.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
 import { B as ButtonLink } from './ButtonLink-DOFAxNvC.js';
-import { B as Breadcrumbs } from './Breadcrumbs-DbOrdao2.js';
-import { M as Menu } from './Menu-BjPE_ODh.js';
-import { T as TextField } from './TextField-DX5qyWPo.js';
-import { T as Text } from './Text-CZccJAnm.js';
-import { C as Chip } from './Chip-UbrxYEqs.js';
+import { B as Breadcrumbs } from './Breadcrumbs-DtLSS0PJ.js';
+import { M as Menu } from './Menu-eLxQwmZk.js';
+import { T as TextField } from './TextField-CtXjbtqa.js';
+import { T as Text } from './Text-dONmlARH.js';
+import { C as Chip } from './Chip-B4G4zaP-.js';
 import { createPortal } from 'react-dom';
-import { D as Dialog } from './Dialog-Ds25dKQp.js';
+import { D as Dialog } from './Dialog-vSiZAR1y.js';
 import { d as drillDownStyles, D as DrillDownContext } from './DrillDown.module-1VBKDZRA.js';
-import { u as useDrillDownContextState } from './useInitialFocus-CGybEc6x.js';
+import { u as useDrillDownContextState } from './useInitialFocus-0TZ78bPz.js';
 import { u as useDrillDownContext } from './useDrillDownContext-D5_NjqY4.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjqeAJZ9.js';
 
@@ -863,7 +863,7 @@ const Page = Object.assign(
      * - Status chips display
      * - Primary and secondary action buttons
      * - Preference action button/link
-     * - Responsive layout with fluid grid
+     * - Responsive layout grid
      * - Accessibility support with proper ARIA labels
      * - Flexible layout configuration
      * - Description content support
@@ -949,4 +949,4 @@ const Page = Object.assign(
 Page.displayName = "Page";
 
 export { Page as P };
-//# sourceMappingURL=Page-BmpojvuI.js.map
+//# sourceMappingURL=Page-B2HZzNGP.js.map

package/dist/Page-B2HZzNGP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page-B2HZzNGP.js","sources":["../src/beta/components/Page/PageSidebarContext.ts","../src/beta/components/Page/PageContext.ts","../src/beta/components/Page/pageBreakpoint.ts","../src/beta/components/Page/PageSidebar.tsx","../src/beta/components/Page/PageSidebarHeader.tsx","../src/beta/components/Page/PageHeader.tsx","../src/beta/components/Page/PageContent.tsx","../src/beta/components/Page/internal/PagePanelContext.tsx","../src/beta/components/Page/PagePanelHeader.tsx","../src/beta/components/Page/PagePanelContent.tsx","../src/beta/components/Page/PagePanelFooter.tsx","../src/beta/components/Page/PagePanel.tsx","../src/beta/components/Page/PageFooter.tsx","../src/beta/components/Page/Page.tsx"],"sourcesContent":["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  contentWrapper?: HTMLElement | null;\n  footerSlot?: HTMLElement | null;\n};\n","import { core } from \"@servicetitan/hammer-token\";\n\n/**\n * The Page's `lg` breakpoint width in px — the boundary between the stacked\n * \"mobile\" layout (sidebar collapses to a popover trigger, panel becomes a\n * dialog) and the desktop layout. Parsed once from the design token; falls\n * back to `0` if the token is unavailable.\n *\n * Single source of truth for every width-driven layout decision in Page\n * (`PageSidebar`, `PagePanel`, `PageContent`) so they can never drift apart.\n */\nexport const PAGE_LG_BREAKPOINT = +(\n  core.primitive?.BreakpointLg?.value?.replace(\"px\", \"\") ?? 0\n);\n\n/**\n * Whether the given page width should use the mobile layout (below `lg`).\n * Used by `PageSidebar`/`PagePanel` to swap to their popover/dialog forms.\n */\nexport const isPageMobileWidth = (pageWidth: number | undefined): boolean =>\n  (pageWidth ?? 0) < PAGE_LG_BREAKPOINT;\n\n/**\n * Whether `Page`'s content wrapper — the `main` landmark every `Page.Content`\n * portals into — is a native scroll container (desktop, `lg` and above). Below\n * `lg`, `Page` is stacked into a single mobile column and the whole document\n * scrolls together, so the wrapper stays in normal flow instead of becoming an\n * independently-scrolling, keyboard-focusable region — matching when `Page`'s\n * stylesheet switches `.sidebar`/`.panel` into their own sticky, self-scrolling\n * desktop layout.\n */\nexport const isPageContentScrollContainerActive = (\n  pageWidth: number | undefined,\n): boolean => PAGE_LG_BREAKPOINT > 0 && (pageWidth ?? 0) >= PAGE_LG_BREAKPOINT;\n","import { Button, Icon, Flex, Tooltip } from \"../../../components\";\nimport { Popover } from \"../../../internal/components/Popover\";\nimport { usePopoverContext } from \"../../../internal/components/Popover/internal/usePopoverContext\";\nimport {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type ReactNode,\n  type Ref,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n  useLayoutEffect,\n} from \"react\";\nimport { useTrackingId, useMergeRefs } 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, type PageContextProps } from \"./PageContext\";\nimport { isPageMobileWidth } from \"./pageBreakpoint\";\n\nfunction AdaptiveSidebarContent({\n  children,\n  className,\n  innerRef,\n}: {\n  children: ReactNode;\n  className?: string;\n  innerRef?: Ref<HTMLDivElement>;\n}) {\n  const { closePopover, openState } = usePopoverContext();\n  const containerRef = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs([containerRef, innerRef]);\n\n  useEffect(() => {\n    if (!openState) return;\n    const overflow = document.body.style.overflow;\n    document.body.style.overflow = \"hidden\";\n    return () => {\n      document.body.style.overflow = overflow;\n    };\n  }, [openState]);\n\n  useEffect(() => {\n    const el = containerRef.current;\n    if (!el) return;\n    const handleClick = (e: Event) => {\n      if (!(e.target instanceof Element)) return;\n      if (e.target.closest(\"a\")) closePopover();\n    };\n    el.addEventListener(\"click\", handleClick);\n    return () => el.removeEventListener(\"click\", handleClick);\n  }, [closePopover]);\n\n  return (\n    <Flex direction=\"column\" className={className} ref={mergedRef}>\n      {children}\n    </Flex>\n  );\n}\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\n    const [isMobile, setIsMobile] = useState<boolean>(() =>\n      typeof window !== \"undefined\"\n        ? isPageMobileWidth(window.innerWidth)\n        : false,\n    );\n\n    useLayoutEffect(() => {\n      if (!pageWidth) return;\n      setIsMobile(isPageMobileWidth(pageWidth));\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 (isMobile) {\n      return (\n        <Popover fillAvailableHeight matchReferenceWidth noPadding>\n          <Popover.Trigger>\n            {(props) => {\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            <AdaptiveSidebarContent\n              className={styles[\"sidebar-adaptive\"]}\n              innerRef={ref}\n            >\n              {children}\n            </AdaptiveSidebarContent>\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 {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type Ref,\n  useContext,\n} 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 {\n  type ButtonProps,\n  type ButtonLinkProps,\n  type BreadcrumbsLinkProps,\n  type ChipProps,\n  type MenuReturnProps,\n  Tooltip,\n  ButtonLink,\n  Button,\n  Flex,\n  Menu,\n  Breadcrumbs,\n  Chip,\n  Text,\n  TextField,\n} from \"../../../components\";\nimport {\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n  forwardRef,\n  type Ref,\n  useState,\n  useRef,\n  useEffect,\n  type KeyboardEvent,\n} from \"react\";\nimport Layout, { type LayoutProps } from \"../../../components/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\";\nimport Edit from \"@servicetitan/hammer-icon/mdi/round/edit.svg\";\nimport Check from \"@servicetitan/hammer-icon/mdi/round/check.svg\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport IconKeyboardArrowDown from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_down.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 a page header action that opens a menu instead of invoking a single\n * handler. `onClick` is omitted because the whole button opens the menu -- an\n * action carrying both a handler and items would be a split button, which\n * Anvil does not support.\n */\ntype PageHeaderMenuActionProps = Omit<PageHeaderActionProps, \"onClick\"> & {\n  /**\n   * Actions listed in the menu this button opens\n   */\n  items: PageHeaderActionProps[];\n};\n\n/**\n * Props for page header actions configuration\n */\ntype PageHeaderActionsProps = {\n  /**\n   * Primary action button. Pass `items` instead of `onClick` to render a\n   * primary button that opens a menu of actions.\n   */\n  primary?: PageHeaderActionProps | PageHeaderMenuActionProps;\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\ntype PageHeaderTitleConfig = {\n  text: string;\n  onChange?: (title: string) => void | boolean;\n  editButtonLabel?: string;\n  editFieldLabel?: string;\n  confirmButtonLabel?: string;\n  cancelButtonLabel?: string;\n};\n\ntype PageHeaderTitle = PageHeaderTitleConfig[\"text\"] | PageHeaderTitleConfig;\n\n/**\n * Props for the PageHeader component\n * @extends ComponentPropsWithoutRef<\"header\">\n */\nexport type PageHeaderProps = Omit<\n  ComponentPropsWithoutRef<\"header\">,\n  \"title\"\n> & {\n  /**\n   * Main title of the page\n   */\n  title: PageHeaderTitle;\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   * Header {@link LayoutProps}. When unset, the header uses the default fixed\n   * 1280px layout. Match the `fluid` and `variant` of the `Layout` inside\n   * `Page.Content`.\n   */\n  layout?: LayoutProps;\n};\n\n/**\n * Maps page header actions onto menu items. `Menu.Item` takes only a leading\n * icon, so a bare svg and the `{ after }` form are unwrapped to it and the\n * `{ before }` form is intentionally dropped. `ButtonProps` is a union, and\n * `Omit<ButtonProps, \"appearance\">` collapses it, which is why `icon` has to be\n * narrowed at runtime here.\n */\nconst renderMenuItems = (actions: PageHeaderActionProps[]) =>\n  actions.map((action, index) => {\n    const icon =\n      typeof action.icon === \"function\"\n        ? action.icon\n        : action.icon && \"after\" in action.icon\n          ? action.icon.after\n          : undefined;\n    return (\n      <Menu.Item\n        key={index}\n        label={action.label}\n        onClick={action.onClick}\n        disabled={action.disabled}\n        icon={icon}\n        className={action.className}\n      />\n    );\n  });\n\n/**\n * Builds the trigger for a menu-opening primary action. `triggerProps` spreads\n * last on purpose: `Menu` supplies the trigger's `onClick`, `onKeyDown`, and\n * ARIA state, and spreading consumer props after them would clobber the menu's\n * own behavior. `icon` sits after `buttonProps` for the same reason in reverse:\n * the chevron is what signals that this button opens a menu, so it wins over a\n * consumer-supplied icon. A menu primary therefore cannot carry a leading icon.\n * `ref` lands last so nothing can displace it: `Menu` dismisses itself by\n * testing event paths against the invoker element, which only works if the ref\n * reaches the button.\n */\nconst renderPrimaryMenuTrigger =\n  (primary: PageHeaderMenuActionProps) =>\n  ({ ref, ...triggerProps }: MenuReturnProps) => {\n    const { items: _items, label, ...buttonProps } = primary;\n    return (\n      <Button\n        appearance=\"primary\"\n        {...buttonProps}\n        icon={{ after: IconKeyboardArrowDown }}\n        {...triggerProps}\n        ref={ref}\n      >\n        {label}\n      </Button>\n    );\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 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: titleProp,\n      breadcrumbs,\n      chips,\n      description,\n      actions,\n      preferenceAction,\n      layout,\n      className,\n      ...rest\n    } = props;\n\n    const title: PageHeaderTitleConfig =\n      typeof titleProp === \"string\" ? { text: titleProp } : titleProp;\n\n    const [editing, setEditing] = useState(false);\n    const [editingTitle, setEditingTitle] = useState<\n      PageHeaderTitleConfig[\"text\"]\n    >(title.text);\n    const editFieldRef = useRef<HTMLInputElement>(null);\n    const editButtonRef = useRef<HTMLButtonElement>(null);\n    const firstRenderRef = useRef(true);\n\n    useEffect(() => {\n      if (firstRenderRef.current) {\n        firstRenderRef.current = false;\n        return;\n      }\n\n      if (editing === true && editFieldRef.current) {\n        editFieldRef.current.focus();\n      }\n\n      if (editing === false && editButtonRef.current) {\n        editButtonRef.current.focus();\n      }\n    }, [editing]);\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 secondaryActions = actions?.secondary ?? [];\n    const primaryAction = actions?.primary;\n\n    const collapseSecondary =\n      secondaryActions.length >= 3 ||\n      (secondaryActions.length >= 2 && !!primaryAction);\n\n    const actionItems = actions && (\n      <Flex justifyContent=\"flex-end\" className={styles.actions}>\n        {collapseSecondary ? (\n          <Menu\n            trigger={({ ref, ...rest }) => (\n              <Tooltip>\n                <Tooltip.Trigger>\n                  <Button\n                    appearance=\"secondary\"\n                    icon={MoreVert}\n                    aria-label=\"More actions\"\n                    {...rest}\n                    ref={ref}\n                  />\n                </Tooltip.Trigger>\n                <Tooltip.Content>More actions</Tooltip.Content>\n              </Tooltip>\n            )}\n          >\n            {renderMenuItems(secondaryActions)}\n          </Menu>\n        ) : (\n          secondaryActions.map((action, index) => (\n            <Button key={index} appearance=\"secondary\" {...action}>\n              {action.label}\n            </Button>\n          ))\n        )}\n\n        {primaryAction &&\n          (\"items\" in primaryAction ? (\n            <Menu\n              label={primaryAction.label}\n              trigger={renderPrimaryMenuTrigger(primaryAction)}\n            >\n              {renderMenuItems(primaryAction.items)}\n            </Menu>\n          ) : (\n            <Button appearance=\"primary\" {...primaryAction}>\n              {primaryAction.label}\n            </Button>\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 sm={2} md={actionItems || editing ? 6 : 12}>\n              <div className={styles[\"title-wrapper\"]}>\n                {title.onChange && editing ? (\n                  <form\n                    onSubmit={(e) => {\n                      e.preventDefault();\n                      if (title.onChange?.(editingTitle) !== false) {\n                        setEditing(false);\n                      }\n                    }}\n                    style={{ display: \"flex\" }}\n                  >\n                    <Flex alignItems=\"center\" grow={1} gap={2}>\n                      <TextField\n                        aria-label={title.editFieldLabel ?? \"Page title\"}\n                        defaultValue={title.text}\n                        flexGrow={1}\n                        ref={editFieldRef}\n                        onChange={(event) =>\n                          setEditingTitle(event.target.value)\n                        }\n                        onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n                          if (e.code === \"Escape\") {\n                            setEditing(false);\n                            setEditingTitle(title.text);\n                          }\n                        }}\n                      />\n\n                      <Flex alignItems=\"center\" gap={1}>\n                        <Tooltip>\n                          <Tooltip.Trigger>\n                            <Button\n                              icon={Check}\n                              aria-label={\n                                title.confirmButtonLabel ?? \"Update title\"\n                              }\n                              size=\"small\"\n                              appearance=\"primary\"\n                              onClick={() => {\n                                if (title.onChange?.(editingTitle) !== false) {\n                                  setEditing(false);\n                                }\n                              }}\n                            />\n                          </Tooltip.Trigger>\n                          <Tooltip.Content>\n                            {title.confirmButtonLabel ?? \"Update title\"}\n                          </Tooltip.Content>\n                        </Tooltip>\n\n                        <Tooltip>\n                          <Tooltip.Trigger>\n                            <Button\n                              icon={Close}\n                              aria-label={title.cancelButtonLabel ?? \"Cancel\"}\n                              size=\"small\"\n                              onClick={() => {\n                                setEditing(false);\n                                setEditingTitle(title.text);\n                              }}\n                            />\n                          </Tooltip.Trigger>\n                          <Tooltip.Content>\n                            {title.cancelButtonLabel ?? \"Cancel\"}\n                          </Tooltip.Content>\n                        </Tooltip>\n                      </Flex>\n                    </Flex>\n                  </form>\n                ) : (\n                  <>\n                    <Text\n                      variant=\"headline\"\n                      size=\"large\"\n                      el=\"h1\"\n                      className={styles.title}\n                    >\n                      {title.text}\n                    </Text>\n\n                    {title.onChange != null ? (\n                      <>\n                        {\" \"}\n                        <Tooltip>\n                          <Tooltip.Trigger>\n                            <Button\n                              icon={Edit}\n                              aria-label={title.editButtonLabel ?? \"Edit title\"}\n                              size=\"small\"\n                              appearance=\"ghost\"\n                              ref={editButtonRef}\n                              onClick={() => setEditing(true)}\n                            />\n                          </Tooltip.Trigger>\n                          <Tooltip.Content>\n                            {title.editButtonLabel ?? \"Edit title\"}\n                          </Tooltip.Content>\n                        </Tooltip>\n                      </>\n                    ) : null}\n                  </>\n                )}\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 && (\n              <Layout.Item sm={2} md={6}>\n                {actionItems}\n              </Layout.Item>\n            )}\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  type ComponentPropsWithoutRef,\n  forwardRef,\n  type Ref,\n  useContext,\n  useRef,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport cx from \"classnames\";\nimport styles from \"./Page.module.scss\";\nimport { PageContext } from \"./PageContext\";\nimport { useMergeRefs } from \"../../../hooks\";\n\n/**\n * Props for the PageContent component\n * @extends ComponentPropsWithoutRef<\"section\">\n */\nexport type PageContentProps = ComponentPropsWithoutRef<\"section\">;\n\n/**\n * PageContent component for the main content area of a page.\n *\n * Features:\n * - Renders as a section element inside Page's main landmark\n * - Portals into Page's content wrapper via context, which is the native scroll\n *   container at desktop breakpoints — sibling sections scroll together as one\n * - Responsive design\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<HTMLElement>) => {\n    const { children, className, ...rest } = props;\n    const classNames = cx([styles[\"content\"]], className);\n    const sectionRef = useRef<HTMLElement>(null);\n    const mergedRef = useMergeRefs([sectionRef, ref]);\n\n    const { contentWrapper } = useContext(PageContext);\n\n    const section = (\n      <section className={classNames} ref={mergedRef} {...rest}>\n        <div className={styles[\"content-inner\"]}>{children}</div>\n      </section>\n    );\n\n    if (contentWrapper) {\n      return createPortal(section, contentWrapper);\n    }\n\n    if (contentWrapper === undefined) {\n      return section;\n    }\n\n    return null;\n  },\n);\n\nPageContent.displayName = \"PageContent\";\n","import { type RefObject, createContext } from \"react\";\n\n/**\n * Context props for the PagePanel component\n */\nexport type PagePanelContextProps = {\n  /**\n   * Reference to the panel header element for sticky content positioning.\n   */\n  headerRef?: RefObject<HTMLElement>;\n};\n\nexport const PagePanelContext = createContext<PagePanelContextProps>({});\n","import {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type Ref,\n  useContext,\n} from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Page.module.scss\";\nimport { PagePanelContext } from \"./internal/PagePanelContext\";\nimport { useMergeRefs } from \"../../../hooks\";\n\n/**\n * Props for the PagePanelHeader component\n * @extends ComponentPropsWithoutRef<\"header\">\n */\nexport type PagePanelHeaderProps = ComponentPropsWithoutRef<\"header\">;\n\n/**\n * Header component for the panel that stays pinned to the top of the panel's scrollable area.\n *\n * Features:\n * - Sticky positioning at the top of the panel's scrollable content\n * - Proper semantic HTML structure\n * - Consistent padding and styling with the design system\n * - Supports all standard header element props\n *\n * @example\n * <Page.Panel.Header>\n *   <Text variant=\"headline\" el=\"h3\">Panel Title</Text>\n * </Page.Panel.Header>\n */\nexport const PagePanelHeader = forwardRef(\n  (props: PagePanelHeaderProps, ref: Ref<HTMLElement>) => {\n    const { className, children, ...rest } = props;\n    const { headerRef } = useContext(PagePanelContext);\n    const classNames = cx(styles[\"panel-header\"], className);\n\n    return (\n      <header\n        className={classNames}\n        data-anv=\"page-panel-header\"\n        ref={useMergeRefs([ref, headerRef])}\n        {...rest}\n      >\n        {children}\n      </header>\n    );\n  },\n);\n\nPagePanelHeader.displayName = \"PagePanelHeader\";\n","import {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type Ref,\n  useContext,\n  useEffect,\n  useState,\n} from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Page.module.scss\";\nimport { PagePanelContext } from \"./internal/PagePanelContext\";\n\n/**\n * Props for the PagePanelContent component\n * @extends ComponentPropsWithoutRef<\"div\">\n */\nexport type PagePanelContentProps = ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * When true, the content will stick below the header during scroll, acting as a second header.\n   * @default false\n   */\n  sticky?: boolean;\n};\n\n/**\n * Content container for the panel that holds the main scrollable content area.\n *\n * Features:\n * - Grows to fill the space between the panel's header and footer\n * - Scrolls independently of the header and footer once content overflows\n * - Optional sticky positioning below the header, for a second sticky region (e.g. a filter bar)\n * - Proper semantic HTML structure\n * - Consistent padding and styling with the design system\n * - Supports all standard div element props\n *\n * @example\n * // Basic content\n * <Page.Panel.Content>\n *   <Text>Panel content goes here</Text>\n * </Page.Panel.Content>\n *\n * @example\n * // Sticky content (e.g., a search field that remains visible while scrolling)\n * <Page.Panel.Header>Panel Title</Page.Panel.Header>\n * <Page.Panel.Content sticky>\n *   <TextField placeholder=\"Filter results...\" />\n * </Page.Panel.Content>\n * <Page.Panel.Content>\n *   <Text>Scrollable results</Text>\n * </Page.Panel.Content>\n */\nexport const PagePanelContent = forwardRef(\n  (props: PagePanelContentProps, ref: Ref<HTMLDivElement>) => {\n    const { className, children, sticky = false, style, ...rest } = props;\n    const { headerRef } = useContext(PagePanelContext);\n    const [headerHeight, setHeaderHeight] = useState(0);\n\n    useEffect(() => {\n      const headerElement = headerRef?.current;\n      if (!sticky || !headerElement) return;\n\n      const updateHeight = () => {\n        setHeaderHeight(headerElement.offsetHeight || 0);\n      };\n\n      updateHeight();\n      const resizeObserver = new ResizeObserver(updateHeight);\n      resizeObserver.observe(headerElement);\n\n      return () => resizeObserver.disconnect();\n    }, [sticky, headerRef]);\n\n    const contentClassNames = cx(styles[\"panel-content\"], className, {\n      [styles[\"sticky\"]]: sticky,\n    });\n\n    const stickyStyle = sticky ? { top: `${headerHeight}px` } : undefined;\n\n    return (\n      <div\n        className={contentClassNames}\n        data-anv=\"page-panel-content\"\n        ref={ref}\n        style={{ ...stickyStyle, ...style }}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nPagePanelContent.displayName = \"PagePanelContent\";\n","import { type ComponentPropsWithoutRef, forwardRef, type Ref } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Page.module.scss\";\n\n/**\n * Props for the PagePanelFooter component\n * @extends ComponentPropsWithoutRef<\"footer\">\n */\nexport type PagePanelFooterProps = ComponentPropsWithoutRef<\"footer\"> & {\n  /**\n   * When true, the footer will stick to the bottom of the panel's scrollable area.\n   * @default false\n   */\n  sticky?: boolean;\n};\n\n/**\n * Footer component for the panel that displays action buttons and controls.\n *\n * Features:\n * - Flex layout that right-aligns action buttons and wraps on overflow\n * - Optional sticky positioning at the bottom of the panel\n * - Proper semantic HTML structure\n * - Consistent padding and styling with the design system\n * - Supports all standard footer element props\n *\n * @example\n * <Page.Panel.Footer sticky>\n *   <Button appearance=\"primary\" onClick={handleSave}>Save</Button>\n * </Page.Panel.Footer>\n */\nexport const PagePanelFooter = forwardRef(\n  (props: PagePanelFooterProps, ref: Ref<HTMLElement>) => {\n    const { className, children, sticky = false, ...rest } = props;\n    const classNames = cx(styles[\"panel-footer\"], className, {\n      [styles[\"sticky\"]]: sticky,\n    });\n\n    return (\n      <footer\n        className={classNames}\n        data-anv=\"page-panel-footer\"\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </footer>\n    );\n  },\n);\n\nPagePanelFooter.displayName = \"PagePanelFooter\";\n","import {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type Ref,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useState,\n  useMemo,\n  type CSSProperties,\n  useRef,\n} from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Page.module.scss\";\nimport Dialog from \"../../../components/Dialog\";\nimport { PageContext, type PageContextProps } from \"./PageContext\";\nimport { isPageMobileWidth } from \"./pageBreakpoint\";\nimport {\n  DrillDownContext,\n  type DrillDownContextProps,\n} from \"../../../components/DrillDown/internal/DrillDownContext\";\nimport { useDrillDownContextState } from \"../../../components/DrillDown/internal/useDrillDownContextState\";\nimport drillDownStyles from \"../../../components/DrillDown/DrillDown.module.scss\";\nimport { useDrillDownContext } from \"../../../components/DrillDown/internal/useDrillDownContext\";\nimport { PagePanelHeader } from \"./PagePanelHeader\";\nimport { PagePanelContent } from \"./PagePanelContent\";\nimport { PagePanelFooter } from \"./PagePanelFooter\";\nimport { PagePanelContext } from \"./internal/PagePanelContext\";\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   * Sets the default DrillDown index when used in an uncontrolled way\n   */\n  defaultDrillDownIndex?: DrillDownContextProps[\"index\"];\n  /**\n   * Callback to pass context to useDrillDown hook\n   */\n  onDrillDownContextChange?: (context: DrillDownContextProps) => void;\n};\n\nconst PagePanelInner = ({\n  style,\n  open,\n  hostedInDialog,\n  children,\n}: {\n  style?: CSSProperties;\n  open?: boolean;\n  /**\n   * Set when rendered inside the mobile Dialog fallback, which owns its own\n   * scrollable region (`.scroller`) and focus trap. Skips the self-managed\n   * overflow/tabIndex behavior below so sticky Header/Content/Footer pin to\n   * that scroller instead of this unconstrained wrapper, and so the Dialog's\n   * focus trap lands on the first real control instead of this container.\n   */\n  hostedInDialog?: boolean;\n  children?: React.ReactNode;\n}) => {\n  const { index } = useDrillDownContext();\n\n  const classNames = cx([styles[\"panel-inner\"]], {\n    [styles[\"drilldown-open\"]]: index !== undefined,\n  });\n\n  return (\n    <div\n      className={classNames}\n      /* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */\n      tabIndex={\n        hostedInDialog\n          ? undefined\n          : typeof open !== \"undefined\" && open\n            ? 0\n            : -1\n      }\n      style={{\n        ...style,\n        ...(hostedInDialog\n          ? {}\n          : { overflowY: index === undefined ? \"auto\" : \"hidden\" }),\n      }}\n    >\n      {children}\n    </div>\n  );\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 * - Compound component structure with Header, Content, and Footer\n * - Sticky header and optional sticky footer around a scrollable content area\n *\n * @example\n * <Page.Panel open={isOpen} size=\"medium\">\n *   <Page.Panel.Header>\n *     <Text variant=\"headline\" el=\"h3\">Panel Title</Text>\n *   </Page.Panel.Header>\n *   <Page.Panel.Content>\n *     <Text>Panel content goes here</Text>\n *   </Page.Panel.Content>\n *   <Page.Panel.Footer sticky>\n *     <Button appearance=\"primary\" onClick={() => setIsOpen(false)}>Save</Button>\n *   </Page.Panel.Footer>\n * </Page.Panel>\n */\nexport const PagePanel = Object.assign(\n  forwardRef((props: PagePanelProps, ref: Ref<HTMLDivElement>) => {\n    const {\n      children,\n      open,\n      size = \"medium\",\n      noPadding,\n      style,\n      className,\n      defaultDrillDownIndex,\n      onDrillDownContextChange,\n      ...rest\n    } = props;\n    const [isMobile, setIsMobile] = useState<boolean>(false);\n    const headerRef = useRef<HTMLElement>(null);\n\n    const classNames = cx(\n      [styles.panel, drillDownStyles.panel],\n      [styles[size]],\n      className,\n      {\n        [styles[\"open\"]]: typeof open === \"undefined\" ? true : open,\n        [styles[\"persistent\"]]: typeof open === \"undefined\",\n        [styles[\"noPadding\"]]: noPadding,\n      },\n    );\n\n    const drillDownContextValue = useDrillDownContextState({\n      defaultDrillDownIndex,\n    });\n\n    const drillDownContextProviderValue = useMemo(\n      () => ({\n        ...drillDownContextValue,\n        hostIsInteractive: open !== false,\n      }),\n      [drillDownContextValue, open],\n    );\n\n    useLayoutEffect(() => {\n      onDrillDownContextChange?.(drillDownContextProviderValue);\n    }, [drillDownContextProviderValue]); // eslint-disable-line react-hooks/exhaustive-deps\n\n    const { pageWidth } = useContext<PageContextProps>(PageContext);\n    const previousOpenRef = useRef(open);\n\n    useEffect(() => {\n      if (isMobile) {\n        previousOpenRef.current = open;\n        return;\n      }\n\n      if (previousOpenRef.current && open === false) {\n        drillDownContextValue.onHostClose?.();\n        drillDownContextValue.onHostClosed?.();\n      }\n\n      previousOpenRef.current = open;\n    }, [open, isMobile, drillDownContextValue]);\n\n    useLayoutEffect(() => {\n      if (isMobile || !open || previousOpenRef.current) {\n        return;\n      }\n\n      drillDownContextValue.setHostTrigger?.(\n        document.activeElement instanceof HTMLElement\n          ? document.activeElement\n          : null,\n      );\n    }, [open, isMobile, drillDownContextValue]);\n\n    useLayoutEffect(() => {\n      setIsMobile(isPageMobileWidth(pageWidth));\n    }, [pageWidth]);\n\n    if (typeof open !== \"undefined\" && isMobile) {\n      return (\n        <Dialog\n          open={open}\n          defaultDrillDownIndex={defaultDrillDownIndex}\n          onDrillDownContextChange={onDrillDownContextChange}\n        >\n          <Dialog.Content>\n            <PagePanelContext.Provider value={{ headerRef }}>\n              <div\n                className={classNames}\n                aria-hidden={!open}\n                aria-disabled={!open}\n                ref={ref}\n                {...rest}\n              >\n                <PagePanelInner style={style} open={open} hostedInDialog>\n                  {children}\n                </PagePanelInner>\n              </div>\n            </PagePanelContext.Provider>\n          </Dialog.Content>\n        </Dialog>\n      );\n    }\n    return (\n      <DrillDownContext.Provider value={drillDownContextProviderValue}>\n        <PagePanelContext.Provider value={{ headerRef }}>\n          <div\n            className={classNames}\n            aria-hidden={!open}\n            aria-disabled={!open}\n            ref={ref}\n            {...rest}\n          >\n            <PagePanelInner style={style} open={open}>\n              {children}\n            </PagePanelInner>\n          </div>\n        </PagePanelContext.Provider>\n      </DrillDownContext.Provider>\n    );\n  }),\n  {\n    /**\n     * Header component for the panel that stays pinned to the top of the panel's scrollable area.\n     *\n     * Features:\n     * - Sticky positioning at the top of the panel's scrollable content\n     * - Proper semantic HTML structure\n     * - Consistent padding and styling with the design system\n     * - Supports all standard header element props\n     *\n     * @example\n     * <Page.Panel.Header>\n     *   <Text variant=\"headline\" el=\"h3\">Panel Title</Text>\n     * </Page.Panel.Header>\n     */\n    Header: PagePanelHeader,\n    /**\n     * Content container for the panel that holds the main scrollable content area.\n     *\n     * Features:\n     * - Grows to fill the space between the panel's header and footer\n     * - Scrolls independently of the header and footer once content overflows\n     * - Optional sticky positioning below the header, for a second sticky region (e.g. a filter bar)\n     * - Proper semantic HTML structure\n     * - Consistent padding and styling with the design system\n     * - Supports all standard div element props\n     *\n     * @example\n     * <Page.Panel.Content>\n     *   <Text>Panel content goes here</Text>\n     * </Page.Panel.Content>\n     *\n     * @example\n     * // A second, sticky Content region acting as a sub-header below Page.Panel.Header\n     * <Page.Panel.Content sticky>\n     *   <TextField placeholder=\"Filter results...\" />\n     * </Page.Panel.Content>\n     * <Page.Panel.Content>\n     *   <Text>Scrollable results</Text>\n     * </Page.Panel.Content>\n     */\n    Content: PagePanelContent,\n    /**\n     * Footer component for the panel that displays action buttons and controls.\n     *\n     * Features:\n     * - Flex layout that right-aligns action buttons and wraps on overflow\n     * - Optional sticky positioning at the bottom of the panel\n     * - Proper semantic HTML structure\n     * - Consistent padding and styling with the design system\n     * - Supports all standard footer element props\n     *\n     * @example\n     * <Page.Panel.Footer sticky>\n     *   <Button appearance=\"primary\" onClick={handleSave}>Save</Button>\n     * </Page.Panel.Footer>\n     */\n    Footer: PagePanelFooter,\n  },\n);\n\nPagePanel.displayName = \"PagePanel\";\n","import {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type Ref,\n  useContext,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useLayoutPropsUtil } from \"../../../internal/hooks\";\nimport type { LayoutUtilProps } from \"../../../types\";\nimport cx from \"classnames\";\nimport styles from \"./Page.module.scss\";\nimport { PageContext } from \"./PageContext\";\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 * - Portals into Page's footer slot via context\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    const { footerSlot } = useContext(PageContext);\n\n    const classNames = cx([styles[\"content-footer\"]], className);\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    const footer = (\n      <footer className={classNames} ref={ref} style={styleCombined} {...rest}>\n        {children}\n      </footer>\n    );\n\n    if (footerSlot) {\n      return createPortal(footer, footerSlot);\n    }\n\n    if (footerSlot === undefined) {\n      return footer;\n    }\n\n    return null;\n  },\n);\nPageFooter.displayName = \"PageFooter\";\n","import {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  useCallback,\n  useLayoutEffect,\n  useMemo,\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 { isPageContentScrollContainerActive } from \"./pageBreakpoint\";\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\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 its own native scroll container\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 *     <Page.Panel.Content>\n *       <Text>Panel content</Text>\n *     </Page.Panel.Content>\n *   </Page.Panel>\n *   <Page.Footer>\n *     <Text>Footer content</Text>\n *   </Page.Footer>\n * </Page>\n */\nexport const Page = Object.assign(\n  forwardRef<HTMLDivElement, PageProps>(function PageInner(props, ref) {\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    const [contentWrapper, setContentWrapper] = useState<HTMLElement | null>(\n      null,\n    );\n    const [footerSlot, setFooterSlot] = useState<HTMLElement | null>(null);\n\n    // Capture the portal targets with stable callback refs that ignore detach\n    // (node === null). React calls a ref with null while it tears down/hides a\n    // subtree (the disappearLayoutEffects phase); routing that null straight\n    // into setState — as a bare `ref={setContentWrapper}` does — re-renders Page\n    // mid-teardown, which detaches the ref again, looping until React throws\n    // \"Maximum update depth exceeded\". The <main>/<div> below share Page's\n    // lifetime, so they only truly unmount when Page does, making a retained\n    // node after a real unmount harmless. Bailing when the node is unchanged\n    // also avoids a redundant render if the same element is re-attached.\n    const contentWrapperRef = useCallback((node: HTMLElement | null) => {\n      setContentWrapper((prev) => (node && node !== prev ? node : prev));\n    }, []);\n    const footerSlotRef = useCallback((node: HTMLElement | null) => {\n      setFooterSlot((prev) => (node && node !== prev ? node : prev));\n    }, []);\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      // disconnect() releases every observation, so an explicit unobserve here\n      // would be redundant.\n      return () => resizeObserver.disconnect();\n    }, [elRef]);\n\n    const contextValue = useMemo(\n      () => ({ pageWidth, contentWrapper, footerSlot }),\n      [pageWidth, contentWrapper, footerSlot],\n    );\n\n    return (\n      <PageContext.Provider value={contextValue}>\n        <div className={classNames} data-anv=\"Page\" ref={combinedRef} {...rest}>\n          <div className={styles[\"container\"]}>\n            {children}\n            <main\n              className={styles[\"content-wrapper\"]}\n              ref={contentWrapperRef}\n              /* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- makes the native overflow:auto scroll region keyboard-operable (Page Up/Page Down) at the desktop breakpoint, where CSS turns this wrapper into an independently-scrolling container regardless of whether its content currently overflows */\n              tabIndex={\n                isPageContentScrollContainerActive(pageWidth) ? 0 : undefined\n              }\n            />\n            <div className={styles[\"footer-slot\"]} ref={footerSlotRef} />\n          </div>\n        </div>\n      </PageContext.Provider>\n    );\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     */\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 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     * - Renders as a section element inside Page's main landmark\n     * - Native scroll container for long content at desktop breakpoints\n     * - Keyboard operable (Page Up / Page Down) when focus is within Page.Content\n     * - Responsive design\n     * - Portals into Page's content wrapper via context\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     * - Compound component structure with Header, Content, and Footer\n     * - Sticky header and optional sticky footer around a scrollable content area\n     *\n     * @example\n     * <Page.Panel open={isOpen} size=\"medium\">\n     *   <Page.Panel.Header>\n     *     <Text variant=\"headline\" el=\"h3\">Panel Title</Text>\n     *   </Page.Panel.Header>\n     *   <Page.Panel.Content>\n     *     <Text>Panel content</Text>\n     *   </Page.Panel.Content>\n     *   <Page.Panel.Footer>\n     *     <Button onClick={() => setIsOpen(false)}>Close</Button>\n     *   </Page.Panel.Footer>\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);\nPage.displayName = \"Page\";\n"],"names":["core.primitive?.BreakpointLg","props","SegmentSVG","RespClose","RespOpen","OpenSVG","CloseSVG","IconKeyboardArrowDown","LocalSettings","ref","rest","MoreVert","Check","Close","Edit"],"mappings":"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"}

package/dist/Page.js

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

package/dist/{Pagination-Bc4fhdNm.js → Pagination-CAgXtt9t.js}

@@ -7,10 +7,10 @@ import { B as ButtonToggle } from './ButtonToggle-DKDBD1g3.js';
 import { C as COMMON_PART, A as ANV_PART_ATTR } from './anvParts-DFVq7-Cm.js';
 import { S as SvgMoreHoriz } from './more_horiz-DJgdQiy0.js';
 import { B as Button } from './Button-Dwh_Nd4l.js';
-import { M as Menu } from './Menu-BjPE_ODh.js';
+import { M as Menu } from './Menu-eLxQwmZk.js';
 import { S as SvgKeyboardArrowDown } from './keyboard_arrow_down-C8WQ38p1.js';
 import { F as Flex } from './Flex-CRF7gj0_.js';
-import { T as Text } from './Text-CZccJAnm.js';
+import { T as Text } from './Text-dONmlARH.js';
 import { S as SvgKeyboardArrowLeft } from './keyboard_arrow_left-CiE1n99w.js';
 import { S as SvgKeyboardArrowRight } from './keyboard_arrow_right-DMloHg_F.js';
 import { useTrackingId } from './useTrackingId.js';
@@ -19,15 +19,11 @@ import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
 import './Pagination.css';const PARTS = {
   /** Shared role for menu options (overflow pages + items-per-page). */
   option: COMMON_PART.option,
-  /** Previous-page control. */
   prevPageButton: "prev-page-button",
-  /** Next-page control. */
   nextPageButton: "next-page-button",
   /** Numbered page control. Narrow with `data-page`. */
   pageButton: "page-button",
-  /** Ellipsis control that opens the overflow page menu. */
   overflowTrigger: "overflow-trigger",
-  /** Control that opens the items-per-page menu. */
   itemsPerPageTrigger: "items-per-page-trigger"
 };
 
@@ -365,7 +361,10 @@ const PaginationList = forwardRef(
           icon: SvgKeyboardArrowRight,
           size: "small",
           "aria-label": "Next page",
-          disabled: hasTotalItemCount !== false && (totalPages === 0 || page === totalPages),
+          disabled: (
+            // Without a known total, Next stays enabled so page can grow.
+            hasTotalItemCount !== false && (totalPages === 0 || page === totalPages)
+          ),
           onClick: () => {
             if (totalPages === 0 || page < totalPages) {
               onPageChange?.(page + 1);
@@ -416,10 +415,15 @@ const Pagination$1 = Object.assign(
     }
   ),
   {
+    /** Prev/next chrome around numbered page children. */
     List: PaginationList,
+    /** Numbered page control. */
     Item: PaginationItem,
+    /** Ellipsis menu for a contiguous hidden page range. */
     OverflowMenu: PaginationOverflowMenu,
+    /** Page-size selector. */
     ItemsPerPageMenu: PaginationItemsPerPageMenu,
+    /** Visible item-range text. Decorative; the live region is on the wrapper. */
     TotalCount: PaginationTotalCount
   }
 );
@@ -479,7 +483,7 @@ const usePaginationArray = ({
       const start = Math.min(prev.prevPage, page);
       const end = Math.max(prev.prevPage, page);
       const hasOverflowBetween = prev.array.some(
-        (item) => item.type === "overflow" && // Check if overflow intersects with the range (not completely covers)
+        (item) => item.type === "overflow" && // Intersects the jump range, including a one-sided overlap.
         !(item.endPage < start || item.startPage > end)
       );
       const newPageInOverflow = prev.array.some(
@@ -639,4 +643,4 @@ const Pagination = forwardRef(
 Pagination.displayName = "Pagination";
 
 export { Pagination as P, PARTS as a, Pagination$1 as b };
-//# sourceMappingURL=Pagination-Bc4fhdNm.js.map
+//# sourceMappingURL=Pagination-CAgXtt9t.js.map