@servicetitan/anvil2 1.44.2 → 1.45.1

package/dist/components/DaysOfTheWeek/DaysOfTheWeek.d.ts

@@ -1,25 +1,66 @@
-import { DaysOfTheWeekProps as CoreDaysOfTheWeekProps } from '@servicetitan/hammer-react';
-import { DataTrackingId } from '../../types/DataTrackingId';
+import { AriaAttributes, ReactElement } from 'react';
+import { DataTrackingId } from '../../types';
+import { FieldLabelProps } from '../FieldLabel';
 /**
  * Props for the DaysOfTheWeek component
- * @property {number[]} [selectedDays] - The selected days (1-7, where 1 is Monday and 7 is Sunday)
- * @property {(selectedDays: number[]) => void} [onChange] - Callback fired when the selection changes
- * @property {boolean | number[]} [disabled] - Whether the component is disabled. Can be a boolean to disable all days, or an array of day numbers (1-7) to disable specific days
- * @property {number} [firstDay] - The first day of the week (1-7, where 1 is Monday and 7 is Sunday)
- * @default 1
- * @property {ReactElement | string} [hint] - Hint text or element to display above the component
- * @property {string} [id] - ID for the component
- * @property {ReactElement | string} [description] - Description text or element to display below the component
- * @property {ReactElement | string} [errorMessage] - Error message to display when there is an error
- * @property {AriaAttributes['aria-live']} [errorAriaLive] - aria-live for the error message
- * @default assertive
- * @property {LabelProps['children']} [label] - Label text or element
- * @property {boolean} [required] - Whether the field is required
- * @property {LabelProps['moreInfo']} [moreInfo] - Additional info to display in a tooltip next to the label
- * @property {Omit<LabelProps, 'children' | 'moreInfo' | 'required' | 'id' | 'htmlFor'>} [labelProps] - Additional props to pass to the Label component
- * @extends DataTrackingId
  */
-export type DaysOfTheWeekProps = CoreDaysOfTheWeekProps & DataTrackingId;
+export type DaysOfTheWeekProps = {
+    /**
+     * The selected days (1-7, where 1 is Monday and 7 is Sunday)
+     */
+    selectedDays?: number[];
+    /**
+     * Callback fired when the selection changes
+     */
+    onChange?: (selectedDays: number[]) => void;
+    /**
+     * Whether the component is disabled
+     * Can be a boolean to disable all days, or an array of day numbers (1-7) to disable specific days
+     */
+    disabled?: boolean | number[];
+    /**
+     * The first day of the week (1-7, where 1 is Monday and 7 is Sunday)
+     * @default 1
+     */
+    firstDay?: number;
+    /**
+     * Hint text or element to display above the component
+     */
+    hint?: ReactElement | string;
+    /**
+     * ID for the component
+     */
+    id?: string;
+    /**
+     * Description text or element to display below the component
+     */
+    description?: ReactElement | string;
+    /**
+     * Error message to display when there is an error
+     */
+    errorMessage?: ReactElement | string;
+    /**
+     * aria-live for the error message
+     * @default assertive
+     */
+    errorAriaLive?: AriaAttributes["aria-live"];
+    /**
+     * Label text or element
+     */
+    label?: FieldLabelProps["children"];
+    /**
+     * Whether the field is required
+     */
+    required?: boolean;
+    /**
+     * Additional info to display in a tooltip next to the label
+     */
+    moreInfo?: FieldLabelProps["moreInfo"];
+    /**
+     * Additional props to pass to the Label component
+     */
+    labelProps?: FieldLabelProps;
+} & DataTrackingId;
 /**
  * DaysOfTheWeek component for selecting multiple days of the week.
  *
@@ -42,4 +83,60 @@ export type DaysOfTheWeekProps = CoreDaysOfTheWeekProps & DataTrackingId;
  *   firstDay={1}
  * />
  */
-export declare const DaysOfTheWeek: import('react').ForwardRefExoticComponent<CoreDaysOfTheWeekProps & DataTrackingId & import('react').RefAttributes<HTMLDivElement>>;
+export declare const DaysOfTheWeek: import('react').ForwardRefExoticComponent<{
+    /**
+     * The selected days (1-7, where 1 is Monday and 7 is Sunday)
+     */
+    selectedDays?: number[];
+    /**
+     * Callback fired when the selection changes
+     */
+    onChange?: (selectedDays: number[]) => void;
+    /**
+     * Whether the component is disabled
+     * Can be a boolean to disable all days, or an array of day numbers (1-7) to disable specific days
+     */
+    disabled?: boolean | number[];
+    /**
+     * The first day of the week (1-7, where 1 is Monday and 7 is Sunday)
+     * @default 1
+     */
+    firstDay?: number;
+    /**
+     * Hint text or element to display above the component
+     */
+    hint?: ReactElement | string;
+    /**
+     * ID for the component
+     */
+    id?: string;
+    /**
+     * Description text or element to display below the component
+     */
+    description?: ReactElement | string;
+    /**
+     * Error message to display when there is an error
+     */
+    errorMessage?: ReactElement | string;
+    /**
+     * aria-live for the error message
+     * @default assertive
+     */
+    errorAriaLive?: AriaAttributes["aria-live"];
+    /**
+     * Label text or element
+     */
+    label?: FieldLabelProps["children"];
+    /**
+     * Whether the field is required
+     */
+    required?: boolean;
+    /**
+     * Additional info to display in a tooltip next to the label
+     */
+    moreInfo?: FieldLabelProps["moreInfo"];
+    /**
+     * Additional props to pass to the Label component
+     */
+    labelProps?: FieldLabelProps;
+} & DataTrackingId & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Details/Details.d.ts

@@ -1,62 +1,24 @@
-import { DetailsProps as CoreDetailsProps, DetailsSummaryProps as CoreDetailsSummaryProps, DetailsContentProps as CoreDetailsContentProps } from '@servicetitan/hammer-react';
-import { DataTrackingId } from '../../types/DataTrackingId';
+import { ComponentPropsWithoutRef } from 'react';
+import { LayoutUtilProps } from '../../types';
 /**
  * Props for the Details component
- * @property {boolean} [expanded] - Determines the controlled expanded state of the details. Use this to make the details expanded state controlled.
- * @default false
- * @property {boolean} [defaultExpanded] - Determines the default expanded state of the details. Use this to make the details expanded state uncontrolled.
- * @default false
+ * @extends ComponentPropsWithoutRef<"div">
+ * @extends LayoutUtilProps
  */
-export type DetailsProps = CoreDetailsProps;
-/**
- * Props for the DetailsSummary component
- * @extends DataTrackingId
- */
-export type DetailsSummaryProps = CoreDetailsSummaryProps & DataTrackingId;
-/**
- * Props for the DetailsContent component
- * @property {string | number} [height] - Fixed height for the content area
- * @property {string | number} [maxHeight] - Maximum height for the content area
- */
-export type DetailsContentProps = CoreDetailsContentProps;
-/**
- * DetailsSummary component for the clickable header of a Details section.
- *
- * Features:
- * - Clickable button that toggles the Details expanded state
- * - Automatic ARIA attributes for accessibility
- * - Includes animated arrow indicator
- * - Supports custom onClick handlers
- * - Keyboard navigation support (Enter, Space)
- * - Styled with consistent typography and spacing
- * - Automatic tracking ID generation for analytics
- *
- * @example
- * <Details.Summary onClick={() => console.log('Summary clicked')}>
- *   Click to expand content
- * </Details.Summary>
- */
-export declare const DetailsSummary: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & DataTrackingId & import('react').RefAttributes<HTMLButtonElement>>;
-/**
- * DetailsContent component for the expandable content area of a Details section.
- *
- * Features:
- * - Expandable and collapsible content area
- * - Smooth animations for height transitions
- * - Configurable height and maxHeight constraints
- * - Automatic overflow handling when height is constrained
- * - Proper ARIA associations with the summary
- * - Responsive design with flexible layout
- *
- * @example
- * <Details.Content maxHeight={300}>
- *   <p>This content will be constrained to 300px max height</p>
- * </Details.Content>
- */
-export declare const DetailsContent: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    height?: string | number;
-    maxHeight?: string | number;
-} & import('react').RefAttributes<HTMLDivElement>>;
+export type DetailsProps = ComponentPropsWithoutRef<"div"> & LayoutUtilProps & {
+    /**
+     * Determines the controlled expanded state of the details.
+     * @remarks Use this to make the details expanded state controlled.
+     * @default false
+     */
+    expanded?: boolean;
+    /**
+     * Determines the default expanded state of the details.
+     * @remarks Use this to make the details expanded state uncontrolled.
+     * @default false
+     */
+    defaultExpanded?: boolean;
+};
 /**
  * Details component for creating expandable/collapsible content sections.
  *
@@ -76,11 +38,21 @@ export declare const DetailsContent: import('react').ForwardRefExoticComponent<O
  *   <Details.Content>This content is now visible</Details.Content>
  * </Details>
  */
-export declare const Details: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('@servicetitan/hammer-react').LayoutUtilProps & {
+export declare const Details: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & {
+    /**
+     * Determines the controlled expanded state of the details.
+     * @remarks Use this to make the details expanded state controlled.
+     * @default false
+     */
     expanded?: boolean;
+    /**
+     * Determines the default expanded state of the details.
+     * @remarks Use this to make the details expanded state uncontrolled.
+     * @default false
+     */
     defaultExpanded?: boolean;
 } & import('react').RefAttributes<HTMLDivElement>> & {
-    Summary: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & DataTrackingId & import('react').RefAttributes<HTMLButtonElement>>;
+    Summary: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import('../..').DataTrackingId & import('react').RefAttributes<HTMLButtonElement>>;
     Content: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         height?: string | number;
         maxHeight?: string | number;

package/dist/components/Details/DetailsContent.d.ts

@@ -0,0 +1,41 @@
+import { ComponentPropsWithoutRef } from 'react';
+/**
+ * Props for the DetailsContent component
+ * @extends ComponentPropsWithoutRef<"div">
+ */
+export type DetailsContentProps = ComponentPropsWithoutRef<"div"> & {
+    /**
+     * Fixed height for the content area
+     */
+    height?: string | number;
+    /**
+     * Maximum height for the content area
+     */
+    maxHeight?: string | number;
+};
+/**
+ * DetailsContent component for the expandable content area of a Details section.
+ *
+ * Features:
+ * - Expandable and collapsible content area
+ * - Smooth animations for height transitions
+ * - Configurable height and maxHeight constraints
+ * - Automatic overflow handling when height is constrained
+ * - Proper ARIA associations with the summary
+ * - Responsive design with flexible layout
+ *
+ * @example
+ * <Details.Content maxHeight={300}>
+ *   <p>This content will be constrained to 300px max height</p>
+ * </Details.Content>
+ */
+export declare const DetailsContent: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /**
+     * Fixed height for the content area
+     */
+    height?: string | number;
+    /**
+     * Maximum height for the content area
+     */
+    maxHeight?: string | number;
+} & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Details/DetailsSummary.d.ts

@@ -0,0 +1,24 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { DataTrackingId } from '../../types';
+/**
+ * Props for the DetailsSummary component
+ * @extends ComponentPropsWithoutRef<"button">
+ */
+export type DetailsSummaryProps = ComponentPropsWithoutRef<"button"> & DataTrackingId;
+/**
+ * DetailsSummary component for the clickable header of a Details section.
+ *
+ * Features:
+ * - Clickable button that toggles the Details expanded state
+ * - Automatic ARIA attributes for accessibility
+ * - Includes animated arrow indicator
+ * - Supports custom onClick handlers
+ * - Keyboard navigation support (Enter, Space)
+ * - Styled with consistent typography and spacing
+ *
+ * @example
+ * <Details.Summary onClick={() => console.log('Summary clicked')}>
+ *   Click to expand content
+ * </Details.Summary>
+ */
+export declare const DetailsSummary: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & DataTrackingId & import('react').RefAttributes<HTMLButtonElement>>;

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

@@ -1,2 +1,4 @@
 export * from './Details';
 export { Details as default } from './Details';
+export { DetailsSummary, type DetailsSummaryProps } from './DetailsSummary';
+export { DetailsContent, type DetailsContentProps } from './DetailsContent';

package/dist/components/Details/internal/DetailsArrow.d.ts

@@ -0,0 +1,20 @@
+import { ComponentPropsWithoutRef } from 'react';
+/**
+ * Props for the DetailsArrow component
+ * @extends ComponentPropsWithoutRef<"span">
+ */
+export type DetailsArrowProps = ComponentPropsWithoutRef<"span">;
+/**
+ * DetailsArrow component for the animated arrow indicator in DetailsSummary.
+ *
+ * Features:
+ * - Animated chevron icon that rotates on expand/collapse
+ * - Automatically reflects the current expanded state
+ * - Uses consistent icon sizing and styling
+ * - Smooth transition animations
+ * - Accessible with proper ARIA context
+ *
+ * @example
+ * <DetailsArrow className="custom-arrow" />
+ */
+export declare const DetailsArrow: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;

package/dist/components/Details/internal/DetailsContext.d.ts

@@ -0,0 +1,8 @@
+export type DetailsContextProps = {
+    id: string;
+    isExpanded: boolean;
+    expanded: () => void;
+    close: () => void;
+    toggle: () => void;
+};
+export declare const DetailsContext: import('react').Context<DetailsContextProps>;

package/dist/components/Dialog/Dialog.d.ts

@@ -1,110 +1,76 @@
-import { DialogProps as CoreDialogProps, DialogHeaderProps as CoreDialogHeaderProps, DialogFooterProps as CoreDialogFooterProps, DialogContentProps as CoreDialogContentProps, DialogCancelButtonProps as CoreDialogCancelButtonProps } from '@servicetitan/hammer-react';
-import { DataTrackingId } from '../../types/DataTrackingId';
+import { ComponentPropsWithoutRef } from 'react';
+import { OpenCloseTransitionStateEffects } from '../../internal/hooks';
+import { DisableCloseOnEscapeOrClickProps, Size } from '../../types';
 /**
  * Props for the Dialog component
- * @property {boolean} [fullScreen] - Whether the dialog should be displayed in fullscreen mode
- * @default false
- * @property {"medium" | "large"} [size] - The size of the dialog
- * @default medium
- * @property {boolean} [open] - Whether the dialog is open
- * @default false
- * @property {() => void} [onClose] - Callback fired when the dialog is closed
- * @property {() => void} [onOpen] - Callback fired when the dialog opens (deprecated)
- * @property {(open: boolean) => void} [onOpenChange] - Callback fired when the dialog open state changes (deprecated)
- * @property {boolean} [enableScrollChaining] - Enables scroll chaining
- * @property {boolean} [disableCloseOnEscape] - Whether to disable closing on escape key
- * @property {boolean} [disableCloseOnClickOutside] - Whether to disable closing on click outside
- * @property {() => void} [onOpenAnimationStart] - Callback fired when open animation starts
- * @property {() => void} [onOpenAnimationComplete] - Callback fired when open animation completes
- * @property {() => void} [onCloseAnimationStart] - Callback fired when close animation starts
- * @property {() => void} [onCloseAnimationComplete] - Callback fired when close animation completes
+ * @extends ComponentPropsWithoutRef<"dialog">
+ * @extends DialogTransitionStateEffects
+ * @extends DisableCloseOnEscapeOrClickProps
  */
-export type DialogProps = CoreDialogProps;
-/**
- * Props for the DialogHeader component
- * @extends DataTrackingId
- */
-export type DialogHeaderProps = CoreDialogHeaderProps & DataTrackingId;
-/**
- * Props for the DialogFooter component
- * @property {boolean} [sticky] - Whether the footer should be sticky
- * @default false
- */
-export type DialogFooterProps = CoreDialogFooterProps;
-/**
- * Props for the DialogContent component
- */
-export type DialogContentProps = CoreDialogContentProps;
-/**
- * Props for the DialogCancelButton component
- * @extends DataTrackingId
- */
-export type DialogCancelButtonProps = CoreDialogCancelButtonProps & DataTrackingId;
-/**
- * DialogHeader component for the header section of a Dialog.
- *
- * Features:
- * - Displays dialog title with headline typography
- * - Includes close button with proper accessibility
- * - Sticky positioning for long content
- * - Consistent spacing and styling
- * - Automatic focus management
- * - Automatic tracking ID generation for analytics
- *
- * @example
- * <Dialog.Header>Confirm Delete</Dialog.Header>
- */
-export declare const DialogHeader: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & DataTrackingId & import('react').RefAttributes<HTMLDivElement>>;
-/**
- * DialogFooter component for the footer section of a Dialog.
- *
- * Features:
- * - Container for dialog action buttons
- * - Optional sticky positioning for long content
- * - Consistent spacing and alignment
- * - Right-aligned button layout by default
- * - Flexible content area for custom layouts
- *
- * @example
- * <Dialog.Footer sticky>
- *   <Dialog.CancelButton>Cancel</Dialog.CancelButton>
- *   <Button appearance="primary">Save</Button>
- * </Dialog.Footer>
- */
-export declare const DialogFooter: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
-    sticky?: boolean;
-} & import('react').RefAttributes<HTMLDivElement>>;
-/**
- * DialogContent component for the main content area of a Dialog.
- *
- * Features:
- * - Main content container for dialog body
- * - Flexible height with overflow handling
- * - Consistent padding and spacing
- * - Responsive design
- * - Proper content scrolling for long content
- *
- * @example
- * <Dialog.Content>
- *   <p>This is the main content of the dialog.</p>
- * </Dialog.Content>
- */
-export declare const DialogContent: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-/**
- * DialogCancelButton component for cancel/close actions in a Dialog.
- *
- * Features:
- * - Button that automatically closes the dialog when clicked
- * - Extends all Button component props and functionality
- * - Proper accessibility with close dialog semantics
- * - Automatic focus management
- * - Consistent styling with other dialog elements
- * - Automatic tracking ID generation for analytics
- *
- * @example
- * <Dialog.CancelButton appearance="ghost">Cancel</Dialog.CancelButton>
- */
-export declare const DialogCancelButton: import('react').ForwardRefExoticComponent<DialogCancelButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+export type DialogProps = ComponentPropsWithoutRef<"dialog"> & OpenCloseTransitionStateEffects & DisableCloseOnEscapeOrClickProps & {
+    /**
+     * @default false
+     */
+    fullScreen?: boolean;
+    /**
+     * @default "medium"
+     */
+    size?: Extract<Size, "medium" | "large">;
+    /**
+     * @default false
+     */
+    open?: boolean;
+    onClose?: () => void;
+    /**
+     * @deprecated - use onOpenAnimationStart or onOpenAnimationComplete instead
+     */
+    onOpen?: () => void;
+    /**
+     * @deprecated - use onOpenAnimationStart or onOpenAnimationComplete instead
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Callback when clicking outside the dialog
+     */
+    onClickOutside?: (e: globalThis.MouseEvent) => void;
+    /**
+     * Enables scroll chaining
+     * @link https://developer.mozilla.org/en-US/docs/Glossary/Scroll_chaining
+     */
+    enableScrollChaining?: boolean;
+};
+export declare const DialogElement: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, "ref"> & OpenCloseTransitionStateEffects & DisableCloseOnEscapeOrClickProps & {
+    /**
+     * @default false
+     */
+    fullScreen?: boolean;
+    /**
+     * @default "medium"
+     */
+    size?: Extract<Size, "medium" | "large">;
+    /**
+     * @default false
+     */
+    open?: boolean;
+    onClose?: () => void;
+    /**
+     * @deprecated - use onOpenAnimationStart or onOpenAnimationComplete instead
+     */
+    onOpen?: () => void;
+    /**
+     * @deprecated - use onOpenAnimationStart or onOpenAnimationComplete instead
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Callback when clicking outside the dialog
+     */
+    onClickOutside?: (e: globalThis.MouseEvent) => void;
+    /**
+     * Enables scroll chaining
+     * @link https://developer.mozilla.org/en-US/docs/Glossary/Scroll_chaining
+     */
+    enableScrollChaining?: boolean;
+} & import('react').RefAttributes<HTMLDialogElement>>;
 /**
  * Dialog component for creating modal dialogs and overlays.
  *
@@ -130,14 +96,36 @@ export declare const DialogCancelButton: import('react').ForwardRefExoticCompone
  *   </Dialog.Footer>
  * </Dialog>
  */
-export declare const Dialog: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, "ref"> & import('@servicetitan/hammer-react/dist/hooks/useOpenCloseTransitionStates').OpenCloseTransitionStateEffects & import('@servicetitan/hammer-react').DisableCloseOnEscapeOrClickProps & {
+export declare const Dialog: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, "ref"> & OpenCloseTransitionStateEffects & DisableCloseOnEscapeOrClickProps & {
+    /**
+     * @default false
+     */
     fullScreen?: boolean;
-    size?: Extract<import('@servicetitan/hammer-react').Size, "medium" | "large">;
+    /**
+     * @default "medium"
+     */
+    size?: Extract<Size, "medium" | "large">;
+    /**
+     * @default false
+     */
     open?: boolean;
     onClose?: () => void;
+    /**
+     * @deprecated - use onOpenAnimationStart or onOpenAnimationComplete instead
+     */
     onOpen?: () => void;
+    /**
+     * @deprecated - use onOpenAnimationStart or onOpenAnimationComplete instead
+     */
     onOpenChange?: (open: boolean) => void;
+    /**
+     * Callback when clicking outside the dialog
+     */
     onClickOutside?: (e: globalThis.MouseEvent) => void;
+    /**
+     * Enables scroll chaining
+     * @link https://developer.mozilla.org/en-US/docs/Glossary/Scroll_chaining
+     */
     enableScrollChaining?: boolean;
 } & import('react').RefAttributes<HTMLDialogElement>> & {
     /**
@@ -154,7 +142,7 @@ export declare const Dialog: import('react').ForwardRefExoticComponent<Omit<impo
      * @example
      * <Dialog.Header>Confirm Delete</Dialog.Header>
      */
-    Header: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & DataTrackingId & import('react').RefAttributes<HTMLDivElement>>;
+    Header: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import('../..').DataTrackingId & import('react').RefAttributes<HTMLDivElement>>;
     /**
      * DialogFooter component for the footer section of a Dialog.
      *
@@ -173,7 +161,7 @@ export declare const Dialog: import('react').ForwardRefExoticComponent<Omit<impo
      */
     Footer: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
         sticky?: boolean;
-    } & import('react').RefAttributes<HTMLDivElement>>;
+    } & import('react').RefAttributes<HTMLElement>>;
     /**
      * DialogContent component for the main content area of a Dialog.
      *
@@ -204,5 +192,5 @@ export declare const Dialog: import('react').ForwardRefExoticComponent<Omit<impo
      * @example
      * <Dialog.CancelButton appearance="ghost">Cancel</Dialog.CancelButton>
      */
-    CancelButton: import('react').ForwardRefExoticComponent<DialogCancelButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+    CancelButton: import('react').ForwardRefExoticComponent<import('./DialogCancelButton').DialogCancelButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
 };

package/dist/components/Dialog/DialogCancelButton.d.ts

@@ -0,0 +1,21 @@
+import { ButtonProps } from '../Button';
+import { DataTrackingId } from '../../types';
+/**
+ * Props for the DialogCancelButton component
+ * @extends ButtonProps
+ */
+export type DialogCancelButtonProps = ButtonProps & DataTrackingId;
+/**
+ * DialogCancelButton component for cancel/close actions in a Dialog.
+ *
+ * Features:
+ * - Button that automatically closes the dialog when clicked
+ * - Extends all Button component props and functionality
+ * - Proper accessibility with close dialog semantics
+ * - Automatic focus management
+ * - Consistent styling with other dialog elements
+ *
+ * @example
+ * <Dialog.CancelButton appearance="ghost">Cancel</Dialog.CancelButton>
+ */
+export declare const DialogCancelButton: import('react').ForwardRefExoticComponent<DialogCancelButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/Dialog/DialogContent.d.ts

@@ -0,0 +1,22 @@
+import { ComponentPropsWithoutRef } from 'react';
+/**
+ * Props for the DialogContent component
+ * @extends ComponentPropsWithoutRef<"div">
+ */
+export type DialogContentProps = ComponentPropsWithoutRef<"div">;
+/**
+ * DialogContent component for the main content area of a Dialog.
+ *
+ * Features:
+ * - Main content container for dialog body
+ * - Flexible height with overflow handling
+ * - Consistent padding and spacing
+ * - Responsive design
+ * - Proper content scrolling for long content
+ *
+ * @example
+ * <Dialog.Content>
+ *   <p>This is the main content of the dialog.</p>
+ * </Dialog.Content>
+ */
+export declare const DialogContent: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;