@servicetitan/anvil2 3.0.8 → 3.1.0

package/dist/{Page-BSHydn4p.js → Page--5QCoYX4.js}

@@ -1,35 +1,35 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
-import { createContext, forwardRef, useContext, useState, useLayoutEffect, useRef, useEffect, useMemo } from 'react';
+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-CS6MvraM.js';
-import { b as BreakpointLg } from './primitive-DXlHdTFb.js';
+import { P as Popover, a as usePopoverContext } from './AiMark-m-sG_BrY.js';
 import { S as SvgKeyboardArrowDown } from './keyboard_arrow_down-C8WQ38p1.js';
 import { S as SvgKeyboardArrowUp } from './keyboard_arrow_up-CxzK6LAl.js';
 import { S as SvgChevronRight } from './chevron_right-BdpsxX7x.js';
+import { b as BreakpointLg } from './primitive-BXgYQTTw.js';
 import { useTrackingId } from './useTrackingId.js';
-import { B as Button } from './Button-C_V2xQAs.js';
-import { I as Icon } from './Icon-feeG7gXA.js';
-import { T as Tooltip } from './Tooltip-DqS6xDUf.js';
+import { B as Button } from './Button-ChQARW0y.js';
+import { I as Icon } from './Icon-BEwHECSM.js';
+import { T as Tooltip } from './Tooltip-DYR7-Ova.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
-import { F as Flex } from './Flex-_orhvoxS.js';
+import { F as Flex } from './Flex-Bb3iHExM.js';
 import { L as Layout } from './Layout-C2Q2hyLG.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-UhLks0vM.js';
-import { B as Breadcrumbs } from './Breadcrumbs--Xt6l_2L.js';
-import { M as Menu } from './Menu-DNJ0YqjA.js';
-import { T as TextField } from './TextField-BQsCh5Nb.js';
-import { T as Text } from './Text-w2gWn4K6.js';
-import { C as Chip } from './Chip-CyMNyEPR.js';
+import { B as ButtonLink } from './ButtonLink-CWbYzTTz.js';
+import { B as Breadcrumbs } from './Breadcrumbs-D1X1M_ej.js';
+import { M as Menu } from './Menu-BUIAooVS.js';
+import { T as TextField } from './TextField-CFRhRDXu.js';
+import { T as Text } from './Text-CK1TI4Gz.js';
+import { C as Chip } from './Chip-B6LaPxtL.js';
 import { createPortal } from 'react-dom';
-import { D as Dialog } from './Dialog-dE9c90iR.js';
+import { D as Dialog } from './Dialog-DuGX-ngX.js';
 import { d as drillDownStyles, D as DrillDownContext } from './DrillDown.module-D1Bf9_yP.js';
 import { u as useDrillDownContextState } from './useInitialFocus-BUxEDMEG.js';
 import { u as useDrillDownContext } from './useDrillDownContext-iUvoTget.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjqeAJZ9.js';
 
 import './Page.css';const page = "_page_1a6ta_1";
 const container = "_container_1a6ta_29";
@@ -98,6 +98,10 @@ const PageSideBarContext = createContext(
 
 const PageContext = createContext({});
 
+const PAGE_LG_BREAKPOINT = +(BreakpointLg?.value?.replace("px", "") ?? 0);
+const isPageMobileWidth = (pageWidth) => (pageWidth ?? 0) < PAGE_LG_BREAKPOINT;
+const showsPageVirtualScroll = (pageWidth) => PAGE_LG_BREAKPOINT > 0 && (pageWidth ?? 0) >= PAGE_LG_BREAKPOINT;
+
 function AdaptiveSidebarContent({
   children,
   className,
@@ -131,14 +135,12 @@ const PageSidebar = forwardRef(
       localStorageKey
     };
     const { pageWidth } = useContext(PageContext);
-    const [isMobile, setIsMobile] = useState(() => {
-      const breakpointWidth = +(BreakpointLg?.value?.replace("px", "") ?? 0);
-      return typeof window !== "undefined" ? window.innerWidth < breakpointWidth : false;
-    });
+    const [isMobile, setIsMobile] = useState(
+      () => typeof window !== "undefined" ? isPageMobileWidth(window.innerWidth) : false
+    );
     useLayoutEffect(() => {
       if (!pageWidth) return;
-      const breakpointWidth = +(BreakpointLg?.value?.replace("px", "") ?? 0);
-      setIsMobile(pageWidth < breakpointWidth);
+      setIsMobile(isPageMobileWidth(pageWidth));
     }, [pageWidth]);
     const trackingId = useTrackingId({
       name: "PageSidebarButton",
@@ -457,14 +459,13 @@ const PageContent = forwardRef(
     const classNames = cx([styles["content"]], className);
     const sectionRef = useRef(null);
     const virtualScrollRef = useRef(null);
+    const mergedRef = useMergeRefs([sectionRef, ref]);
     const blocker = useRef(true);
-    const [leftOffset, setLeftOffset] = useState(
-      (sectionRef.current?.offsetLeft ?? 0) + (sectionRef.current?.offsetWidth ?? 0) - 9
-    );
-    const [contentHeight, setContentHeight] = useState(
-      sectionRef.current?.offsetHeight
-    );
-    const { contentWrapper } = useContext(PageContext);
+    const rafIdRef = useRef(0);
+    const [leftOffset, setLeftOffset] = useState(-9);
+    const [contentHeight, setContentHeight] = useState(0);
+    const { contentWrapper, pageWidth } = useContext(PageContext);
+    const showVirtualScroll = showsPageVirtualScroll(pageWidth);
     useEffect(() => {
       if (typeof window === "undefined") return;
       if (!blocker.current) return;
@@ -478,64 +479,64 @@ const PageContent = forwardRef(
       };
     }, []);
     useEffect(() => {
-      if (sectionRef.current) {
-        const wrapperParent = sectionRef.current.parentElement;
-        const isWrapped = wrapperParent?.classList.contains(styles["content-wrapper"]) ?? false;
-        const heightTarget = isWrapped ? wrapperParent : sectionRef.current;
-        const observer = new ResizeObserver(() => {
+      const section2 = sectionRef.current;
+      if (!section2) return;
+      const wrapperParent = section2.parentElement;
+      const isWrapped = wrapperParent?.classList.contains(styles["content-wrapper"]) ?? false;
+      const heightTarget = isWrapped ? wrapperParent : section2;
+      const observer = new ResizeObserver(() => {
+        if (rafIdRef.current) return;
+        rafIdRef.current = requestAnimationFrame(() => {
+          rafIdRef.current = 0;
           if (!sectionRef.current) return;
           setLeftOffset(
             sectionRef.current.offsetLeft + sectionRef.current.offsetWidth - 9
           );
-          const offsetStr = getComputedStyle(sectionRef.current).getPropertyValue("--offset").trim();
-          const offset = parseFloat(offsetStr) || 0;
+          const offset = parseFloat(
+            getComputedStyle(sectionRef.current).getPropertyValue("--offset")
+          ) || 0;
           const rawHeight = document.documentElement.scrollHeight - offset;
-          const safeHeight = Number.isFinite(rawHeight) ? Math.max(0, rawHeight) : 0;
-          setContentHeight(safeHeight);
+          setContentHeight(
+            Number.isFinite(rawHeight) ? Math.max(0, rawHeight) : 0
+          );
         });
-        observer.observe(sectionRef.current);
-        if (isWrapped) {
-          observer.observe(heightTarget);
+      });
+      observer.observe(section2);
+      if (isWrapped) observer.observe(heightTarget);
+      return () => {
+        observer.disconnect();
+        if (rafIdRef.current) {
+          cancelAnimationFrame(rafIdRef.current);
+          rafIdRef.current = 0;
         }
-        return () => {
-          observer.disconnect();
-        };
-      }
+      };
     }, [contentWrapper]);
     function scrollBody(e) {
       if (typeof window === "undefined") return;
       if (blocker.current) return;
       window.scrollTo(0, e.target.scrollTop);
     }
-    const section = /* @__PURE__ */ jsxs(
-      "section",
-      {
-        className: classNames,
-        ref: useMergeRefs([sectionRef, ref]),
-        ...rest,
-        children: [
-          /* @__PURE__ */ jsx("div", { className: styles["content-inner"], children }),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: styles["virtual-scroll-container"],
-              ref: virtualScrollRef,
-              style: {
-                left: leftOffset
-              },
-              onScrollCapture: scrollBody,
-              onMouseEnter: () => {
-                blocker.current = false;
-              },
-              onMouseLeave: () => {
-                blocker.current = true;
-              },
-              children: /* @__PURE__ */ jsx("div", { style: { width: 1, height: contentHeight } })
-            }
-          )
-        ]
-      }
-    );
+    const section = /* @__PURE__ */ jsxs("section", { className: classNames, ref: mergedRef, ...rest, children: [
+      /* @__PURE__ */ jsx("div", { className: styles["content-inner"], children }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: styles["virtual-scroll-container"],
+          ref: virtualScrollRef,
+          style: {
+            left: leftOffset
+          },
+          onScrollCapture: scrollBody,
+          onMouseEnter: () => {
+            blocker.current = false;
+          },
+          onMouseLeave: () => {
+            blocker.current = true;
+          },
+          children: showVirtualScroll && /* @__PURE__ */ jsx("div", { style: { width: 1, height: contentHeight } })
+        }
+      )
+    ] });
     if (contentWrapper) {
       return createPortal(section, contentWrapper);
     }
@@ -556,7 +557,7 @@ const PagePanelInner = ({
   const classNames = cx([styles["panel-inner"]], {
     [styles["drilldown-open"]]: index !== void 0
   });
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       className: classNames,
@@ -564,7 +565,7 @@ const PagePanelInner = ({
       style: { ...style, overflowY: index === void 0 ? "auto" : "hidden" },
       children: /* @__PURE__ */ jsx("div", { children })
     }
-  ) });
+  );
 };
 const PagePanel = forwardRef(
   (props, ref) => {
@@ -625,9 +626,7 @@ const PagePanel = forwardRef(
       );
     }, [open, isMobile, drillDownContextValue]);
     useLayoutEffect(() => {
-      const breakpointWidth = +(BreakpointLg?.value.replace("px", "") ?? 0);
-      const innerWidth = pageWidth ?? 0;
-      setIsMobile(innerWidth < breakpointWidth);
+      setIsMobile(isPageMobileWidth(pageWidth));
     }, [pageWidth]);
     if (typeof open !== "undefined" && isMobile) {
       return /* @__PURE__ */ jsx(
@@ -698,6 +697,12 @@ const Page = Object.assign(
       null
     );
     const [footerSlot, setFooterSlot] = useState(null);
+    const contentWrapperRef = useCallback((node) => {
+      setContentWrapper((prev) => node && node !== prev ? node : prev);
+    }, []);
+    const footerSlotRef = useCallback((node) => {
+      setFooterSlot((prev) => node && node !== prev ? node : prev);
+    }, []);
     useLayoutEffect(() => {
       const element = elRef.current;
       const resizeObserver = new ResizeObserver((entries) => {
@@ -709,12 +714,7 @@ const Page = Object.assign(
       if (element) {
         resizeObserver.observe(element);
       }
-      return () => {
-        if (element) {
-          resizeObserver.unobserve(element);
-          resizeObserver.disconnect();
-        }
-      };
+      return () => resizeObserver.disconnect();
     }, [elRef]);
     const contextValue = useMemo(
       () => ({ pageWidth, contentWrapper, footerSlot }),
@@ -726,10 +726,10 @@ const Page = Object.assign(
         "main",
         {
           className: styles["content-wrapper"],
-          ref: setContentWrapper
+          ref: contentWrapperRef
         }
       ),
-      /* @__PURE__ */ jsx("div", { className: styles["footer-slot"], ref: setFooterSlot })
+      /* @__PURE__ */ jsx("div", { className: styles["footer-slot"], ref: footerSlotRef })
     ] }) }) });
   }),
   {
@@ -806,11 +806,11 @@ const Page = Object.assign(
      * PageContent component for the main content area of a page.
      *
      * Features:
-     * - Semantic main element for page content
+     * - Renders as a section element inside Page's main landmark
      * - Virtual scrolling support for long content
      * - Automatic scroll synchronization
      * - Responsive design
-     * - Accessibility support with proper main landmark
+     * - Portals into Page's content wrapper via context
      * - Scroll position management
      *
      * @example
@@ -860,4 +860,4 @@ const Page = Object.assign(
 Page.displayName = "Page";
 
 export { Page as P };
-//# sourceMappingURL=Page-BSHydn4p.js.map
+//# sourceMappingURL=Page--5QCoYX4.js.map

package/dist/Page--5QCoYX4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page--5QCoYX4.js","sources":["../../hammer-icon/mdi/round/segment.svg","../../hammer-icon/mdi/round/chevron_left.svg","../src/components/Page/PageSidebarContext.ts","../src/components/Page/PageContext.ts","../src/components/Page/pageBreakpoint.ts","../src/components/Page/PageSidebar.tsx","../src/components/Page/PageSidebarHeader.tsx","../../hammer-icon/mdi/round/settings.svg","../src/components/Page/PageHeader.tsx","../src/components/Page/PageContent.tsx","../src/components/Page/PagePanel.tsx","../src/components/Page/PageFooter.tsx","../src/components/Page/Page.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgSegment = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M10 18h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1zm7 6h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1z\" }));\nexport default SvgSegment;\n","import * as React from \"react\";\nconst SvgChevronLeft = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M14.71 6.71a.996.996 0 0 0-1.41 0L8.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59a.996.996 0 1 0 1.41-1.41L10.83 12l3.88-3.88c.39-.39.38-1.03 0-1.41z\" }));\nexport default SvgChevronLeft;\n","import { createContext } from \"react\";\n\ntype PageSideBarContextProps = {\n  collapsed: boolean;\n};\n\nexport const PageSideBarContext = createContext<PageSideBarContextProps | null>(\n  null,\n);\n","import { createContext } from \"react\";\n\nexport const PageContext = createContext<PageContextProps>({});\n\nexport type PageContextProps = {\n  pageWidth?: number;\n  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, virtual scrollbar hidden) and the desktop layout. Parsed once from the\n * design token; falls 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 the virtual scrollbar should render (desktop, `lg` and above).\n *\n * Gating the sized virtual-scroll spacer on this — rather than rendering it\n * unconditionally — is what prevents the `Page.Content` feedback loop: during\n * SSR/hydration `pageWidth` is `0` and the Page stylesheet has not yet pulled\n * the spacer out of flow, so an always-rendered spacer would round-trip through\n * the `document.scrollHeight` the ResizeObserver measures (\"Maximum update depth\n * exceeded\"). Below `lg` the spacer is never rendered, so it can never feed back.\n */\nexport const showsPageVirtualScroll = (\n  pageWidth: number | undefined,\n): boolean => PAGE_LG_BREAKPOINT > 0 && (pageWidth ?? 0) >= PAGE_LG_BREAKPOINT;\n","import { Button, Icon, Flex, Tooltip } from \"../\";\nimport { Popover } from \"../../internal/components/Popover\";\nimport { usePopoverContext } from \"../../internal/components/Popover/internal/usePopoverContext\";\nimport {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  ReactNode,\n  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, 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 } = usePopoverContext();\n  const containerRef = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs([containerRef, innerRef]);\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              if (typeof document !== \"undefined\") {\n                if (props[\"aria-expanded\"]) {\n                  document.body.style.overflow = \"hidden\";\n                } else {\n                  document.body.style.overflow = \"auto\";\n                }\n              }\n              return (\n                <div className={styles[\"sidebar-adaptive-trigger-container\"]}>\n                  <Button\n                    className={styles[\"sidebar-adaptive-trigger\"]}\n                    icon={SegmentSVG}\n                    appearance=\"ghost\"\n                    {...props}\n                  >\n                    {!currentPageTitle ? \"Menu\" : currentPageTitle}\n                    <Icon\n                      className={styles[\"sidebar-adaptive-trigger-icon\"]}\n                      justifyContent=\"end\"\n                      svg={props[\"aria-expanded\"] ? RespClose : RespOpen}\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 { ComponentPropsWithoutRef, forwardRef, Ref, useContext } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Page.module.scss\";\nimport { PageSideBarContext } from \"./PageSidebarContext\";\n\n/**\n * Props for the PageSidebarHeader component\n * @extends ComponentPropsWithoutRef<\"div\">\n */\nexport type PageSidebarHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\n/**\n * PageSidebarHeader component for creating header sections within sidebars.\n *\n * Features:\n * - Container for sidebar header content\n * - Automatic visibility handling based on sidebar collapsed state\n * - Supports all standard div props\n * - Context-aware styling\n *\n * @example\n * <Page.SidebarHeader>\n *   <Text variant=\"headline\" el=\"h2\" size=\"medium\">\n *     Sidebar Title\n *   </Text>\n * </Page.SidebarHeader>\n */\nexport const PageSidebarHeader = forwardRef(\n  (props: PageSidebarHeaderProps, ref: Ref<HTMLDivElement>) => {\n    const { children, className, ...rest } = props;\n    const context = useContext(PageSideBarContext);\n    const classNames = cx([styles[\"sidebar-header\"]], className);\n\n    return (\n      <div className={classNames} ref={ref} {...rest}>\n        <div\n          className={styles[\"header-content\"]}\n          aria-hidden={context?.collapsed}\n        >\n          {children}\n        </div>\n      </div>\n    );\n  },\n);\n\nPageSidebarHeader.displayName = \"Page.SidebarHeader\";\n","import * as React from \"react\";\nconst SvgSettings = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M19.5 12c0-.23-.01-.45-.03-.68l1.86-1.41c.4-.3.51-.86.26-1.3l-1.87-3.23a.987.987 0 0 0-1.25-.42l-2.15.91c-.37-.26-.76-.49-1.17-.68l-.29-2.31c-.06-.5-.49-.88-.99-.88h-3.73c-.51 0-.94.38-1 .88l-.29 2.31c-.41.19-.8.42-1.17.68l-2.15-.91c-.46-.2-1-.02-1.25.42L2.41 8.62c-.25.44-.14.99.26 1.3l1.86 1.41a7.343 7.343 0 0 0 0 1.35l-1.86 1.41c-.4.3-.51.86-.26 1.3l1.87 3.23c.25.44.79.62 1.25.42l2.15-.91c.37.26.76.49 1.17.68l.29 2.31c.06.5.49.88.99.88h3.73c.5 0 .93-.38.99-.88l.29-2.31c.41-.19.8-.42 1.17-.68l2.15.91c.46.2 1 .02 1.25-.42l1.87-3.23c.25-.44.14-.99-.26-1.3l-1.86-1.41c.03-.23.04-.45.04-.68zm-7.46 3.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z\" }));\nexport default SvgSettings;\n","import {\n  ButtonProps,\n  ButtonLinkProps,\n  BreadcrumbsLinkProps,\n  ChipProps,\n  Tooltip,\n  ButtonLink,\n  Button,\n  Flex,\n  Menu,\n  Breadcrumbs,\n  Chip,\n  Text,\n  TextField,\n} from \"../\";\nimport {\n  ComponentPropsWithoutRef,\n  ReactNode,\n  forwardRef,\n  Ref,\n  RefObject,\n  useState,\n  useRef,\n  useEffect,\n  KeyboardEvent,\n} from \"react\";\nimport Layout, { LayoutProps } from \"../Layout\";\nimport cx from \"classnames\";\nimport styles from \"./Page.module.scss\";\nimport LocalSettings from \"@servicetitan/hammer-icon/mdi/round/settings.svg\";\nimport MoreVert from \"@servicetitan/hammer-icon/mdi/round/more_vert.svg\";\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\";\n\n/**\n * Props for page header action buttons\n */\ntype PageHeaderActionProps = Omit<ButtonProps, \"appearance\"> & {\n  /**\n   * Label text for the action button\n   */\n  label: string;\n};\n\n/**\n * Props for page header actions configuration\n */\ntype PageHeaderActionsProps = {\n  /**\n   * Primary action button\n   */\n  primary?: PageHeaderActionProps;\n  /**\n   * Array of secondary action buttons\n   */\n  secondary?: PageHeaderActionProps[];\n};\n\n/**\n * Base props for preference actions\n */\ntype BasePreferenceProps = {\n  /**\n   * Accessible label for the preference action\n   */\n  \"aria-label\": string;\n};\n\n/**\n * Props for preference button actions\n */\ntype PreferenceButtonProps = Omit<\n  ButtonProps,\n  \"aria-label\" | \"icon\" | \"appearance\" | \"size\" | \"className\"\n> &\n  BasePreferenceProps;\n\n/**\n * Props for preference link actions\n */\ntype PreferenceLinkProps = Omit<\n  ButtonLinkProps,\n  \"aria-label\" | \"icon\" | \"appearance\" | \"size\" | \"className\"\n> &\n  BasePreferenceProps;\n\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   * Layout configuration for the header\n   */\n  layout?: LayoutProps;\n};\n\n/**\n * PageHeader component for creating page headers with navigation and actions.\n *\n * Features:\n * - Page title with semantic heading\n * - Breadcrumb navigation support\n * - Status chips display\n * - Primary and secondary action buttons\n * - Preference action button/link\n * - Responsive layout with fluid grid\n * - Accessibility support with proper ARIA labels\n * - Flexible layout configuration\n * - Description content support\n *\n * @example\n * <Page.Header\n *   title=\"Page Title\"\n *   breadcrumbs={[\n *     { href: \"/\", children: \"Home\" },\n *     { children: \"Current Page\" }\n *   ]}\n *   chips={[{ label: \"Status\" }]}\n *   actions={{\n *     primary: { label: \"Save\", onClick: handleSave },\n *     secondary: [{ label: \"Cancel\", onClick: handleCancel }]\n *   }}\n * />\n */\nexport const PageHeader = forwardRef(\n  (props: PageHeaderProps, ref: Ref<HTMLHeadElement>) => {\n    const {\n      title: 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 actionItems = actions && (\n      <Flex justifyContent=\"flex-end\" className={styles.actions}>\n        {/* Only primary action */}\n        {actions.primary &&\n          (!actions.secondary || actions.secondary.length === 0) && (\n            <Button appearance=\"primary\" {...actions.primary}>\n              {actions.primary.label}\n            </Button>\n          )}\n\n        {/* Only secondary actions (1-2 buttons) */}\n        {!!actions.secondary?.length &&\n          actions.secondary.length < 3 &&\n          !actions.primary &&\n          actions.secondary.map((action, index) => (\n            <Button key={index} appearance=\"secondary\" {...action}>\n              {action.label}\n            </Button>\n          ))}\n\n        {/* 1 secondary action + primary action */}\n        {actions.primary &&\n          !!actions.secondary?.length &&\n          actions.secondary.length === 1 && (\n            <>\n              <Button appearance=\"secondary\" {...actions.secondary[0]}>\n                {actions.secondary[0].label}\n              </Button>\n              <Button appearance=\"primary\" {...actions.primary}>\n                {actions.primary.label}\n              </Button>\n            </>\n          )}\n\n        {/* Multiple secondary actions (3+) with optional primary */}\n        {!!actions.secondary?.length &&\n          (actions.secondary.length >= 3 ||\n            (actions.secondary.length >= 2 && actions.primary)) && (\n            <>\n              <Menu\n                trigger={({ ref, ...rest }) => (\n                  <Tooltip>\n                    <Tooltip.Trigger\n                      ref={ref as unknown as RefObject<HTMLDivElement>}\n                    >\n                      <Button\n                        appearance=\"secondary\"\n                        icon={MoreVert}\n                        aria-label=\"More actions\"\n                        {...rest}\n                      />\n                    </Tooltip.Trigger>\n                    <Tooltip.Content>More actions</Tooltip.Content>\n                  </Tooltip>\n                )}\n              >\n                {actions.secondary.map((action, index) => (\n                  <Menu.Item\n                    key={index}\n                    label={action.label}\n                    onClick={action.onClick}\n                    disabled={action.disabled}\n                  />\n                ))}\n              </Menu>\n              {actions.primary && (\n                <Button appearance=\"primary\" {...actions.primary}>\n                  {actions.primary.label}\n                </Button>\n              )}\n            </>\n          )}\n      </Flex>\n    );\n\n    const headerClassName = cx(styles.content, styles.header, className);\n\n    const headerContentClassName = cx(\n      styles[\"content-inner\"],\n      styles[\"content-header-inner\"],\n    );\n\n    return (\n      <header ref={ref} className={headerClassName} {...rest}>\n        <div className={headerContentClassName}>\n          <Layout fluid={fluid} variant={variant} className={styles[\"layout\"]}>\n            {breadcrumbs && (\n              <Layout.Item>\n                <Breadcrumbs>\n                  {breadcrumbs.map((breadcrumb, index) => (\n                    <Breadcrumbs.Link key={index} {...breadcrumb} />\n                  ))}\n                </Breadcrumbs>\n              </Layout.Item>\n            )}\n\n            <Layout.Item 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  ComponentPropsWithoutRef,\n  forwardRef,\n  Ref,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n  UIEvent,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport cx from \"classnames\";\nimport styles from \"./Page.module.scss\";\nimport { PageContext } from \"./PageContext\";\nimport { showsPageVirtualScroll } from \"./pageBreakpoint\";\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 * - Virtual scrolling support for long content\n * - Automatic scroll synchronization\n * - Responsive design\n * - Portals into Page's content wrapper via context\n * - Scroll position management\n *\n * @example\n * <Page.Content>\n *   <Text>Main page content goes here</Text>\n *   <Button>Action Button</Button>\n * </Page.Content>\n */\nexport const PageContent = forwardRef(\n  (props: PageContentProps, ref: Ref<HTMLElement>) => {\n    const { children, className, ...rest } = props;\n    const classNames = cx([styles[\"content\"]], className);\n    const sectionRef = useRef<HTMLElement>(null);\n    const virtualScrollRef = useRef<HTMLDivElement>(null);\n    const mergedRef = useMergeRefs([sectionRef, ref]);\n    const blocker = useRef(true);\n    // Coalesce a burst of ResizeObserver notifications into one frame so the read\n    // of document.scrollHeight can never round-trip synchronously into setState\n    // (see the \"Maximum update depth exceeded\" feedback loop).\n    const rafIdRef = useRef(0);\n    const [leftOffset, setLeftOffset] = useState(-9);\n    const [contentHeight, setContentHeight] = useState(0);\n\n    const { contentWrapper, pageWidth } = useContext(PageContext);\n\n    // The virtual scrollbar only exists at lg+ (see Page.module.scss). Gating the\n    // sized spacer on the same breakpoint keeps it out of normal flow during\n    // SSR/hydration and below lg, where it would otherwise feed back into the\n    // document height the observer measures.\n    const showVirtualScroll = showsPageVirtualScroll(pageWidth);\n\n    useEffect(() => {\n      if (typeof window === \"undefined\") return;\n      if (!blocker.current) return;\n      function updatePosition() {\n        const newValue = window.scrollY;\n\n        virtualScrollRef.current?.scrollTo(0, newValue ?? 0);\n      }\n      window?.addEventListener(\"scroll\", updatePosition, { passive: true });\n\n      return () => {\n        window?.removeEventListener(\"scroll\", updatePosition);\n      };\n    }, []);\n\n    useEffect(() => {\n      const section = sectionRef.current;\n      if (!section) return;\n\n      const wrapperParent = section.parentElement;\n      const isWrapped =\n        wrapperParent?.classList.contains(styles[\"content-wrapper\"]) ?? false;\n      const heightTarget = isWrapped ? wrapperParent! : section;\n\n      const observer = new ResizeObserver(() => {\n        if (rafIdRef.current) return;\n        rafIdRef.current = requestAnimationFrame(() => {\n          rafIdRef.current = 0;\n          if (!sectionRef.current) return;\n\n          setLeftOffset(\n            sectionRef.current.offsetLeft + sectionRef.current.offsetWidth - 9,\n          );\n\n          const offset =\n            parseFloat(\n              getComputedStyle(sectionRef.current).getPropertyValue(\"--offset\"),\n            ) || 0;\n          const rawHeight = document.documentElement.scrollHeight - offset;\n          setContentHeight(\n            Number.isFinite(rawHeight) ? Math.max(0, rawHeight) : 0,\n          );\n        });\n      });\n\n      observer.observe(section);\n      if (isWrapped) observer.observe(heightTarget);\n\n      return () => {\n        observer.disconnect();\n        if (rafIdRef.current) {\n          cancelAnimationFrame(rafIdRef.current);\n          rafIdRef.current = 0;\n        }\n      };\n    }, [contentWrapper]);\n\n    function scrollBody(e: UIEvent<HTMLElement>) {\n      if (typeof window === \"undefined\") return;\n      if (blocker.current) return;\n      window.scrollTo(0, (e.target as HTMLDivElement).scrollTop);\n    }\n\n    const section = (\n      <section className={classNames} ref={mergedRef} {...rest}>\n        <div className={styles[\"content-inner\"]}>{children}</div>\n        <div\n          className={styles[\"virtual-scroll-container\"]}\n          ref={virtualScrollRef}\n          style={{\n            left: leftOffset,\n          }}\n          onScrollCapture={scrollBody}\n          onMouseEnter={() => {\n            blocker.current = false;\n          }}\n          onMouseLeave={() => {\n            blocker.current = true;\n          }}\n        >\n          {showVirtualScroll && (\n            <div style={{ width: 1, height: contentHeight }} />\n          )}\n        </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 {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  Ref,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useState,\n  useMemo,\n  CSSProperties,\n  useRef,\n} from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Page.module.scss\";\nimport Dialog from \"../Dialog\";\nimport { PageContext, PageContextProps } from \"./PageContext\";\nimport { isPageMobileWidth } from \"./pageBreakpoint\";\nimport {\n  DrillDownContext,\n  DrillDownContextProps,\n} from \"../DrillDown/internal/DrillDownContext\";\nimport { useDrillDownContextState } from \"../DrillDown/internal/useDrillDownContextState\";\nimport drillDownStyles from \"../DrillDown/DrillDown.module.scss\";\nimport { useDrillDownContext } from \"../DrillDown/internal/useDrillDownContext\";\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  children,\n}: {\n  style?: CSSProperties;\n  open?: 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={typeof open !== \"undefined\" && open ? 0 : -1}\n      style={{ ...style, overflowY: index === undefined ? \"auto\" : \"hidden\" }}\n    >\n      <div>{children}</div>\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 *\n * @example\n * <Page.Panel open={isOpen} size=\"medium\">\n *   <Text variant=\"headline\" el=\"h3\">Panel Content</Text>\n *   <Button onClick={() => setIsOpen(false)}>Close</Button>\n * </Page.Panel>\n */\nexport const PagePanel = forwardRef(\n  (props: PagePanelProps, ref: Ref<HTMLDivElement>) => {\n    const {\n      children,\n      open,\n      size = \"medium\",\n      noPadding,\n      style,\n      className,\n      defaultDrillDownIndex,\n      onDrillDownContextChange,\n      ...rest\n    } = props;\n    const [isMobile, setIsMobile] = useState<boolean>(false);\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            <div\n              className={classNames}\n              aria-hidden={!open}\n              aria-disabled={!open}\n              ref={ref}\n              {...rest}\n            >\n              {children}\n            </div>\n          </Dialog.Content>\n        </Dialog>\n      );\n    }\n    return (\n      <DrillDownContext.Provider value={drillDownContextProviderValue}>\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      </DrillDownContext.Provider>\n    );\n  },\n);\n\nPagePanel.displayName = \"PagePanel\";\n","import { ComponentPropsWithoutRef, forwardRef, Ref, useContext } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { 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  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 { 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 virtual scrolling\n * - Optional slide-out panels with responsive dialog fallback\n * - Footer with layout utilities\n * - Responsive design with mobile adaptations\n * - Accessibility support with proper landmarks\n * - Automatic tracking ID generation for analytics\n * - Local storage persistence for sidebar state\n *\n * @example\n * <Page>\n *   <Page.Sidebar currentPageTitle=\"Navigation\">\n *     <Page.SidebarHeader>\n *       <Text variant=\"headline\" el=\"h2\">Navigation</Text>\n *     </Page.SidebarHeader>\n *     <SideNav>\n *       <SideNavLink pathname=\"/\">Home</SideNavLink>\n *     </SideNav>\n *   </Page.Sidebar>\n *   <Page.Header\n *     title=\"Page Title\"\n *     breadcrumbs={[{ href: \"/\", children: \"Home\" }]}\n *     actions={{ primary: { label: \"Save\", onClick: handleSave } }}\n *   />\n *   <Page.Content>\n *     <Text>Main content</Text>\n *   </Page.Content>\n *   <Page.Panel open={isPanelOpen} size=\"medium\">\n *     <Text>Panel content</Text>\n *   </Page.Panel>\n *   <Page.Footer>\n *     <Text>Footer content</Text>\n *   </Page.Footer>\n * </Page>\n */\nexport const Page = Object.assign(\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            />\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 with fluid grid\n     * - Accessibility support with proper ARIA labels\n     * - Flexible layout configuration\n     * - Description content support\n     *\n     * @example\n     * <Page.Header\n     *   title=\"Page Title\"\n     *   breadcrumbs={[\n     *     { href: \"/\", children: \"Home\" },\n     *     { children: \"Current Page\" }\n     *   ]}\n     *   chips={[{ label: \"Status\" }]}\n     *   actions={{\n     *     primary: { label: \"Save\", onClick: handleSave },\n     *     secondary: [{ label: \"Cancel\", onClick: handleCancel }]\n     *   }}\n     * />\n     */\n    Header: PageHeader,\n    /**\n     * PageContent component for the main content area of a page.\n     *\n     * Features:\n     * - Renders as a section element inside Page's main landmark\n     * - Virtual scrolling support for long content\n     * - Automatic scroll synchronization\n     * - Responsive design\n     * - Portals into Page's content wrapper via context\n     * - Scroll position management\n     *\n     * @example\n     * <Page.Content>\n     *   <Text>Main page content goes here</Text>\n     *   <Button>Action Button</Button>\n     * </Page.Content>\n     */\n    Content: PageContent,\n    /**\n     * PagePanel component for creating slide-out panels or dialogs.\n     *\n     * Features:\n     * - Responsive design with dialog fallback on mobile\n     * - Multiple size variants (small, medium, large)\n     * - Optional padding control\n     * - Persistent or controlled open state\n     * - Automatic mobile dialog conversion\n     * - Keyboard navigation and accessibility support\n     * - Smooth animations and transitions\n     *\n     * @example\n     * <Page.Panel open={isOpen} size=\"medium\">\n     *   <Text variant=\"headline\" el=\"h3\">Panel Content</Text>\n     *   <Button onClick={() => setIsOpen(false)}>Close</Button>\n     * </Page.Panel>\n     */\n    Panel: PagePanel,\n    /**\n     * PageFooter component for creating page footers with layout utilities.\n     *\n     * Features:\n     * - Semantic footer element\n     * - Layout utility props support\n     * - Responsive design\n     * - Accessibility support with proper footer landmark\n     * - Flexible content positioning\n     *\n     * @example\n     * <Page.Footer>\n     *   <Text>Footer content with layout utilities</Text>\n     * </Page.Footer>\n     */\n    Footer: PageFooter,\n  },\n);\nPage.displayName = \"Page\";\n"],"names":["core.primitive?.BreakpointLg","props","SegmentSVG","RespClose","RespOpen","OpenSVG","CloseSVG","LocalSettings","ref","rest","MoreVert","Check","Close","Edit","section"],"mappings":"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"}

package/dist/Page.js

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

package/dist/{Pagination-CAeyJ7Pl.js → Pagination-Dtgyk0Xr.js}

@@ -1,15 +1,15 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useState, useRef, useCallback, useMemo, useLayoutEffect } from 'react';
-import { d as BreakpointSm } from './primitive-DXlHdTFb.js';
+import { d as BreakpointSm } from './primitive-BXgYQTTw.js';
 import { S as SrOnly } from './SrOnly-pnf8ajnh.js';
 import { c as cx } from './index-De1g9FRV.js';
-import { B as ButtonToggle } from './ButtonToggle-jnDMPSyK.js';
+import { B as ButtonToggle } from './ButtonToggle-BVv94C4U.js';
 import { S as SvgMoreHoriz } from './more_horiz-DJgdQiy0.js';
-import { B as Button } from './Button-C_V2xQAs.js';
-import { M as Menu } from './Menu-DNJ0YqjA.js';
+import { B as Button } from './Button-ChQARW0y.js';
+import { M as Menu } from './Menu-BUIAooVS.js';
 import { S as SvgKeyboardArrowDown } from './keyboard_arrow_down-C8WQ38p1.js';
-import { F as Flex } from './Flex-_orhvoxS.js';
-import { T as Text } from './Text-w2gWn4K6.js';
+import { F as Flex } from './Flex-Bb3iHExM.js';
+import { T as Text } from './Text-CK1TI4Gz.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';
@@ -613,4 +613,4 @@ const Pagination = forwardRef(
 Pagination.displayName = "Pagination";
 
 export { Pagination as P, Pagination$1 as a };
-//# sourceMappingURL=Pagination-CAeyJ7Pl.js.map
+//# sourceMappingURL=Pagination-Dtgyk0Xr.js.map