@servicetitan/anvil2 1.44.2 → 1.45.1

package/dist/components/InputMask/InputMask.d.ts

@@ -1,4 +1,109 @@
-import { InputMaskProps as CoreInputMaskProps } from '@servicetitan/hammer-react';
+import { ChangeEventHandler, InputHTMLAttributes, ReactElement } from 'react';
+import { TextFieldProps } from '../TextField/internal/TextField';
+import { DataTrackingId } from '../../types';
+/**
+ * Props for InputMask when using with children
+ */
+interface InputMaskPropsWithChildren {
+    /**
+     * Custom input element to be wrapped with mask functionality.
+     */
+    children: ReactElement<InputHTMLAttributes<HTMLInputElement>>;
+    /**
+     * Additional props to pass to the input element.
+     */
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+}
+/**
+ * Props for InputMask when using without children
+ */
+interface InputMaskPropsWithoutChildren {
+    /**
+     * No children allowed when using default TextField.
+     */
+    children?: never;
+    /**
+     * Props to pass to the default TextField component.
+     */
+    inputProps?: TextFieldProps;
+}
+/**
+ * Configuration for custom mask handler matching
+ */
+interface ICustomMaskHandlerMatch {
+    /**
+     * Regular expression pattern to match against input.
+     */
+    matchPattern: RegExp;
+    /**
+     * Starting position in the input string.
+     */
+    startPosition: number;
+    /**
+     * Ending position in the input string.
+     */
+    endPosition: number;
+}
+/**
+ * Configuration for custom mask handler application
+ */
+interface ICustomMaskHandlerApply {
+    /**
+     * Pattern to apply when match is found.
+     */
+    applyPattern: string;
+    /**
+     * Offset to apply to cursor position after transformation.
+     */
+    caretOffset: number;
+}
+/**
+ * Custom mask handler for advanced input transformations
+ */
+interface ICustomMaskHandler {
+    /**
+     * Matching configuration for the handler.
+     */
+    match: ICustomMaskHandlerMatch;
+    /**
+     * Application configuration for the handler.
+     */
+    apply: ICustomMaskHandlerApply;
+}
+/**
+ * Shared props for InputMask component
+ */
+interface SharedInputMaskProps {
+    /**
+     * The mask pattern to apply to the input.
+     * - "9" for digits only
+     * - "a" for letters only
+     * - "*" for alphanumeric
+     * - Any other character is treated as a fixed character
+     */
+    mask: string;
+    /**
+     * Character to display for unfilled mask positions.
+     * @default "_"
+     */
+    defaultMaskCharacter?: string;
+    /**
+     * Controlled value for the input.
+     */
+    value?: string;
+    /**
+     * Default value for uncontrolled input.
+     */
+    defaultValue?: string;
+    /**
+     * Callback function called when input value changes.
+     */
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    /**
+     * Array of custom mask handlers for advanced transformations.
+     */
+    customMaskHandler?: ICustomMaskHandler[];
+}
 /**
  * Props for the InputMask component
  * @property {string} mask - The mask pattern to apply to the input (9 for digits, a for letters, * for alphanumeric)
@@ -8,55 +113,11 @@ import { InputMaskProps as CoreInputMaskProps } from '@servicetitan/hammer-react
  * @property {ReactElement} [children] - Custom input element to be wrapped with mask functionality
  * @property {string} [data-tracking-id] - Custom tracking ID for analytics
  */
-export type InputMaskProps = CoreInputMaskProps & {
-    ["data-tracking-id"]?: string;
-};
+export type InputMaskProps = SharedInputMaskProps & (InputMaskPropsWithChildren | InputMaskPropsWithoutChildren) & DataTrackingId;
 /**
  * InputMask component for applying input masks and formatting to text inputs.
  *
- * Features:
- * - Input masking with configurable patterns (9, a, *, fixed characters)
- * - Support for both controlled and uncontrolled inputs
- * - Custom input elements or default TextField integration
- * - Advanced cursor positioning and selection management
- * - Custom mask handlers for complex transformations
- * - Paste and keyboard event handling
- * - Automatic mask character replacement
- * - Focus and blur event management
- * - Accessible with proper ARIA attributes
- * - Support for all standard input element props
- * - Flexible mask pattern configuration
- * - Real-time input validation and formatting
- * - Automatic tracking ID generation for analytics
- *
- * @example
- * <InputMask
- *   mask="99/99/9999"
- *   inputProps={{ label: "Date", hint: "mm/dd/yyyy" }}
- * />
- *
- * @example
- * <InputMask mask="(999) 999-9999">
- *   <TextField label="Phone Number" hint="(555) 123-4567" />
- * </InputMask>
- *
- * @example
- * <InputMask
- *   mask="99/99/9999"
- *   customMaskHandler={[
- *     {
- *       match: {
- *         matchPattern: /^(\d)\//,
- *         startPosition: 0,
- *         endPosition: 2,
- *       },
- *       apply: {
- *         applyPattern: "0$1",
- *         caretOffset: 2,
- *       },
- *     },
- *   ]}
- *   inputProps={{ label: "Date with custom handler" }}
- * />
+ * @deprecated Use the TextField component with custom masking instead. Over time, we intend to release additional components with built-in masking.
  */
 export declare const InputMask: import('react').ForwardRefExoticComponent<InputMaskProps & import('react').RefAttributes<HTMLInputElement>>;
+export {};

package/dist/components/InputMask/internal/constants.d.ts

@@ -0,0 +1 @@
+export declare const MASK_CHARS: string[];

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

@@ -0,0 +1,41 @@
+/**
+ * This function applies the mask to the input value, returning a new string that matches the mask's format.
+ * @param value - a string representing the raw input value (e.g., what the user typed)
+ * @param mask -  a string representing the desired input mask (e.g., "99/99/9999" for a date)
+ * @param defaultMaskCharacter - a string representing the default mask character (e.g., "_")
+ * @returns a string representing the masked value (e.g., "12/31/2025" for a date)
+ *
+ * @example
+ * applyMask("1234567890", "99/99/9999", "_") // "12/31/2025"
+ * applyMask("1234567890", "999-999-9999", "-") // "123-456-7890"
+ * applyMask("123", "99/99", "_") // "12/3_"
+ */
+export declare function applyMask(value: string, mask: string, defaultMaskCharacter: string): string;
+/**
+ * This function finds the next open character in a given value.
+ * @param value - a string representing the value to search
+ * @param defaultMaskCharacter - a string representing the default mask character (e.g., "_")
+ * @returns a number representing the index of the next open character
+ */
+export declare function getNextOpenCharacterIndex(value: string, defaultMaskCharacter: string): number;
+/**
+ * This function finds the first non-fixed character in the value.
+ * @param startingIndex - a number representing the index to start searching from
+ * @param fixedCharacterIndices - an array of numbers representing the indices of the fixed characters
+ * @returns a number representing the index of the first non-fixed character
+ */
+export declare function getFirstNonFixedCharacterIndex(startingIndex: number, fixedCharacterIndices: number[]): number;
+/**
+ * This function finds the last filled character in a given value.
+ * @param value - a string representing the value to search
+ * @param mask - a string representing the mask
+ * @returns a number representing the index of the last filled character
+ */
+export declare function getLastFilledCharacterIndex(value: string, mask: string): number;
+/**
+ * This function finds the first filled character in a given value.
+ * @param value - a string representing the value to search
+ * @param mask - a string representing the mask
+ * @returns a number representing the index of the first filled character
+ */
+export declare function getFirstFilledCharacterIndex(value: string, mask: string): number;

package/dist/components/Link/Link.d.ts

@@ -1,14 +1,14 @@
-import { LinkProps as CoreLinkProps } from '@servicetitan/hammer-react';
-import { DataTrackingId } from '../../types/DataTrackingId';
+import { DataTrackingId, DistributiveOmit } from '../../types';
+import { LinkProps as BaseLinkProps } from './internal/Link';
 /**
  * Props for the Link component.
- * @extends Omit<CoreLinkProps, "href">
+ * @extends Omit<BaseLinkProps, "href">
  * @extends DataTrackingId
  */
-export type LinkProps = Omit<CoreLinkProps, "href"> & DataTrackingId & ({
+export type LinkProps = DistributiveOmit<BaseLinkProps, "href"> & DataTrackingId & ({
     pathname?: never;
     search?: never;
-    href?: CoreLinkProps["href"];
+    href?: BaseLinkProps["href"];
 } | {
     pathname: string;
     search?: string;
@@ -17,18 +17,6 @@ export type LinkProps = Omit<CoreLinkProps, "href"> & DataTrackingId & ({
     pathname?: never;
     search?: never;
     href?: never;
-}) & ({
-    /**
-     * The visual appearance of the link.
-     * @default "primary"
-     */
-    appearance?: "primary";
-    /** Whether the link should have a quieter, less prominent appearance */
-    quiet?: boolean;
-} | {
-    /** The visual appearance of the link. Secondary appearance cannot be quiet. */
-    appearance: "secondary";
-    quiet?: false;
 });
 /**
  * Link component for creating accessible, styled hyperlinks with tracking support.

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

@@ -1,2 +1,3 @@
 export * from './Link';
 export { Link as default } from './Link';
+export { useLinkStyles, type UseLinkStylesProps } from './useLinkStyles';

package/dist/components/Link/internal/Link.d.ts

@@ -0,0 +1,57 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { LayoutUtilProps } from '../../../types';
+/**
+ * Props for the Link component.
+ * @extends ComponentPropsWithoutRef<"a">
+ * @extends LayoutUtilProps
+ */
+export type LinkProps = ComponentPropsWithoutRef<"a"> & LayoutUtilProps & ({
+    /**
+     * The visual appearance of the link.
+     * @default "primary"
+     */
+    appearance?: "primary";
+    /** Whether the link should have a quieter, less prominent appearance */
+    quiet?: boolean;
+} | {
+    /** The visual appearance of the link. Secondary appearance cannot be quiet. */
+    appearance: "secondary";
+    quiet?: false;
+});
+/**
+ * Link component for creating accessible, styled hyperlinks.
+ *
+ * Features:
+ * - Two visual appearances: primary (default) and secondary
+ * - Quiet mode for less prominent styling
+ * - Automatic external link icon for target="_blank" links
+ * - Security attributes (rel="noopener noreferrer") for external links
+ * - Full accessibility support with proper focus management
+ * - Supports layout utilities for positioning and spacing
+ * - Flexible content support for text and other elements
+ * - Responsive design with consistent typography
+ * - Hover and focus states with proper visual feedback
+ * - Screen reader support for external link announcements
+ *
+ * @example
+ * <Link href="/dashboard" appearance="primary">
+ *   Go to Dashboard
+ * </Link>
+ *
+ * @example
+ * <Link href="https://example.com" target="_blank" quiet>
+ *   External Documentation
+ * </Link>
+ *
+ * @example
+ * <Link href="/settings" appearance="secondary">
+ *   Settings
+ * </Link>
+ *
+ * @example
+ * <Link href="/profile" gap="2" alignItems="center">
+ *   <Avatar name="John Doe" size="small" />
+ *   View Profile
+ * </Link>
+ */
+export declare const Link: import('react').ForwardRefExoticComponent<LinkProps & import('react').RefAttributes<HTMLAnchorElement>>;

package/dist/components/Link/internal/LinkHeadless.d.ts

@@ -0,0 +1,24 @@
+import { ComponentPropsWithoutRef } from 'react';
+/**
+ * Props for the LinkHeadless component.
+ * @extends ComponentPropsWithoutRef<"a">
+ */
+export type LinkHeadlessProps = ComponentPropsWithoutRef<"a">;
+/**
+ * Headless link component for creating accessible hyperlinks.
+ *
+ * Features:
+ * - Security attributes (rel="noopener noreferrer") for external links
+ *
+ * @example
+ * <LinkHeadless href="/dashboard">
+ *   Go to Dashboard
+ * </LinkHeadless>
+ *
+ * @example
+ * <LinkHeadless href="https://example.com" target="_blank">
+ *   External Documentation
+ * </LinkHeadless>
+ *
+ */
+export declare const LinkHeadless: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;

package/dist/components/Link/useLinkStyles.d.ts

@@ -0,0 +1,17 @@
+import { LayoutUtilProps } from '../../types';
+import { LinkProps } from './Link';
+/**
+ * Props for the useLinkStyles hook.
+ * @extends LayoutUtilProps
+ */
+export type UseLinkStylesProps = LayoutUtilProps & Pick<LinkProps, "className" | "appearance" | "quiet" | "style">;
+/**
+ * Hook for generating link styles and class names.
+ *
+ * @param props - The link style properties
+ * @returns Object containing linkClassNames and styleCombined
+ */
+export declare const useLinkStyles: (props: UseLinkStylesProps) => {
+    linkClassNames: string;
+    styleCombined: import('react').CSSProperties;
+};

package/dist/components/LinkButton/LinkButton.d.ts

@@ -1,11 +1,12 @@
-import { LinkButtonProps as CoreLinkButtonProps } from '@servicetitan/hammer-react';
+import { ComponentPropsWithoutRef } from 'react';
 import { DataTrackingId } from '../../types/DataTrackingId';
+import { LayoutUtilProps } from '../../types';
 /**
  * Props for the Link component.
  * @extends CoreLinkButtonProps
  * @extends DataTrackingId
  */
-export type LinkButtonProps = CoreLinkButtonProps & DataTrackingId & ({
+export type LinkButtonProps = Omit<ComponentPropsWithoutRef<"button">, "type" | "disabled"> & LayoutUtilProps & ({
     /**
      * The visual appearance of the LinkButton.
      * @default "primary"
@@ -26,32 +27,5 @@ export type LinkButtonProps = CoreLinkButtonProps & DataTrackingId & ({
      * @remarks Must be false when appearance is "secondary".
      */
     quiet?: false;
-});
-export declare const LinkButton: import('react').ForwardRefExoticComponent<((Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "type" | "disabled"> & import('@servicetitan/hammer-react').LayoutUtilProps & {
-    appearance?: "primary";
-    quiet?: boolean;
-} & DataTrackingId & {
-    /**
-     * The visual appearance of the LinkButton.
-     * @default "primary"
-     */
-    appearance?: "primary";
-    /**
-     * Whether the LinkButton should have a quieter, less prominent appearance.
-     * @remarks Only available when appearance is "primary".
-     */
-    quiet?: boolean;
-}) | (Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "type" | "disabled"> & import('@servicetitan/hammer-react').LayoutUtilProps & {
-    appearance: "secondary";
-    quiet?: false;
-} & DataTrackingId & {
-    /**
-     * The visual appearance of the LinkButton. Secondary appearance cannot be quiet.
-     */
-    appearance: "secondary";
-    /**
-     * Whether the LinkButton should have a quieter, less prominent appearance.
-     * @remarks Must be false when appearance is "secondary".
-     */
-    quiet?: false;
-})) & import('react').RefAttributes<HTMLButtonElement>>;
+}) & DataTrackingId;
+export declare const LinkButton: import('react').ForwardRefExoticComponent<LinkButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/ListView/ListView.d.ts

@@ -1,52 +1,23 @@
-import { ListViewProps as CoreListViewProps, ListViewOptionProps as CoreListViewOptionProps } from '@servicetitan/hammer-react';
-import { ForwardedRef } from 'react';
-import { DataTrackingId } from '../../types/DataTrackingId';
+import { Ref } from 'react';
+import { LayoutUtilProps } from '../../types';
+import { ItemType, ListViewWithItems, ListViewWithOutItems } from './internal/types';
 /**
  * Props for the ListView component
- * @property {function} [onSelectionChange] - Callback when selection changes
- * @property {Array} [selected] - Currently selected items (controlled)
- * @property {Array} [items] - Array of items to render
- * @property {Array} [defaultSelected] - Default selected items (uncontrolled)
- * @property {function} [children] - Optional render function for items
+ * @template T - The type of additional properties for items
  * @extends LayoutUtilProps
  */
-export type ListViewProps<T> = CoreListViewProps<T>;
-/**
- * Props for the ListViewOption component
- * @property {boolean} [disabled] - Whether the option is disabled
- * @property {function} [onChange] - Callback when the option changes
- * @property {object} [item] - The item object when using items prop
- * @property {string} [label] - The display label for the option
- * @extends ComponentPropsWithoutRef<"div">
- */
-export type ListViewOptionProps = CoreListViewOptionProps & DataTrackingId;
-declare const ListViewElement: <T>(props: ListViewProps<T>, ref: ForwardedRef<HTMLUListElement>) => import("react/jsx-runtime").JSX.Element;
-/**
- * ListViewOption component for individual selectable items within a listview.
- *
- * Features:
- * - Displays selectable options with proper ARIA attributes
- * - Supports disabled state for non-selectable options
- * - Keyboard navigation support
- * - Accessible with screen reader support
- * - Automatic tracking ID generation for analytics
- *
- * @example
- * <ListView.Option item={{ label: "Option 1" }} />
- */
-export declare const ListViewOption: import('react').ForwardRefExoticComponent<ListViewOptionProps & import('react').RefAttributes<HTMLDivElement>>;
-/**
- * ListViewOptionCell component for rendering a cell within a listview option.
- *
- * Features:
- * - Renders a grid cell for option content
- * - Supports custom content and layout
- * - Accessible with proper ARIA attributes
- *
- * @example
- * <ListView.OptionCell>Custom cell content</ListView.OptionCell>
- */
-export declare const ListViewOptionCell: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export type ListViewProps<T> = LayoutUtilProps & {
+    /** Currently indeterminate items (controlled) */
+    indeterminate?: unknown[];
+    /** Callback when selection changes */
+    onSelectionChange?: (value: unknown[]) => void;
+    /** Currently selected items (controlled) */
+    selected?: ItemType<T>[];
+} & (ListViewWithItems<T> | ListViewWithOutItems);
+declare const ListViewElement: {
+    <T>(props: ListViewProps<T>, ref: Ref<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 /**
  * ListView component for displaying a list of selectable items in a grid layout.
  *
@@ -83,7 +54,7 @@ export declare const ListView: (<T>(props: ListViewProps<T> & {
      * @example
      * <ListView.Option item={{ label: "Option 1" }} />
      */
-    Option: import('react').ForwardRefExoticComponent<ListViewOptionProps & import('react').RefAttributes<HTMLDivElement>>;
+    Option: import('react').ForwardRefExoticComponent<import('./ListViewOption').ListViewOptionProps & import('react').RefAttributes<HTMLDivElement>>;
     /**
      * ListViewOptionCell component for rendering a cell within a listview option.
      *

package/dist/components/ListView/ListViewOption.d.ts

@@ -0,0 +1,38 @@
+import { ChangeEvent, ComponentPropsWithoutRef } from 'react';
+import { CheckboxState } from '../Checkbox/types';
+import { DataTrackingId } from '../../types';
+type ItemType = {
+    label: string;
+    disabled?: boolean;
+    [key: string]: unknown;
+};
+/**
+ * Props for the ListViewOption component
+ * @extends ComponentPropsWithoutRef<"div">
+ */
+export type ListViewOptionProps = Omit<ComponentPropsWithoutRef<"div">, "onChange"> & {
+    /** Whether the option is disabled */
+    disabled?: boolean;
+    /** Callback when the option changes */
+    onChange?: (e?: ChangeEvent<HTMLInputElement>, state?: CheckboxState) => void;
+} & ({
+    /** The item object when using items prop */
+    item: ItemType;
+} | {
+    /** The display label for the option */
+    label: string;
+}) & DataTrackingId;
+/**
+ * ListViewOption component for individual selectable items within a listview.
+ *
+ * Features:
+ * - Displays selectable options with proper ARIA attributes
+ * - Supports disabled state for non-selectable options
+ * - Keyboard navigation support
+ * - Accessible with screen reader support
+ *
+ * @example
+ * <ListView.Option item={{ label: "Option 1" }} />
+ */
+export declare const ListViewOption: import('react').ForwardRefExoticComponent<ListViewOptionProps & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/ListView/ListViewOptionCell.d.ts

@@ -0,0 +1,12 @@
+/**
+ * ListViewOptionCell component for rendering a cell within a listview option.
+ *
+ * Features:
+ * - Renders a grid cell for option content
+ * - Supports custom content and layout
+ * - Accessible with proper ARIA attributes
+ *
+ * @example
+ * <ListView.OptionCell>Custom cell content</ListView.OptionCell>
+ */
+export declare const ListViewOptionCell: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -1,2 +1,4 @@
 export * from './ListView';
-export { ListView as default } from './ListView';
+export { ListView as default, type ListViewProps } from './ListView';
+export { ListViewOption, type ListViewOptionProps } from './ListViewOption';
+export { ListViewOptionCell } from './ListViewOptionCell';

package/dist/components/ListView/internal/ListViewContext.d.ts

@@ -0,0 +1,28 @@
+import { Dispatch, SetStateAction } from 'react';
+import { Option } from './types';
+/**
+ * Context properties for the ListView component
+ */
+export type ListViewContextProps = {
+    /** Array of option objects for focus management */
+    options?: Option[];
+    /** Callback when selection changes */
+    onSelectionChange?: (value: unknown[]) => void;
+    /** Currently selected items */
+    selectedItems: unknown[];
+    /** Currently indeterminate items */
+    indeterminateItems: unknown[];
+    /** Array of items if using items prop */
+    items?: unknown[];
+    /** Function to set the selected items */
+    setSelectedItems: Dispatch<SetStateAction<ListViewContextProps["selectedItems"]>>;
+    /** Whether the component is controlled */
+    controlled?: boolean;
+};
+export declare const ListViewContext: import('react').Context<ListViewContextProps | null>;
+/**
+ * Hook to access the listview context
+ * @returns The listview context
+ * @throws Error if used outside of a ListView component
+ */
+export declare function useListView(): ListViewContextProps;

package/dist/components/ListView/internal/types.d.ts

@@ -0,0 +1,52 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+/**
+ * Represents an item in the listview with a label and optional disabled state.
+ * @template T - The type of additional properties for the item
+ */
+export type ItemType<T> = T & {
+    /** The display label for the item */
+    label: string;
+    /** Whether the item is disabled and cannot be selected */
+    disabled?: boolean;
+};
+/**
+ * Props for the ListView component
+ * @template T - The type of additional properties for items
+ * @extends LayoutUtilProps
+ */
+export type ListViewWithItems<T> = Omit<ComponentPropsWithoutRef<"div">, "children"> & {
+    /** Array of items to render */
+    items: ItemType<T>[];
+    /** Default selected items (uncontrolled) */
+    defaultSelected?: ItemType<T>[];
+    /** Optional render function for items */
+    children?: ({ items }: {
+        items: ItemType<T>[];
+    }) => ReactNode;
+};
+/**
+ * Props for the ListView component without items array
+ * @extends ComponentPropsWithoutRef<"div">
+ */
+export type ListViewWithOutItems = ComponentPropsWithoutRef<"div"> & {
+    /** Default selected items (uncontrolled) */
+    defaultSelected?: string[];
+};
+/**
+ * Option object for internal focus and selection management
+ */
+export type Option = {
+    /** The DOM node for the option */
+    node: Element;
+    /** Focusable elements within the option */
+    focusables: NodeListOf<Element>;
+};
+/**
+ * Represents the focused item in the listview
+ */
+export type FocusedItem = {
+    /** Row index of the focused item */
+    row: number;
+    /** Column index of the focused item */
+    col: number;
+};

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

@@ -0,0 +1,4 @@
+import { Dispatch, KeyboardEvent, SetStateAction } from 'react';
+import { FocusedItem, Option } from './types';
+export declare const listViewKeyboardNavigation: (e: KeyboardEvent<HTMLDivElement>, options: Option[], focusedItem: FocusedItem, setFocusedItem: Dispatch<SetStateAction<FocusedItem>>, parent: HTMLDivElement | null, currentFocusId: (id: string) => void) => void;
+export declare const getFocusables: (el: Element) => NodeListOf<Element>;