@servicetitan/anvil2 1.44.2 → 1.45.0

package/dist/components/DndSort/internal/getNextCoordinates.d.ts

@@ -0,0 +1,17 @@
+import { Active, DroppableContainer, KeyboardCoordinateGetter } from '@dnd-kit/core';
+import { WINDOW_PROPERTY_SORT_POSITION } from './utils';
+declare global {
+    interface Window {
+        [WINDOW_PROPERTY_SORT_POSITION]?: string | number;
+    }
+}
+declare const getNextCoordinates: KeyboardCoordinateGetter;
+export default getNextCoordinates;
+export declare function getCoordsFromItem(item: DroppableContainer): {
+    x: number;
+    y: number;
+} | undefined;
+export declare function getCoordsFromZone(zone: DroppableContainer, active: Active | null): {
+    x: number;
+    y: number;
+} | undefined;

package/dist/components/DndSort/internal/test-utils.d.ts

@@ -0,0 +1,24 @@
+type DragOptions = {
+    to: HTMLElement | {
+        x: number;
+        y: number;
+    };
+    delta?: {
+        x: number;
+        y: number;
+    };
+    steps?: number;
+    duration?: number;
+};
+/**
+ *
+ * @param fireEvent This can be either fireEvent from @testing-library/react or fireEvent from @storybook/test
+ * @param element The element to drag
+ * @param options
+ * @param options.to The target element or coordinates to drag to
+ * @param options.delta An x/y delta to drag the element by (this will override the "to" option)
+ * @param options.steps The number of steps in the drag action (more = smoother)
+ * @param options.duration The duration of the drag action in ms
+ */
+export declare function drag(fireEvent: any, element: HTMLElement, { to: inTo, delta, steps, duration }: DragOptions): Promise<void>;
+export {};

package/dist/components/DndSort/internal/utils.d.ts

@@ -0,0 +1,55 @@
+import { Active, DragEndEvent, DragOverEvent, DroppableContainer } from '@dnd-kit/core';
+/**
+ * Because of the interplay between `getNextCoordinates` and `collisionDetection` when handling keyboard interactions,
+ * we store the current position in a global variable.
+ *
+ * More specifically, the `collisionDetection` function doesn't have access to the same context as the `getNextCoordinates` function,
+ * meaning that the collision detection function doesn't know which droppable container is currently being "hovered" by key presses.
+ */
+export declare const WINDOW_PROPERTY_SORT_POSITION = "react-hammer_DndSort_position";
+/**
+ * Resolves the zone (if any) where the item is being dropped.
+ * Given that "over" can be a zone or an item, we have to dig into the event to determine the correct zone.
+ * @param event - The drag event (either DragEndEvent or DragOverEvent)
+ * @returns The resolved drop zone, which may be null if no valid zone is found
+ */
+export declare function resolveDropZone(event: DragEndEvent | DragOverEvent): import('@dnd-kit/core').Over | DroppableContainer | null;
+/**
+ * Calculates the validity of the drop event based on accepted types and custom validation.
+ * @param params - An object containing the active drag item and the accepted types and validator function
+ * @param params.active - The active drag item, which contains the current type and ID
+ * @param params.acceptedTypes - An array of accepted types for the drop zone (optional)
+ * @param params.validator - A custom validation function that takes the ID of the active item and returns a boolean
+ * @returns boolean - true if valid, false otherwise
+ */
+export declare function calculateValidity({ active, acceptedTypes, validator, }: {
+    active: Active | null;
+    acceptedTypes?: string[];
+    validator?: (id: string | number) => boolean;
+}): boolean;
+/**
+ * Calculates the validity of the drop event based on accepted types and custom validation.
+ * @param params - An object containing the active drag item and the drop zone information
+ * @param params.active - The active drag item, which contains the current type and ID
+ * @param params.zone - The drop zone information, which may include accepted types and a custom validator function
+ * @returns boolean - true if valid, false otherwise
+ */
+export declare function calculateZoneValidity({ active, zone, }: {
+    active: Active | null;
+    zone: {
+        id: string | number;
+        data: {
+            current?: {
+                acceptedTypes?: string[];
+                validator?: (id: string | number) => boolean;
+            };
+        };
+    } | null;
+}): boolean;
+/**
+ * Determines whether the drop event is valid based on the accepted types and custom validation function.
+ * Internally resolves the drop zone.
+ * @param event - The drag event (either DragEndEvent or DragOverEvent)
+ * @returns boolean - true if valid, false otherwise
+ */
+export declare function calculateEventValidity(event: DragEndEvent | DragOverEvent): boolean;

package/dist/components/DndSort/types.d.ts

@@ -0,0 +1,55 @@
+import { ReactNode } from 'react';
+/**
+ * Event object emitted when a drag and drop operation is completed.
+ */
+export type DndSortChangeEvent = {
+    /**
+     * The ID of the draggable item that was dropped.
+     */
+    draggableId: string | number;
+    /**
+     * The ID of the drop zone where the item was dropped.
+     * This can be null if the item was not dropped in a zone.
+     */
+    zoneId: string | number | null;
+    /**
+     * The ID of the previous drop zone where the item was located before being dropped.
+     * This can be null if the item is coming from outside of any zone.
+     */
+    previousZoneId: string | number | null;
+    /**
+     * Indicates whether the drop was valid based on the accepted types and custom validation.
+     */
+    valid: boolean;
+    /**
+     * An array representing the sort order of items in the drop zone after the drop.
+     * This can be used to update the order of items in the zone.
+     *
+     * This value is null if the target drop zone (if any) is not sortable.
+     */
+    zoneSort: (string | number)[] | null;
+    /**
+     * An array representing the sort order of items in the previous drop zone before the drop.
+     * This can be used to update the order of items in the previous zone.
+     *
+     * This value is null if the previous drop zone (if any) was not sortable.
+     */
+    previousZoneSort: (string | number)[] | null;
+};
+/**
+ * Function type for advanced zone rendering with state parameters.
+ */
+export type DndSortZoneAdvancedRenderer = (params: {
+    /**
+     * Whether any item is currently being dragged.
+     */
+    isDragging: boolean;
+    /**
+     * Whether a draggable item is currently over this zone.
+     */
+    isOver: boolean;
+    /**
+     * Whether the current drag operation is valid for this zone.
+     */
+    isValid: boolean;
+}) => ReactNode;

package/dist/components/Drawer/Drawer.d.ts

@@ -1,119 +1,42 @@
-import { DrawerProps as CoreDrawerProps, DrawerCancelButtonProps as CoreDrawerCancelButtonProps, DrawerFooterProps as CoreDrawerFooterProps, DrawerHeaderProps as CoreDrawerHeaderProps, DrawerContentProps as CoreDrawerContentProps } 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 Drawer component
- * @property {"medium" | "large"} [size] - The size of the drawer
- * @property {boolean} [open] - Controls whether the drawer is open or closed
- * @property {() => void} [onClose] - Callback function called after the drawer is animated closed
- * @property {() => void} [onOpen] - Callback function called when the drawer opens (deprecated)
- * @property {(open: boolean) => void} [onOpenChange] - Callback fired when the drawer open state changes (deprecated)
- * @property {boolean} [enableScrollChaining] - Enables scroll chaining behavior
- * @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 DrawerProps = CoreDrawerProps;
-/**
- * Props for the DrawerCancelButton component
- * @property {string} [appearance] - The visual appearance of the button
- * @property {string} [size] - The size of the button
- * @property {string} [type] - The type of the button
- */
-export type DrawerCancelButtonProps = CoreDrawerCancelButtonProps & DataTrackingId;
-/**
- * Props for the DrawerFooter component
- * @property {boolean} [sticky] - When true, the footer will stick to the bottom of the drawer
- */
-export type DrawerFooterProps = CoreDrawerFooterProps;
-/**
- * Props for the DrawerHeader component
- * @property {ReactNode} children - The content to be displayed in the header
- */
-export type DrawerHeaderProps = CoreDrawerHeaderProps & DataTrackingId;
-/**
- * Props for the DrawerContent component
- */
-export type DrawerContentProps = CoreDrawerContentProps;
-/**
- * A button component that automatically closes the drawer when clicked.
- *
- * Features:
- * - Automatically closes the drawer when clicked
- * - Extends Button component functionality
- * - Accessible with proper ARIA attributes
- * - Consistent styling with the design system
- * - Supports all standard button props
- * - Proper focus management
- * - Can be used anywhere within the drawer context
- * - Automatic tracking ID generation for analytics
- *
- * @example
- * <Drawer.CancelButton appearance="ghost" size="small">
- *   Cancel
- * </Drawer.CancelButton>
- */
-export declare const DrawerCancelButton: import('react').ForwardRefExoticComponent<DrawerCancelButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
-/**
- * Footer component for the drawer that displays action buttons and controls.
- *
- * Features:
- * - Flexible layout for action buttons and controls
- * - Optional sticky positioning at the bottom
- * - Proper semantic HTML structure
- * - Accessible with proper ARIA attributes
- * - Consistent styling with the design system
- * - Supports all standard footer element props
- * - Responsive design that adapts to content
- *
- * @example
- * <Drawer.Footer sticky>
- *   <Button onClick={handleSave}>Save</Button>
- *   <Drawer.CancelButton>Cancel</Drawer.CancelButton>
- * </Drawer.Footer>
- */
-export declare const DrawerFooter: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
-    sticky?: boolean;
-} & import('react').RefAttributes<HTMLDivElement>>;
-/**
- * Header component for the drawer that displays a title and close button.
- *
- * Features:
- * - Displays the drawer title as a headline
- * - Includes an accessible close button
- * - Sticky positioning at the top of the drawer
- * - Proper semantic HTML structure
- * - Accessible with proper ARIA attributes
- * - Consistent styling with the design system
- * - Automatic close functionality
- * - Automatic tracking ID generation for analytics
- *
- * @example
- * <Drawer.Header>Settings</Drawer.Header>
- */
-export declare const DrawerHeader: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & DataTrackingId & import('react').RefAttributes<HTMLDivElement>>;
-/**
- * Content container for the drawer that holds the main content area.
- *
- * Features:
- * - Flexible content area with proper spacing
- * - Scrollable content when needed
- * - Proper semantic HTML structure
- * - Accessible with proper ARIA attributes
- * - Consistent styling with the design system
- * - Supports all standard div element props
- * - Responsive design that adapts to content
- * - Proper focus management
- *
- * @example
- * <Drawer.Content>
- *   <p>This is the main content of the drawer.</p>
- *   <p>It can contain any type of content.</p>
- * </Drawer.Content>
- */
-export declare const DrawerContent: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export type DrawerProps = ComponentPropsWithoutRef<"dialog"> & OpenCloseTransitionStateEffects & DisableCloseOnEscapeOrClickProps & {
+    /**
+     * The size of the drawer.
+     * @default "medium"
+     */
+    size?: Extract<Size, "medium" | "large">;
+    /**
+     * Controls whether the drawer is open or closed.
+     * @default false
+     */
+    open?: boolean;
+    /**
+     * Callback function called after the drawer is animated closed.
+     */
+    onClose?: () => void;
+    /**
+     * Callback function called when the drawer opens.
+     * @deprecated Use onOpenAnimationStart or onOpenAnimationComplete instead
+     */
+    onOpen?: () => void;
+    /**
+     * Callback when clicking outside the drawer
+     */
+    onClickOutside?: (e: globalThis.MouseEvent) => void;
+    /**
+     * Enables scroll chaining behavior.
+     * @link https://developer.mozilla.org/en-US/docs/Glossary/Scroll_chaining
+     */
+    enableScrollChaining?: boolean;
+};
 /**
  * A slide-out drawer component that provides a modal-like experience from the side of the screen.
  *
@@ -140,12 +63,34 @@ export declare const DrawerContent: import('react').ForwardRefExoticComponent<Om
  *   </Drawer.Footer>
  * </Drawer>
  */
-export declare const Drawer: 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 & {
-    size?: Extract<import('@servicetitan/hammer-react').Size, "medium" | "large">;
+export declare const Drawer: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, "ref"> & OpenCloseTransitionStateEffects & DisableCloseOnEscapeOrClickProps & {
+    /**
+     * The size of the drawer.
+     * @default "medium"
+     */
+    size?: Extract<Size, "medium" | "large">;
+    /**
+     * Controls whether the drawer is open or closed.
+     * @default false
+     */
     open?: boolean;
+    /**
+     * Callback function called after the drawer is animated closed.
+     */
     onClose?: () => void;
+    /**
+     * Callback function called when the drawer opens.
+     * @deprecated Use onOpenAnimationStart or onOpenAnimationComplete instead
+     */
     onOpen?: () => void;
+    /**
+     * Callback when clicking outside the drawer
+     */
     onClickOutside?: (e: globalThis.MouseEvent) => void;
+    /**
+     * Enables scroll chaining behavior.
+     * @link https://developer.mozilla.org/en-US/docs/Glossary/Scroll_chaining
+     */
     enableScrollChaining?: boolean;
 } & import('react').RefAttributes<HTMLDialogElement>> & {
     /**
@@ -164,7 +109,7 @@ export declare const Drawer: import('react').ForwardRefExoticComponent<Omit<impo
      * @example
      * <Drawer.Header>Settings</Drawer.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<HTMLHeadElement>>;
     /**
      * Footer component for the drawer that displays action buttons and controls.
      *
@@ -185,7 +130,7 @@ export declare const Drawer: 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>>;
     /**
      * Content container for the drawer that holds the main content area.
      *
@@ -224,5 +169,5 @@ export declare const Drawer: import('react').ForwardRefExoticComponent<Omit<impo
      *   Cancel
      * </Drawer.CancelButton>
      */
-    CancelButton: import('react').ForwardRefExoticComponent<DrawerCancelButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+    CancelButton: import('react').ForwardRefExoticComponent<import('./DrawerCancelButton').DrawerCancelButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
 };

package/dist/components/Drawer/DrawerCancelButton.d.ts

@@ -0,0 +1,25 @@
+import { ButtonProps } from '../Button';
+import { DataTrackingId } from '../../types';
+/**
+ * Props for the DrawerCancelButton component
+ * @extends ButtonProps
+ */
+export type DrawerCancelButtonProps = ButtonProps & DataTrackingId;
+/**
+ * A button component that automatically closes the drawer when clicked.
+ *
+ * Features:
+ * - Automatically closes the drawer when clicked
+ * - Extends Button component functionality
+ * - Accessible with proper ARIA attributes
+ * - Consistent styling with the design system
+ * - Supports all standard button props
+ * - Proper focus management
+ * - Can be used anywhere within the drawer context
+ *
+ * @example
+ * <DrawerCancelButton appearance="ghost" size="small">
+ *   Cancel
+ * </DrawerCancelButton>
+ */
+export declare const DrawerCancelButton: import('react').ForwardRefExoticComponent<DrawerCancelButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/Drawer/DrawerContent.d.ts

@@ -0,0 +1,26 @@
+import { ComponentPropsWithoutRef } from 'react';
+/**
+ * Props for the DrawerContent component
+ * @extends ComponentPropsWithoutRef<"div">
+ */
+export type DrawerContentProps = ComponentPropsWithoutRef<"div">;
+/**
+ * Content container for the drawer that holds the main content area.
+ *
+ * Features:
+ * - Flexible content area with proper spacing
+ * - Scrollable content when needed
+ * - Proper semantic HTML structure
+ * - Accessible with proper ARIA attributes
+ * - Consistent styling with the design system
+ * - Supports all standard div element props
+ * - Responsive design that adapts to content
+ * - Proper focus management
+ *
+ * @example
+ * <Drawer.Content>
+ *   <p>This is the main content of the drawer.</p>
+ *   <p>It can contain any type of content.</p>
+ * </Drawer.Content>
+ */
+export declare const DrawerContent: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Drawer/DrawerFooter.d.ts

@@ -0,0 +1,37 @@
+import { ComponentPropsWithoutRef } from 'react';
+/**
+ * Props for the DrawerFooter component
+ * @extends ComponentPropsWithoutRef<"footer">
+ */
+export type DrawerFooterProps = ComponentPropsWithoutRef<"footer"> & {
+    /**
+     * When true, the footer will stick to the bottom of the drawer.
+     * @default false
+     */
+    sticky?: boolean;
+};
+/**
+ * Footer component for the drawer that displays action buttons and controls.
+ *
+ * Features:
+ * - Flexible layout for action buttons and controls
+ * - Optional sticky positioning at the bottom
+ * - Proper semantic HTML structure
+ * - Accessible with proper ARIA attributes
+ * - Consistent styling with the design system
+ * - Supports all standard footer element props
+ * - Responsive design that adapts to content
+ *
+ * @example
+ * <Drawer.Footer sticky>
+ *   <Button onClick={handleSave}>Save</Button>
+ *   <Button onClick={handleCancel}>Cancel</Button>
+ * </Drawer.Footer>
+ */
+export declare const DrawerFooter: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    /**
+     * When true, the footer will stick to the bottom of the drawer.
+     * @default false
+     */
+    sticky?: boolean;
+} & import('react').RefAttributes<HTMLElement>>;

package/dist/components/Drawer/DrawerHeader.d.ts

@@ -0,0 +1,23 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { DataTrackingId } from '../../types';
+/**
+ * Props for the DrawerHeader component
+ * @extends ComponentPropsWithoutRef<"header">
+ */
+export type DrawerHeaderProps = ComponentPropsWithoutRef<"header"> & DataTrackingId;
+/**
+ * Header component for the drawer that displays a title and close button.
+ *
+ * Features:
+ * - Displays the drawer title as a headline
+ * - Includes an accessible close button
+ * - Sticky positioning at the top of the drawer
+ * - Proper semantic HTML structure
+ * - Accessible with proper ARIA attributes
+ * - Consistent styling with the design system
+ * - Automatic close functionality
+ *
+ * @example
+ * <Drawer.Header>Settings</Drawer.Header>
+ */
+export declare const DrawerHeader: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & DataTrackingId & import('react').RefAttributes<HTMLHeadElement>>;

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

@@ -1,2 +1,6 @@
-export * from './Drawer';
-export { Drawer as default } from './Drawer';
+export { Drawer as default, Drawer, type DrawerProps } from './Drawer';
+export { DrawerCancelButton, type DrawerCancelButtonProps, } from './DrawerCancelButton';
+export { DrawerFooter, type DrawerFooterProps } from './DrawerFooter';
+export { DrawerHeader, type DrawerHeaderProps } from './DrawerHeader';
+export { DrawerContent, type DrawerContentProps } from './DrawerContent';
+export type { LayoutUtilProps } from '../../types';

package/dist/components/Drawer/internal/DrawerContext.d.ts

@@ -0,0 +1,15 @@
+import { MouseEvent, RefObject } from 'react';
+/**
+ * Context props for the Drawer component
+ */
+export type DrawerContextProps = {
+    /**
+     * Function to close the drawer.
+     */
+    close: (e?: MouseEvent<HTMLElement>) => void;
+    /**
+     * Reference to the drawer dialog element.
+     */
+    ref?: RefObject<HTMLDialogElement>;
+};
+export declare const DrawerContext: import('react').Context<DrawerContextProps | null>;

package/dist/components/Drawer/internal/useDrawerContext.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Hook to access the drawer context.
+ *
+ * @returns The drawer context containing close function and ref
+ * @throws Error if used outside of a DrawerContextProvider
+ */
+export declare function useDrawerContext(): import('./DrawerContext').DrawerContextProps;

package/dist/components/EditCard/EditCard.d.ts

@@ -1,24 +1,56 @@
-import { EditCardProps as CoreEditCardProps, EditCardChange as CoreEditCardChange, EditCardState as CoreEditCardState } from '@servicetitan/hammer-react';
+import { ComponentPropsWithoutRef } from 'react';
+import { LayoutUtilProps } from '../../types';
 /**
  * Props for the EditCard component
- * @property {string | object} headerText - The header text to display. Can be a string or an object mapping states to different text
- * @property {EditCardState} state - The current state of the edit card
- * @property {string} [saveButtonText] - Text to display on the save button
- * @property {string} [editButtonText] - Text to display on the edit button
- * @property {boolean} [disableEdit] - Whether to disable the edit button
- * @property {boolean} [disableSave] - Whether to disable the save button
- * @property {function} [onStateChange] - Callback function called when the state changes
  * @extends ComponentPropsWithoutRef<"div">
  * @extends LayoutUtilProps
  */
-export type EditCardProps = CoreEditCardProps;
+export type EditCardProps = ComponentPropsWithoutRef<"div"> & LayoutUtilProps & {
+    /**
+     * The header text to display. Can be a string or an object mapping states to different text.
+     */
+    headerText: string | {
+        "not started": string;
+        "in progress": string;
+        error: string;
+        complete: string;
+    };
+    /**
+     * The current state of the edit card.
+     */
+    state: EditCardState;
+    /**
+     * Text to display on the save button.
+     * @default "Save"
+     */
+    saveButtonText?: string;
+    /**
+     * Text to display on the edit button.
+     * @default "Edit"
+     */
+    editButtonText?: string;
+    /**
+     * Whether to disable the edit button.
+     * @default false
+     */
+    disableEdit?: boolean;
+    /**
+     * Whether to disable the save button.
+     * @default false
+     */
+    disableSave?: boolean;
+    /**
+     * Callback function called when the state changes.
+     */
+    onStateChange?: (changeType: EditCardChange) => void;
+};
 /**
  * The type of state change that can occur.
  * @property {"edit"} edit - User clicked the edit button to start editing
  * @property {"save"} save - User clicked the save button to save changes
  * @property {"cancel"} cancel - User clicked the cancel button to discard changes
  */
-export type EditCardChange = CoreEditCardChange;
+export type EditCardChange = "edit" | "save" | "cancel";
 /**
  * The current state of the edit card.
  * @property {"not started"} not started - Initial state, content is not being edited
@@ -26,7 +58,7 @@ export type EditCardChange = CoreEditCardChange;
  * @property {"error"} error - An error occurred during the edit process
  * @property {"complete"} complete - Edit was successfully completed
  */
-export type EditCardState = CoreEditCardState;
+export type EditCardState = "not started" | "in progress" | "error" | "complete";
 /**
  * EditCard component for managing editable content with different states and actions.
  *
@@ -52,17 +84,42 @@ export type EditCardState = CoreEditCardState;
  *   <Text>Profile information goes here</Text>
  * </EditCard>
  */
-export declare const EditCard: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('@servicetitan/hammer-react').LayoutUtilProps & {
+export declare const EditCard: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & {
+    /**
+     * The header text to display. Can be a string or an object mapping states to different text.
+     */
     headerText: string | {
         "not started": string;
         "in progress": string;
         error: string;
         complete: string;
     };
-    state: CoreEditCardState;
+    /**
+     * The current state of the edit card.
+     */
+    state: EditCardState;
+    /**
+     * Text to display on the save button.
+     * @default "Save"
+     */
     saveButtonText?: string;
+    /**
+     * Text to display on the edit button.
+     * @default "Edit"
+     */
     editButtonText?: string;
+    /**
+     * Whether to disable the edit button.
+     * @default false
+     */
     disableEdit?: boolean;
+    /**
+     * Whether to disable the save button.
+     * @default false
+     */
     disableSave?: boolean;
-    onStateChange?: (changeType: CoreEditCardChange) => void;
+    /**
+     * Callback function called when the state changes.
+     */
+    onStateChange?: (changeType: EditCardChange) => void;
 } & import('react').RefAttributes<HTMLDivElement>>;