@servicetitan/anvil2 1.39.0 → 1.40.1

package/dist/assets/icons/st/gnav_production_work_queue_inactive.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16.98 8.49a.47.47 0 0 1-.66 0l-.75-.75a.47.47 0 0 1 0-.66l1.71-1.71c-.57-.28-1.22-.37-1.85-.26-.63.1-1.21.4-1.66.85-.89.89-1.11 2.19-.68 3.29l-3.74 3.74c-.11.12-.2.25-.27.4-.12.3-.12.64 0 .94.07.15.16.28.27.4.12.12.25.21.4.27.15.07.31.09.48.09s.33-.03.47-.09c.15-.06.29-.15.4-.27l3.75-3.75c.55.21 1.15.26 1.72.13s1.1-.41 1.52-.83a3.06 3.06 0 0 0 .59-3.5l-1.71 1.71z"/><path d="M20 19.07H8c-1.65 0-3-1.35-3-3v-12c0-1.65 1.35-3 3-3h12c1.65 0 3 1.35 3 3v12c0 1.65-1.35 3-3 3m-12-16c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-12c0-.55-.45-1-1-1z"/><path d="M16.51 20.16H4.99c-.48 0-.96-.48-.96-.96V7.68c0-.58-.38-.96-.96-.96a.96.96 0 0 0-.96.96v12.48c0 1.06.86 1.92 1.92 1.92h12.48c.48 0 .96-.48.96-.96s-.48-.96-.96-.96"/></svg>

package/dist/assets/icons/st.ts

@@ -16,6 +16,16 @@ export { default as icon_commercial } from "./st/commercial.svg";
 export { default as icon_create_event } from "./st/create_event.svg";
 export { default as icon_create_task } from "./st/create_task.svg";
 export { default as icon_customer } from "./st/customer.svg";
+export { default as icon_document_audio } from "./st/document_audio.svg";
+export { default as icon_document_doc } from "./st/document_doc.svg";
+export { default as icon_document_drawing } from "./st/document_drawing.svg";
+export { default as icon_document_form } from "./st/document_form.svg";
+export { default as icon_document_message } from "./st/document_message.svg";
+export { default as icon_document_other } from "./st/document_other.svg";
+export { default as icon_document_pdf } from "./st/document_pdf.svg";
+export { default as icon_document_spreadsheet } from "./st/document_spreadsheet.svg";
+export { default as icon_document_text } from "./st/document_text.svg";
+export { default as icon_document_web } from "./st/document_web.svg";
 export { default as icon_due_date } from "./st/due_date.svg";
 export { default as icon_enterprise_hub } from "./st/enterprise_hub.svg";
 export { default as icon_equipment } from "./st/equipment.svg";
@@ -46,6 +56,8 @@ export { default as icon_gnav_follow_up_active } from "./st/gnav_follow_up_activ
 export { default as icon_gnav_follow_up_inactive } from "./st/gnav_follow_up_inactive.svg";
 export { default as icon_gnav_help_active } from "./st/gnav_help_active.svg";
 export { default as icon_gnav_help_inactive } from "./st/gnav_help_inactive.svg";
+export { default as icon_gnav_insurance_work_queue_active } from "./st/gnav_insurance_work_queue_active.svg";
+export { default as icon_gnav_insurance_work_queue_inactive } from "./st/gnav_insurance_work_queue_inactive.svg";
 export { default as icon_gnav_inventory_active } from "./st/gnav_inventory_active.svg";
 export { default as icon_gnav_inventory_inactive } from "./st/gnav_inventory_inactive.svg";
 export { default as icon_gnav_legacy_search_filled } from "./st/gnav_legacy_search_filled.svg";
@@ -60,6 +72,8 @@ export { default as icon_gnav_pos_active } from "./st/gnav_pos_active.svg";
 export { default as icon_gnav_pos_inactive } from "./st/gnav_pos_inactive.svg";
 export { default as icon_gnav_pricebook_active } from "./st/gnav_pricebook_active.svg";
 export { default as icon_gnav_pricebook_inactive } from "./st/gnav_pricebook_inactive.svg";
+export { default as icon_gnav_production_work_queue_active } from "./st/gnav_production_work_queue_active.svg";
+export { default as icon_gnav_production_work_queue_inactive } from "./st/gnav_production_work_queue_inactive.svg";
 export { default as icon_gnav_projects_active } from "./st/gnav_projects_active.svg";
 export { default as icon_gnav_projects_inactive } from "./st/gnav_projects_inactive.svg";
 export { default as icon_gnav_reports_active } from "./st/gnav_reports_active.svg";

package/dist/components/Alert/Alert.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/DateFieldRange/DateFieldRange.d.ts

@@ -0,0 +1,7 @@
+import { DateFieldRangeProps as CoreDateFieldRangeProps } from '@servicetitan/hammer-react';
+import { DataTrackingId } from '../../types/DataTrackingId';
+export type DateFieldRangeProps = CoreDateFieldRangeProps & DataTrackingId;
+export declare const DateFieldRange: {
+    (props: DateFieldRangeProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/DateFieldRange/index.d.ts

@@ -0,0 +1,2 @@
+export { DateFieldRange } from './DateFieldRange';
+export type { DateFieldRangeProps } from './DateFieldRange';

package/dist/components/DateFieldSingle/DateFieldSingle.d.ts

@@ -0,0 +1,7 @@
+import { DateFieldSingleProps as CoreDateFieldSingleProps } from '@servicetitan/hammer-react';
+import { DataTrackingId } from '../../types/DataTrackingId';
+export type DateFieldSingleProps = CoreDateFieldSingleProps & DataTrackingId;
+export declare const DateFieldSingle: {
+    (props: DateFieldSingleProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/DateFieldSingle/index.d.ts

@@ -0,0 +1,2 @@
+export { DateFieldSingle } from './DateFieldSingle';
+export type { DateFieldSingleProps } from './DateFieldSingle';

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

@@ -1,309 +1,9 @@
-import { LayoutUtilProps } from '@servicetitan/hammer-react';
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { BreadcrumbsLinkProps } from '../Breadcrumbs';
-import { ButtonProps } from '../Button';
-import { ButtonLinkProps } from '../ButtonLink';
-import { ChipProps } from '../Chip';
-import { LayoutProps } from '../Layout';
-/**
- * Props for the PageSidebar component
- * @extends ComponentPropsWithoutRef<"div">
- */
-export type PageSidebarProps = ComponentPropsWithoutRef<"div"> & {
-    /**
-     * Key for storing sidebar collapsed state in localStorage
-     * @default "sidebar-collapsed"
-     */
-    localStorageKey?: string;
-    /**
-     * Custom tracking ID for analytics
-     */
-    ["data-tracking-id"]?: string;
-    /**
-     * Title to display in the adaptive trigger button
-     */
-    currentPageTitle?: string;
-};
-/**
- * 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>
- */
-export declare const PageSidebar: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    /**
-     * Key for storing sidebar collapsed state in localStorage
-     * @default "sidebar-collapsed"
-     */
-    localStorageKey?: string;
-    /**
-     * Custom tracking ID for analytics
-     */
-    "data-tracking-id"?: string;
-    /**
-     * Title to display in the adaptive trigger button
-     */
-    currentPageTitle?: string;
-} & import('react').RefAttributes<HTMLDivElement>>;
-/**
- * Props for the PageSidebarHeader component
- * @extends ComponentPropsWithoutRef<"div">
- */
-export type PageSidebarHeaderProps = ComponentPropsWithoutRef<"div">;
-/**
- * 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>
- */
-export declare const PageSidebarHeader: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-/**
- * Props for the PagePanel component
- * @extends ComponentPropsWithoutRef<"div">
- */
-export type PagePanelProps = ComponentPropsWithoutRef<"div"> & {
-    /**
-     * Whether the panel is open
-     * @default true
-     */
-    open?: boolean;
-    /**
-     * Size of the panel
-     * @default "medium"
-     */
-    size?: "small" | "medium" | "large";
-    /**
-     * Whether to remove default padding from the panel
-     * @default false
-     */
-    noPadding?: boolean;
-};
-/**
- * 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
- *
- * @example
- * <Page.Panel open={isOpen} size="medium">
- *   <Text variant="headline" el="h3">Panel Content</Text>
- *   <Button onClick={() => setIsOpen(false)}>Close</Button>
- * </Page.Panel>
- */
-export declare const PagePanel: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    /**
-     * Whether the panel is open
-     * @default true
-     */
-    open?: boolean;
-    /**
-     * Size of the panel
-     * @default "medium"
-     */
-    size?: "small" | "medium" | "large";
-    /**
-     * Whether to remove default padding from the panel
-     * @default false
-     */
-    noPadding?: boolean;
-} & import('react').RefAttributes<HTMLDivElement>>;
-/**
- * Props for page header action buttons
- */
-type PageHeaderActionProps = Omit<ButtonProps, "appearance"> & {
-    /**
-     * Label text for the action button
-     */
-    label: string;
-};
-/**
- * Props for page header actions configuration
- */
-type PageHeaderActionsProps = {
-    /**
-     * Primary action button
-     */
-    primary?: PageHeaderActionProps;
-    /**
-     * Array of secondary action buttons
-     */
-    secondary?: PageHeaderActionProps[];
-};
-/**
- * Base props for preference actions
- */
-type BasePreferenceProps = {
-    /**
-     * Accessible label for the preference action
-     */
-    "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;
-/**
- * Props for the PageHeader component
- * @extends ComponentPropsWithoutRef<"header">
- */
-export type PageHeaderProps = ComponentPropsWithoutRef<"header"> & {
-    /**
-     * Main title of the page
-     */
-    title: string;
-    /**
-     * Breadcrumb navigation links
-     */
-    breadcrumbs?: BreadcrumbsLinkProps[];
-    /**
-     * Status chips to display
-     */
-    chips?: ChipProps[];
-    /**
-     * Description text or content below the title
-     */
-    description?: ReactNode;
-    /**
-     * Primary and secondary action buttons
-     */
-    actions?: PageHeaderActionsProps;
-    /**
-     * Preference action button or link
-     */
-    preferenceAction?: PreferenceButtonProps | PreferenceLinkProps;
-    /**
-     * Layout configuration for the header
-     */
-    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 with fluid 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 }]
- *   }}
- * />
- */
-export declare const PageHeader: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
-    /**
-     * Main title of the page
-     */
-    title: string;
-    /**
-     * Breadcrumb navigation links
-     */
-    breadcrumbs?: BreadcrumbsLinkProps[];
-    /**
-     * Status chips to display
-     */
-    chips?: ChipProps[];
-    /**
-     * Description text or content below the title
-     */
-    description?: ReactNode;
-    /**
-     * Primary and secondary action buttons
-     */
-    actions?: PageHeaderActionsProps;
-    /**
-     * Preference action button or link
-     */
-    preferenceAction?: PreferenceButtonProps | PreferenceLinkProps;
-    /**
-     * Layout configuration for the header
-     */
-    layout?: LayoutProps;
-} & import('react').RefAttributes<HTMLHeadElement>>;
-/**
- * Props for the PageContent component
- * @extends ComponentPropsWithoutRef<"main">
- */
-export type PageContentProps = ComponentPropsWithoutRef<"main">;
-/**
- * PageContent component for the main content area of a page.
- *
- * Features:
- * - Semantic main element for page content
- * - Virtual scrolling support for long content
- * - Automatic scroll synchronization
- * - Responsive design
- * - Accessibility support with proper main landmark
- * - Scroll position management
- *
- * @example
- * <Page.Content>
- *   <Text>Main page content goes here</Text>
- *   <Button>Action Button</Button>
- * </Page.Content>
- */
-export declare const PageContent: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import('react').RefAttributes<HTMLAreaElement>>;
+import { ComponentPropsWithoutRef } from 'react';
 /**
  * Props for the Page component
  * @extends ComponentPropsWithoutRef<"div">
  */
 export type PageProps = ComponentPropsWithoutRef<"div">;
-/**
- * Props for the PageFooter component
- * @extends ComponentPropsWithoutRef<"div">
- * @extends LayoutUtilProps
- */
-export type PageFooterProps = ComponentPropsWithoutRef<"div"> & LayoutUtilProps;
 /**
  * Page component for creating full-page layouts with navigation and content areas.
  *
@@ -369,18 +69,8 @@ export declare const Page: import('react').ForwardRefExoticComponent<Omit<import
      * </Page.Sidebar>
      */
     Sidebar: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        /**
-         * Key for storing sidebar collapsed state in localStorage
-         * @default "sidebar-collapsed"
-         */
         localStorageKey?: string;
-        /**
-         * Custom tracking ID for analytics
-         */
         "data-tracking-id"?: string;
-        /**
-         * Title to display in the adaptive trigger button
-         */
         currentPageTitle?: string;
     } & import('react').RefAttributes<HTMLDivElement>>;
     /**
@@ -429,34 +119,24 @@ export declare const Page: import('react').ForwardRefExoticComponent<Omit<import
      * />
      */
     Header: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
-        /**
-         * Main title of the page
-         */
         title: string;
-        /**
-         * Breadcrumb navigation links
-         */
-        breadcrumbs?: BreadcrumbsLinkProps[];
-        /**
-         * Status chips to display
-         */
-        chips?: ChipProps[];
-        /**
-         * Description text or content below the title
-         */
-        description?: ReactNode;
-        /**
-         * Primary and secondary action buttons
-         */
-        actions?: PageHeaderActionsProps;
-        /**
-         * Preference action button or link
-         */
-        preferenceAction?: PreferenceButtonProps | PreferenceLinkProps;
-        /**
-         * Layout configuration for the header
-         */
-        layout?: LayoutProps;
+        breadcrumbs?: import('@servicetitan/hammer-react').BreadcrumbsLinkProps[];
+        chips?: import('@servicetitan/hammer-react').ChipProps[];
+        description?: import('react').ReactNode;
+        actions?: {
+            primary?: Omit<import('@servicetitan/hammer-react').ButtonProps, "appearance"> & {
+                label: string;
+            };
+            secondary?: (Omit<import('@servicetitan/hammer-react').ButtonProps, "appearance"> & {
+                label: string;
+            })[];
+        };
+        preferenceAction?: (Omit<import('@servicetitan/hammer-react').ButtonProps, "className" | "aria-label" | "size" | "appearance" | "icon"> & {
+            "aria-label": string;
+        }) | (Omit<import('@servicetitan/hammer-react').ButtonLinkProps, "className" | "aria-label" | "size" | "appearance" | "icon"> & {
+            "aria-label": string;
+        });
+        layout?: import('..').LayoutProps;
     } & import('react').RefAttributes<HTMLHeadElement>>;
     /**
      * PageContent component for the main content area of a page.
@@ -495,20 +175,8 @@ export declare const Page: import('react').ForwardRefExoticComponent<Omit<import
      * </Page.Panel>
      */
     Panel: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        /**
-         * Whether the panel is open
-         * @default true
-         */
         open?: boolean;
-        /**
-         * Size of the panel
-         * @default "medium"
-         */
         size?: "small" | "medium" | "large";
-        /**
-         * Whether to remove default padding from the panel
-         * @default false
-         */
         noPadding?: boolean;
     } & import('react').RefAttributes<HTMLDivElement>>;
     /**
@@ -526,6 +194,5 @@ export declare const Page: import('react').ForwardRefExoticComponent<Omit<import
      *   <Text>Footer content with layout utilities</Text>
      * </Page.Footer>
      */
-    Footer: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & import('react').RefAttributes<HTMLDivElement>>;
+    Footer: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('@servicetitan/hammer-react').LayoutUtilProps & import('react').RefAttributes<HTMLDivElement>>;
 };
-export {};

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

@@ -0,0 +1,24 @@
+import { ComponentPropsWithoutRef } from 'react';
+/**
+ * Props for the PageContent component
+ * @extends ComponentPropsWithoutRef<"main">
+ */
+export type PageContentProps = ComponentPropsWithoutRef<"main">;
+/**
+ * PageContent component for the main content area of a page.
+ *
+ * Features:
+ * - Semantic main element for page content
+ * - Virtual scrolling support for long content
+ * - Automatic scroll synchronization
+ * - Responsive design
+ * - Accessibility support with proper main landmark
+ * - Scroll position management
+ *
+ * @example
+ * <Page.Content>
+ *   <Text>Main page content goes here</Text>
+ *   <Button>Action Button</Button>
+ * </Page.Content>
+ */
+export declare const PageContent: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import('react').RefAttributes<HTMLAreaElement>>;

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

@@ -0,0 +1,4 @@
+export declare const PageContext: import('react').Context<PageContextProps>;
+export type PageContextProps = {
+    pageWidth?: number;
+};

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

@@ -0,0 +1,24 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { LayoutUtilProps } from '@servicetitan/hammer-react';
+/**
+ * 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
+ *
+ * @example
+ * <Page.Footer>
+ *   <Text>Footer content with layout utilities</Text>
+ * </Page.Footer>
+ */
+export declare const PageFooter: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,135 @@
+import { ButtonProps, ButtonLinkProps, BreadcrumbsLinkProps, ChipProps } from '@servicetitan/hammer-react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { LayoutProps } from '../Layout';
+/**
+ * Props for page header action buttons
+ */
+type PageHeaderActionProps = Omit<ButtonProps, "appearance"> & {
+    /**
+     * Label text for the action button
+     */
+    label: string;
+};
+/**
+ * Props for page header actions configuration
+ */
+type PageHeaderActionsProps = {
+    /**
+     * Primary action button
+     */
+    primary?: PageHeaderActionProps;
+    /**
+     * Array of secondary action buttons
+     */
+    secondary?: PageHeaderActionProps[];
+};
+/**
+ * Base props for preference actions
+ */
+type BasePreferenceProps = {
+    /**
+     * Accessible label for the preference action
+     */
+    "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;
+/**
+ * Props for the PageHeader component
+ * @extends ComponentPropsWithoutRef<"header">
+ */
+export type PageHeaderProps = ComponentPropsWithoutRef<"header"> & {
+    /**
+     * Main title of the page
+     */
+    title: string;
+    /**
+     * Breadcrumb navigation links
+     */
+    breadcrumbs?: BreadcrumbsLinkProps[];
+    /**
+     * Status chips to display
+     */
+    chips?: ChipProps[];
+    /**
+     * Description text or content below the title
+     */
+    description?: ReactNode;
+    /**
+     * Primary and secondary action buttons
+     */
+    actions?: PageHeaderActionsProps;
+    /**
+     * Preference action button or link
+     */
+    preferenceAction?: PreferenceButtonProps | PreferenceLinkProps;
+    /**
+     * Layout configuration for the header
+     */
+    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 with fluid 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 }]
+ *   }}
+ * />
+ */
+export declare const PageHeader: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    /**
+     * Main title of the page
+     */
+    title: string;
+    /**
+     * Breadcrumb navigation links
+     */
+    breadcrumbs?: BreadcrumbsLinkProps[];
+    /**
+     * Status chips to display
+     */
+    chips?: ChipProps[];
+    /**
+     * Description text or content below the title
+     */
+    description?: ReactNode;
+    /**
+     * Primary and secondary action buttons
+     */
+    actions?: PageHeaderActionsProps;
+    /**
+     * Preference action button or link
+     */
+    preferenceAction?: PreferenceButtonProps | PreferenceLinkProps;
+    /**
+     * Layout configuration for the header
+     */
+    layout?: LayoutProps;
+} & import('react').RefAttributes<HTMLHeadElement>>;
+export {};