@servicetitan/anvil2 3.14.1 → 3.15.1

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

@@ -1,125 +1,22 @@
 import { ComponentPropsWithoutRef } from 'react';
 /**
- * Props for the Page component
  * @extends ComponentPropsWithoutRef<"div">
  */
 export type PageProps = ComponentPropsWithoutRef<"div">;
 /**
- * Page component for creating full-page layouts with navigation and content areas.
- *
- * Features:
- * - Container for complete page layouts
- * - Supports sidebar navigation with collapsible state
- * - Header with breadcrumbs, chips, and action buttons
- * - Main content area with its own native scroll container
- * - Optional slide-out panels with responsive dialog fallback
- * - Footer with layout utilities
- * - Responsive design with mobile adaptations
- * - Accessibility support with proper landmarks
- * - Automatic tracking ID generation for analytics
- * - Local storage persistence for sidebar state
- *
- * @example
- * <Page>
- *   <Page.Sidebar currentPageTitle="Navigation">
- *     <Page.SidebarHeader>
- *       <Text variant="headline" el="h2">Navigation</Text>
- *     </Page.SidebarHeader>
- *     <SideNav>
- *       <SideNavLink pathname="/">Home</SideNavLink>
- *     </SideNav>
- *   </Page.Sidebar>
- *   <Page.Header
- *     title="Page Title"
- *     breadcrumbs={[{ href: "/", children: "Home" }]}
- *     actions={{ primary: { label: "Save", onClick: handleSave } }}
- *   />
- *   <Page.Content>
- *     <Text>Main content</Text>
- *   </Page.Content>
- *   <Page.Panel open={isPanelOpen} size="medium">
- *     <Page.Panel.Content>
- *       <Text>Panel content</Text>
- *     </Page.Panel.Content>
- *   </Page.Panel>
- *   <Page.Footer>
- *     <Text>Footer content</Text>
- *   </Page.Footer>
- * </Page>
+ * Full-page shell with optional Sidebar, Header, Content, Panel, and Footer
+ * regions. Content and Footer portal into the shell's main and footer slots.
  */
 export declare const Page: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>> & {
-    /**
-     * PageSidebar component for creating collapsible navigation sidebars.
-     *
-     * Features:
-     * - Collapsible sidebar with localStorage persistence
-     * - Responsive design with adaptive popover on mobile
-     * - Automatic tracking ID generation for analytics
-     * - Keyboard navigation and accessibility support
-     * - Toggle button with tooltip
-     * - Context provider for sidebar state
-     * - Mobile-friendly popover navigation
-     *
-     * @example
-     * <Page.Sidebar currentPageTitle="Navigation">
-     *   <Page.SidebarHeader>
-     *     <Text variant="headline" el="h2">Sidebar Title</Text>
-     *   </Page.SidebarHeader>
-     *   <SideNav>
-     *     <SideNavLink pathname="/">Home</SideNavLink>
-     *   </SideNav>
-     * </Page.Sidebar>
-     */
+    /** Collapsible desktop sidebar that becomes a popover on smaller pages. */
     Sidebar: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         localStorageKey?: string;
         "data-tracking-id"?: string;
         currentPageTitle?: string;
     } & import('react').RefAttributes<HTMLDivElement>>;
-    /**
-     * PageSidebarHeader component for creating header sections within sidebars.
-     *
-     * Features:
-     * - Container for sidebar header content
-     * - Automatic visibility handling based on sidebar collapsed state
-     * - Supports all standard div props
-     * - Context-aware styling
-     *
-     * @example
-     * <Page.SidebarHeader>
-     *   <Text variant="headline" el="h2" size="medium">
-     *     Sidebar Title
-     *   </Text>
-     * </Page.SidebarHeader>
-     */
+    /** Sidebar heading region hidden from accessibility when collapsed. */
     SidebarHeader: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-    /**
-     * PageHeader component for creating page headers with navigation and actions.
-     *
-     * Features:
-     * - Page title with semantic heading
-     * - Breadcrumb navigation support
-     * - Status chips display
-     * - Primary and secondary action buttons
-     * - Preference action button/link
-     * - Responsive layout grid
-     * - Accessibility support with proper ARIA labels
-     * - Flexible layout configuration
-     * - Description content support
-     *
-     * @example
-     * <Page.Header
-     *   title="Page Title"
-     *   breadcrumbs={[
-     *     { href: "/", children: "Home" },
-     *     { children: "Current Page" }
-     *   ]}
-     *   chips={[{ label: "Status" }]}
-     *   actions={{
-     *     primary: { label: "Save", onClick: handleSave },
-     *     secondary: [{ label: "Cancel", onClick: handleCancel }]
-     *   }}
-     * />
-     */
+    /** Page heading, breadcrumbs, status, description, and actions. */
     Header: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "title"> & {
         title: string | {
             text: string;
@@ -153,50 +50,9 @@ export declare const Page: import('react').ForwardRefExoticComponent<Omit<import
         });
         layout?: import('../../..').LayoutProps;
     } & import('react').RefAttributes<HTMLHeadElement>>;
-    /**
-     * PageContent component for the main content area of a page.
-     *
-     * Features:
-     * - Renders as a section element inside Page's main landmark
-     * - Native scroll container for long content at desktop breakpoints
-     * - Keyboard operable (Page Up / Page Down) when focus is within Page.Content
-     * - Responsive design
-     * - Portals into Page's content wrapper via context
-     *
-     * @example
-     * <Page.Content>
-     *   <Text>Main page content goes here</Text>
-     *   <Button>Action Button</Button>
-     * </Page.Content>
-     */
+    /** Section portaled into Page's main landmark. */
     Content: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
-    /**
-     * PagePanel component for creating slide-out panels or dialogs.
-     *
-     * Features:
-     * - Responsive design with dialog fallback on mobile
-     * - Multiple size variants (small, medium, large)
-     * - Optional padding control
-     * - Persistent or controlled open state
-     * - Automatic mobile dialog conversion
-     * - Keyboard navigation and accessibility support
-     * - Smooth animations and transitions
-     * - Compound component structure with Header, Content, and Footer
-     * - Sticky header and optional sticky footer around a scrollable content area
-     *
-     * @example
-     * <Page.Panel open={isOpen} size="medium">
-     *   <Page.Panel.Header>
-     *     <Text variant="headline" el="h3">Panel Title</Text>
-     *   </Page.Panel.Header>
-     *   <Page.Panel.Content>
-     *     <Text>Panel content</Text>
-     *   </Page.Panel.Content>
-     *   <Page.Panel.Footer>
-     *     <Button onClick={() => setIsOpen(false)}>Close</Button>
-     *   </Page.Panel.Footer>
-     * </Page.Panel>
-     */
+    /** Omit `open` for a persistent panel; a controlled panel becomes a Dialog on smaller pages. */
     Panel: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         open?: boolean;
         size?: "small" | "medium" | "large";
@@ -212,20 +68,6 @@ export declare const Page: import('react').ForwardRefExoticComponent<Omit<import
             sticky?: boolean;
         } & import('react').RefAttributes<HTMLElement>>;
     };
-    /**
-     * PageFooter component for creating page footers with layout utilities.
-     *
-     * Features:
-     * - Semantic footer element
-     * - Layout utility props support
-     * - Responsive design
-     * - Accessibility support with proper footer landmark
-     * - Flexible content positioning
-     *
-     * @example
-     * <Page.Footer>
-     *   <Text>Footer content with layout utilities</Text>
-     * </Page.Footer>
-     */
+    /** Footer portaled into Page's footer slot. */
     Footer: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('../../..').LayoutUtilProps & import('react').RefAttributes<HTMLDivElement>>;
 };

package/dist/src/beta/components/Page/PageContent.d.ts

@@ -1,22 +1,8 @@
 import { ComponentPropsWithoutRef } from 'react';
-/**
- * Props for the PageContent component
- * @extends ComponentPropsWithoutRef<"section">
- */
+/** @extends ComponentPropsWithoutRef<"section"> */
 export type PageContentProps = ComponentPropsWithoutRef<"section">;
 /**
- * PageContent component for the main content area of a page.
- *
- * Features:
- * - Renders as a section element inside Page's main landmark
- * - Portals into Page's content wrapper via context, which is the native scroll
- *   container at desktop breakpoints — sibling sections scroll together as one
- * - Responsive design
- *
- * @example
- * <Page.Content>
- *   <Text>Main page content goes here</Text>
- *   <Button>Action Button</Button>
- * </Page.Content>
+ * Main content section portaled into Page's landmark and shared desktop scroll
+ * region. It renders in place outside Page and waits for the slot inside Page.
  */
 export declare const PageContent: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;

package/dist/src/beta/components/Page/PageContext.d.ts

@@ -1,6 +1,15 @@
 export declare const PageContext: import('react').Context<PageContextProps>;
 export type PageContextProps = {
+    /** Observed width of the Page root; undefined outside Page. */
     pageWidth?: number;
+    /**
+     * Main portal target. Undefined outside Page renders Content in place; null
+     * inside Page renders nothing until the slot mounts.
+     */
     contentWrapper?: HTMLElement | null;
+    /**
+     * Footer portal target. Undefined outside Page renders Footer in place; null
+     * inside Page renders nothing until the slot mounts.
+     */
     footerSlot?: HTMLElement | null;
 };

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

@@ -1,25 +1,12 @@
 import { ComponentPropsWithoutRef } from 'react';
 import { LayoutUtilProps } from '../../../types';
 /**
- * Props for the PageFooter component
  * @extends ComponentPropsWithoutRef<"div">
  * @extends LayoutUtilProps
  */
 export type PageFooterProps = ComponentPropsWithoutRef<"div"> & LayoutUtilProps;
 /**
- * PageFooter component for creating page footers with layout utilities.
- *
- * Features:
- * - Semantic footer element
- * - Layout utility props support
- * - Responsive design
- * - Accessibility support with proper footer landmark
- * - Flexible content positioning
- * - Portals into Page's footer slot via context
- *
- * @example
- * <Page.Footer>
- *   <Text>Footer content with layout utilities</Text>
- * </Page.Footer>
+ * Footer landmark portaled into Page's footer slot. It renders in place outside
+ * Page and waits for the slot inside Page.
  */
 export declare const PageFooter: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -1,13 +1,8 @@
 import { ButtonProps, ButtonLinkProps, BreadcrumbsLinkProps, ChipProps } from '../../../components';
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import { LayoutProps } from '../../../components/Layout';
-/**
- * Props for page header action buttons
- */
 type PageHeaderActionProps = Omit<ButtonProps, "appearance"> & {
-    /**
-     * Label text for the action button
-     */
+    /** Visible button text, or menu-item text when nested under `items`. */
     label: string;
 };
 /**
@@ -17,14 +12,9 @@ type PageHeaderActionProps = Omit<ButtonProps, "appearance"> & {
  * Anvil does not support.
  */
 type PageHeaderMenuActionProps = Omit<PageHeaderActionProps, "onClick"> & {
-    /**
-     * Actions listed in the menu this button opens
-     */
+    /** Replaces a direct click handler with a menu opened by the primary button. */
     items: PageHeaderActionProps[];
 };
-/**
- * Props for page header actions configuration
- */
 type PageHeaderActionsProps = {
     /**
      * Primary action button. Pass `items` instead of `onClick` to render a
@@ -32,129 +22,86 @@ type PageHeaderActionsProps = {
      */
     primary?: PageHeaderActionProps | PageHeaderMenuActionProps;
     /**
-     * Array of secondary action buttons
+     * Secondary buttons. Three or more, or two alongside a primary action,
+     * collapse into a More actions menu.
      */
     secondary?: PageHeaderActionProps[];
 };
-/**
- * Base props for preference actions
- */
 type BasePreferenceProps = {
-    /**
-     * Accessible label for the preference action
-     */
+    /** Names the icon-only control and supplies its tooltip text. */
     "aria-label": string;
 };
-/**
- * Props for preference button actions
- */
 type PreferenceButtonProps = Omit<ButtonProps, "aria-label" | "icon" | "appearance" | "size" | "className"> & BasePreferenceProps;
-/**
- * Props for preference link actions
- */
 type PreferenceLinkProps = Omit<ButtonLinkProps, "aria-label" | "icon" | "appearance" | "size" | "className"> & BasePreferenceProps;
 type PageHeaderTitleConfig = {
+    /** Rendered in the page's `h1` and used to initialize the edit field. */
     text: string;
+    /**
+     * Makes the title editable. Return `false` to keep the editor open after
+     * submit or confirmation.
+     */
     onChange?: (title: string) => void | boolean;
+    /** Accessible name and tooltip for entering edit mode. Defaults to `"Edit title"`. */
     editButtonLabel?: string;
+    /** Accessible name for the title field. Defaults to `"Page title"`. */
     editFieldLabel?: string;
+    /** Accessible name and tooltip for confirmation. Defaults to `"Update title"`. */
     confirmButtonLabel?: string;
+    /** Accessible name and tooltip for cancellation. Defaults to `"Cancel"`. */
     cancelButtonLabel?: string;
 };
 type PageHeaderTitle = PageHeaderTitleConfig["text"] | PageHeaderTitleConfig;
-/**
- * Props for the PageHeader component
- * @extends ComponentPropsWithoutRef<"header">
- */
+/** @extends Omit<ComponentPropsWithoutRef<"header">, "title"> */
 export type PageHeaderProps = Omit<ComponentPropsWithoutRef<"header">, "title"> & {
     /**
-     * Main title of the page
+     * Page `h1`. A string is read-only; the object form enables inline editing
+     * when it includes `onChange`.
      */
     title: PageHeaderTitle;
-    /**
-     * Breadcrumb navigation links
-     */
+    /** Rendered before the title as `Breadcrumbs.Link` items. */
     breadcrumbs?: BreadcrumbsLinkProps[];
-    /**
-     * Status chips to display
-     */
+    /** Status chips rendered below the title. */
     chips?: ChipProps[];
-    /**
-     * Description text or content below the title
-     */
+    /** Full-width content below the title and actions. */
     description?: ReactNode;
     /**
-     * Primary and secondary action buttons
+     * Primary and secondary controls. Secondary actions overflow into More
+     * actions at three items, or two alongside a primary; primary `items` make
+     * that button a menu.
      */
     actions?: PageHeaderActionsProps;
-    /**
-     * Preference action button or link
-     */
+    /** Settings-icon action. An `href` renders a link; otherwise it is a button. */
     preferenceAction?: PreferenceButtonProps | PreferenceLinkProps;
     /**
-     * Header {@link LayoutProps}. When unset, the header uses the default fixed
-     * 1280px layout. Match the `fluid` and `variant` of the `Layout` inside
-     * `Page.Content`.
+     * Header {@link LayoutProps}. Match `fluid` and `variant` to the `Layout`
+     * inside `Page.Content`; omission uses the Layout defaults.
      */
     layout?: LayoutProps;
 };
-/**
- * PageHeader component for creating page headers with navigation and actions.
- *
- * Features:
- * - Page title with semantic heading
- * - Breadcrumb navigation support
- * - Status chips display
- * - Primary and secondary action buttons
- * - Preference action button/link
- * - Responsive layout grid
- * - Accessibility support with proper ARIA labels
- * - Flexible layout configuration
- * - Description content support
- *
- * @example
- * <Page.Header
- *   title="Page Title"
- *   breadcrumbs={[
- *     { href: "/", children: "Home" },
- *     { children: "Current Page" }
- *   ]}
- *   chips={[{ label: "Status" }]}
- *   actions={{
- *     primary: { label: "Save", onClick: handleSave },
- *     secondary: [{ label: "Cancel", onClick: handleCancel }]
- *   }}
- * />
- */
+/** Page heading with optional breadcrumbs, status, description, and actions. */
 export declare const PageHeader: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "title"> & {
     /**
-     * Main title of the page
+     * Page `h1`. A string is read-only; the object form enables inline editing
+     * when it includes `onChange`.
      */
     title: PageHeaderTitle;
-    /**
-     * Breadcrumb navigation links
-     */
+    /** Rendered before the title as `Breadcrumbs.Link` items. */
     breadcrumbs?: BreadcrumbsLinkProps[];
-    /**
-     * Status chips to display
-     */
+    /** Status chips rendered below the title. */
     chips?: ChipProps[];
-    /**
-     * Description text or content below the title
-     */
+    /** Full-width content below the title and actions. */
     description?: ReactNode;
     /**
-     * Primary and secondary action buttons
+     * Primary and secondary controls. Secondary actions overflow into More
+     * actions at three items, or two alongside a primary; primary `items` make
+     * that button a menu.
      */
     actions?: PageHeaderActionsProps;
-    /**
-     * Preference action button or link
-     */
+    /** Settings-icon action. An `href` renders a link; otherwise it is a button. */
     preferenceAction?: PreferenceButtonProps | PreferenceLinkProps;
     /**
-     * Header {@link LayoutProps}. When unset, the header uses the default fixed
-     * 1280px layout. Match the `fluid` and `variant` of the `Layout` inside
-     * `Page.Content`.
+     * Header {@link LayoutProps}. Match `fluid` and `variant` to the `Layout`
+     * inside `Page.Content`; omission uses the Layout defaults.
      */
     layout?: LayoutProps;
 } & import('react').RefAttributes<HTMLHeadElement>>;

package/dist/src/beta/components/Page/PagePanel.d.ts

@@ -1,144 +1,46 @@
 import { ComponentPropsWithoutRef } from 'react';
 import { DrillDownContextProps } from '../../../components/DrillDown/internal/DrillDownContext';
-/**
- * Props for the PagePanel component
- * @extends ComponentPropsWithoutRef<"div">
- */
+/** @extends ComponentPropsWithoutRef<"div"> */
 export type PagePanelProps = ComponentPropsWithoutRef<"div"> & {
     /**
-     * Whether the panel is open
-     * @default true
+     * Controlled visibility. Omit for a persistent desktop-style panel.
      */
     open?: boolean;
-    /**
-     * Size of the panel
-     * @default "medium"
-     */
+    /** Width preset. Defaults to `"medium"`. */
     size?: "small" | "medium" | "large";
-    /**
-     * Whether to remove default padding from the panel
-     * @default false
-     */
+    /** Removes the panel's inner padding. Defaults to `false`. */
     noPadding?: boolean;
-    /**
-     * Sets the default DrillDown index when used in an uncontrolled way
-     */
+    /** Initial DrillDown index for uncontrolled navigation within the panel. */
     defaultDrillDownIndex?: DrillDownContextProps["index"];
-    /**
-     * Callback to pass context to useDrillDown hook
-     */
+    /** Exposes the panel's DrillDown context to an external `useDrillDown` host. */
     onDrillDownContextChange?: (context: DrillDownContextProps) => void;
 };
 /**
- * PagePanel component for creating slide-out panels or dialogs.
- *
- * Features:
- * - Responsive design with dialog fallback on mobile
- * - Multiple size variants (small, medium, large)
- * - Optional padding control
- * - Persistent or controlled open state
- * - Automatic mobile dialog conversion
- * - Keyboard navigation and accessibility support
- * - Smooth animations and transitions
- * - Compound component structure with Header, Content, and Footer
- * - Sticky header and optional sticky footer around a scrollable content area
- *
- * @example
- * <Page.Panel open={isOpen} size="medium">
- *   <Page.Panel.Header>
- *     <Text variant="headline" el="h3">Panel Title</Text>
- *   </Page.Panel.Header>
- *   <Page.Panel.Content>
- *     <Text>Panel content goes here</Text>
- *   </Page.Panel.Content>
- *   <Page.Panel.Footer sticky>
- *     <Button appearance="primary" onClick={() => setIsOpen(false)}>Save</Button>
- *   </Page.Panel.Footer>
- * </Page.Panel>
+ * Desktop side panel with DrillDown context and a pinned header; Content and
+ * Footer can opt into sticky positioning. Omit `open` for a persistent panel;
+ * a controlled panel becomes a Dialog on smaller pages.
  */
 export declare const PagePanel: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     /**
-     * Whether the panel is open
-     * @default true
+     * Controlled visibility. Omit for a persistent desktop-style panel.
      */
     open?: boolean;
-    /**
-     * Size of the panel
-     * @default "medium"
-     */
+    /** Width preset. Defaults to `"medium"`. */
     size?: "small" | "medium" | "large";
-    /**
-     * Whether to remove default padding from the panel
-     * @default false
-     */
+    /** Removes the panel's inner padding. Defaults to `false`. */
     noPadding?: boolean;
-    /**
-     * Sets the default DrillDown index when used in an uncontrolled way
-     */
+    /** Initial DrillDown index for uncontrolled navigation within the panel. */
     defaultDrillDownIndex?: DrillDownContextProps["index"];
-    /**
-     * Callback to pass context to useDrillDown hook
-     */
+    /** Exposes the panel's DrillDown context to an external `useDrillDown` host. */
     onDrillDownContextChange?: (context: DrillDownContextProps) => void;
 } & import('react').RefAttributes<HTMLDivElement>> & {
-    /**
-     * Header component for the panel that stays pinned to the top of the panel's scrollable area.
-     *
-     * Features:
-     * - Sticky positioning at the top of the panel's scrollable content
-     * - Proper semantic HTML structure
-     * - Consistent padding and styling with the design system
-     * - Supports all standard header element props
-     *
-     * @example
-     * <Page.Panel.Header>
-     *   <Text variant="headline" el="h3">Panel Title</Text>
-     * </Page.Panel.Header>
-     */
+    /** Header pinned above the panel's scrolling regions. */
     Header: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
-    /**
-     * Content container for the panel that holds the main scrollable content area.
-     *
-     * Features:
-     * - Grows to fill the space between the panel's header and footer
-     * - Scrolls independently of the header and footer once content overflows
-     * - Optional sticky positioning below the header, for a second sticky region (e.g. a filter bar)
-     * - Proper semantic HTML structure
-     * - Consistent padding and styling with the design system
-     * - Supports all standard div element props
-     *
-     * @example
-     * <Page.Panel.Content>
-     *   <Text>Panel content goes here</Text>
-     * </Page.Panel.Content>
-     *
-     * @example
-     * // A second, sticky Content region acting as a sub-header below Page.Panel.Header
-     * <Page.Panel.Content sticky>
-     *   <TextField placeholder="Filter results..." />
-     * </Page.Panel.Content>
-     * <Page.Panel.Content>
-     *   <Text>Scrollable results</Text>
-     * </Page.Panel.Content>
-     */
+    /** Content region that can pin below the measured panel header. */
     Content: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         sticky?: boolean;
     } & import('react').RefAttributes<HTMLDivElement>>;
-    /**
-     * Footer component for the panel that displays action buttons and controls.
-     *
-     * Features:
-     * - Flex layout that right-aligns action buttons and wraps on overflow
-     * - Optional sticky positioning at the bottom of the panel
-     * - Proper semantic HTML structure
-     * - Consistent padding and styling with the design system
-     * - Supports all standard footer element props
-     *
-     * @example
-     * <Page.Panel.Footer sticky>
-     *   <Button appearance="primary" onClick={handleSave}>Save</Button>
-     * </Page.Panel.Footer>
-     */
+    /** Footer action region that can pin to the bottom of the panel. */
     Footer: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
         sticky?: boolean;
     } & import('react').RefAttributes<HTMLElement>>;