@servicetitan/anvil2 2.7.0 → 2.7.1

package/dist/beta/components/Toolbar/Toolbar.d.ts

@@ -57,7 +57,7 @@ export type ToolbarProps = ComponentPropsWithoutRef<"div"> & LayoutUtilProps & {
  *   />
  * </Toolbar>
  */
-export declare const ToolbarElement: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & {
+export declare const Toolbar: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & {
     /**
      * Description of the content this toolbar is associated with, used for accessibility
      */
@@ -81,46 +81,173 @@ export declare const ToolbarElement: import('react').ForwardRefExoticComponent<O
      * @default xsmall
      */
     size?: ToolbarSize;
-} & import('react').RefAttributes<HTMLDivElement>>;
-/**
- * Toolbar component for grouping related interactive elements.
- *
- * Features:
- * - Horizontal or vertical orientation
- * - Overflow handling with wrap or collapse behavior
- * - Keyboard navigation following ARIA best practices
- * - Screen reader announcements and accessibility
- * - Automatic overflow menu for collapsed items
- * - Support for buttons, toggles, selects, and links
- * - Layout utilities for positioning and spacing
- * - Context-based state management for child components
- *
- * @example
- * <Toolbar associatedContent="document editor" overflow="collapse">
- *   <Toolbar.Button icon={BoldIcon} aria-label="Bold" />
- *   <Toolbar.ButtonToggle icon={ItalicIcon} aria-label="Italic" />
- *   <Toolbar.Select
- *     items={fontOptions}
- *     selected="arial"
- *     accessibleLabel="Font family"
- *   />
- * </Toolbar>
- *
- * @example
- * <Toolbar associatedContent="data table" overflow="wrap">
- *   <Toolbar.Search placeholder="Search..." />
- *   <Toolbar.Filters
- *     filters={filters}
- *     onFilterChange={handleFilter}
- *     controlledFiltering={true}
- *   />
- *   <Toolbar.ControlGroup aria-label="Actions">
- *     <Toolbar.Button icon={AddIcon} aria-label="Add item" />
- *     <Toolbar.Button icon={ExportIcon} aria-label="Export" />
- *   </Toolbar.ControlGroup>
- * </Toolbar>
- */
-export declare const Toolbar: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & {
+} & import('react').RefAttributes<HTMLDivElement>> & {
+    /**
+     * ToolbarButton component for standard clickable actions within a toolbar with anvil2 tracking.
+     *
+     * Features:
+     * - Designed specifically for toolbar integration
+     * - Consistent styling with other toolbar items
+     * - Automatic tooltip for icon-only buttons
+     * - Overflow menu support
+     * - Accessibility enforcement for aria-labels
+     * - Ghost and primary appearance options
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Toolbar.Button icon={BoldIcon} aria-label="Bold text" />
+     *
+     * @example
+     * <Toolbar.Button appearance="primary">
+     *   Save
+     * </Toolbar.Button>
+     */
+    Button: import('react').ForwardRefExoticComponent<import('./ToolbarButton').ToolbarButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+    /**
+     * ToolbarButtonToggle component for toggleable actions within a toolbar with anvil2 tracking.
+     *
+     * Features:
+     * - Toggle state management
+     * - Designed specifically for toolbar integration
+     * - Consistent styling with other toolbar items
+     * - Overflow menu support
+     * - Accessibility enforcement for aria-labels
+     * - Ghost and primary appearance options
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Toolbar.ButtonToggle icon={BoldIcon} aria-label="Bold" checked={isBold} />
+     */
+    ButtonToggle: import('react').ForwardRefExoticComponent<import('./ToolbarButtonToggle').ToolbarButtonToggleProps & import('react').RefAttributes<HTMLButtonElement>>;
+    /**
+     * ToolbarButtonLink component for link actions within a toolbar with anvil2 tracking.
+     *
+     * Features:
+     * - Link functionality with href support
+     * - Designed specifically for toolbar integration
+     * - Consistent styling with other toolbar items
+     * - Overflow menu support
+     * - Accessibility enforcement for aria-labels
+     * - Ghost and primary appearance options
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Toolbar.ButtonLink href="/help">
+     *   Help
+     * </Toolbar.ButtonLink>
+     */
+    ButtonLink: import('react').ForwardRefExoticComponent<import('./ToolbarButtonLink').ToolbarButtonLinkProps & import('react').RefAttributes<HTMLAnchorElement>>;
+    /**
+     * ToolbarSelect component provides a dropdown selector within a toolbar with anvil2 tracking.
+     *
+     * Features:
+     * - Dropdown menu with selectable options
+     * - Controlled and uncontrolled usage patterns
+     * - Automatic overflow menu integration
+     * - Accessibility support with proper ARIA labels
+     * - Ghost and primary appearance options
+     * - Dropdown arrow icon indicator
+     * - Listbox integration for keyboard navigation
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Toolbar.Select
+     *   items={fontOptions}
+     *   selected="arial"
+     *   accessibleLabel="Font family"
+     *   onChange={(id) => setFont(id)}
+     * />
+     */
+    Select: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & LayoutUtilProps & {
+        appearance?: import('../../..').ButtonAppearance;
+        size?: Extract<import('../../..').Size, "xsmall" | "small" | "medium" | "large">;
+        loading?: boolean;
+    } & {
+        children?: ComponentPropsWithoutRef<"button">["children"];
+        icon?: import('../../..').IconProps["svg"] | {
+            after: import('../../..').IconProps["svg"];
+        } | {
+            before: import('../../..').IconProps["svg"];
+        };
+    } & import('../../..').DataTrackingId & import('react').RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & LayoutUtilProps & {
+        appearance?: import('../../..').ButtonAppearance;
+        size?: Extract<import('../../..').Size, "xsmall" | "small" | "medium" | "large">;
+        loading?: boolean;
+    } & {
+        children?: never;
+        icon?: import('../../..').IconProps["svg"];
+    } & import('../../..').DataTrackingId & import('react').RefAttributes<HTMLButtonElement>, "ref">, "onChange" | "appearance"> & {
+        appearance?: import('./types').ToolbarItemAppearance;
+        onChange?: (optionId: string) => void;
+        selected?: string;
+        items: (Record<string, unknown> & {
+            id: string;
+        } & {
+            label: string;
+            disabled?: boolean;
+        })[];
+        accessibleLabel: string;
+    } & import('../../..').DataTrackingId & import('react').RefAttributes<HTMLButtonElement>>;
+    /**
+     * FilterGroup component displays a group of filters with toggles and a clear button.
+     * Also contains the FilterDrawer for additional filter options.
+     *
+     * Features:
+     * - Renders filter toggles and popovers for all filter types
+     * - Supports controlled and uncontrolled filtering
+     * - Integrates with FilterDrawer for batch filter editing
+     * - Provides a clear all filters button
+     * - Handles overflow and hidden filters
+     * - Shares filter state via context for child components
+     * - Supports boolean, custom, single-select, multi-select, date, and date range filter types
+     * - Date filters include calendar popup for easy selection
+     * - Date range filters support start and end date selection
+     *
+     * @example
+     * <Toolbar.Filters
+     *   filters={filters}
+     *   onFilterChange={handleFilter}
+     *   controlledFiltering={true}
+     * />
+     */
+    Filters: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & {
+        filters: import('.').Filter[];
+        onFilterChange?: (filters: import('.').Filter[]) => void;
+        controlledFiltering?: boolean;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+    /**
+     * ToolbarControlGroup component provides a flex container for grouping related toolbar controls.
+     * Can be used for filters, buttons, or other toolbar items.
+     *
+     * Features:
+     * - Groups related toolbar controls in a flex container
+     * - Supports accessibility with aria-label
+     * - Handles overflow and wrapping based on toolbar context
+     * - Integrates with layout utilities for spacing and alignment
+     *
+     * @example
+     * <Toolbar.ControlGroup aria-label="Formatting controls">
+     *   <Toolbar.Button icon={BoldIcon} aria-label="Bold" />
+     *   <Toolbar.Button icon={ItalicIcon} aria-label="Italic" />
+     * </Toolbar.ControlGroup>
+     */
+    ControlGroup: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & {
+        "aria-label"?: string;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+    /**
+     * ToolbarSearchField component renders a search field for use in toolbars.
+     *
+     * Features:
+     * - Renders a search field styled for toolbar usage
+     * - Supports all SearchField props except size
+     * - Integrates with toolbar layouts and accessibility
+     *
+     * @example
+     * <Toolbar.Search placeholder="Search..." />
+     */
+    Search: import('react').ForwardRefExoticComponent<import('./ToolbarSearchField').ToolbarSearchFieldProps & import('react').RefAttributes<HTMLInputElement>>;
+};
+export declare const ToolbarElement: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & {
     /**
      * Description of the content this toolbar is associated with, used for accessibility
      */

package/dist/beta.js

@@ -1,11 +1,11 @@
-export { C as COLUMN_TYPE_DEFAULTS, D as DataTable, b as booleanFormatter, a as chipsFormatter, c as createColumnHelper, d as currencyFormatter, h as dateFormatPresets, e as dateFormatter, f as dateTimeFormatter, g as getColumnTypeDefaults, n as numberFormatter, p as percentFormatter, r as resolveColumnTypeConfig, t as timeFormatPresets, i as timeFormatter, y as yearlessDateFormatter } from './DataTable-BYOS6icI.js';
-export { T as Toolbar, a as ToolbarButton, c as ToolbarButtonLink, b as ToolbarButtonToggle, e as ToolbarControlGroup, g as ToolbarElement, f as ToolbarSearchField, d as ToolbarSelect } from './Toolbar-DAuz4Gs2.js';
-export { u as useCalendarBetaProps } from './Calendar-SGlTt-bs.js';
-export { C as Calendar } from './Calendar-C1U2npPP.js';
-export { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-CJ2Ie_v1.js';
-export { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-DGpGgu8q.js';
-export { S as SelectMenu, a as SelectMenuSync } from './SelectMenuSync-CJA_coqD.js';
-export { M as MultiSelectMenu, a as MultiSelectMenuSync } from './MultiSelectMenuSync-DiLddJDw.js';
+export { C as COLUMN_TYPE_DEFAULTS, D as DataTable, b as booleanFormatter, a as chipsFormatter, c as createColumnHelper, d as currencyFormatter, h as dateFormatPresets, e as dateFormatter, f as dateTimeFormatter, g as getColumnTypeDefaults, n as numberFormatter, p as percentFormatter, r as resolveColumnTypeConfig, t as timeFormatPresets, i as timeFormatter, y as yearlessDateFormatter } from './DataTable-BmVPjMMg.js';
+export { T as Toolbar, a as ToolbarButton, c as ToolbarButtonLink, b as ToolbarButtonToggle, e as ToolbarControlGroup, g as ToolbarElement, f as ToolbarSearchField, d as ToolbarSelect } from './Toolbar-0EKhrvZN.js';
+export { u as useCalendarBetaProps } from './Calendar-Frpv5rRY.js';
+export { C as Calendar } from './Calendar-BTStJPV1.js';
+export { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-DA54WXOk.js';
+export { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-CSOitvtu.js';
+export { S as SelectMenu, a as SelectMenuSync } from './SelectMenuSync-BQaSTcaN.js';
+export { M as MultiSelectMenu, a as MultiSelectMenuSync } from './MultiSelectMenuSync-62OeGmkz.js';
 export { I as InteractiveCard } from './InteractiveCard-GTYbR6Xy.js';
-export { u as useAdaptiveView } from './syncFilterUtils-vt8ldsES.js';
+export { u as useAdaptiveView } from './syncFilterUtils-B03Pc941.js';
 //# sourceMappingURL=beta.js.map

package/dist/components/Avatar/Avatar.d.ts

@@ -15,6 +15,20 @@ import { DistributiveOmit } from '../../types';
 export type AvatarProps = DistributiveOmit<CoreAvatarProps, "size"> & {
     size?: Extract<CoreAvatarProps["size"], "small" | "medium" | "large">;
 };
+/**
+ * Avatar component for displaying user avatars with initials or images.
+ *
+ * Features:
+ * - Displays user initials when no image is provided
+ * - Supports custom colors and sizes
+ * - Shows online/offline status
+ * - Fully accessible with screen reader support
+ * - Automatic image fallback handling
+ * - Automatic tracking ID generation for analytics
+ *
+ * @example
+ * <Avatar name="John Doe" size="medium" status="online" />
+ */
 export declare const Avatar: import('react').ForwardRefExoticComponent<Omit<CoreAvatarProps, "size"> & {
     size?: Extract<CoreAvatarProps["size"], "small" | "medium" | "large">;
 } & import('react').RefAttributes<HTMLSpanElement>> & {

package/dist/components/Calendar/Calendar.d.ts

@@ -142,32 +142,6 @@ export type CalendarProps = LayoutUtilProps & (CalendarSingleProps | CalendarRan
  *   maxDate="2024-12-31"
  * />
  */
-export declare const CalendarElement: import('react').ForwardRefExoticComponent<CalendarProps & import('react').RefAttributes<HTMLDivElement>>;
-/**
- * Calendar component for viewing and selecting a date or range of dates.
- *
- * Features:
- * - Single date and date range selection modes
- * - Month and year navigation with header buttons
- * - Configurable start day (Sunday or Monday)
- * - Date range restrictions with min/max dates
- * - Unavailable dates and days of week support
- * - Locale and timezone customization
- * - Full accessibility support with ARIA attributes
- * - Keyboard navigation support
- * - Responsive design with automatic width detection
- * - Month and year selection views
- * - Today button for quick navigation
- * - Data tracking integration for analytics
- *
- * @example
- * <Calendar
- *   value="2024-01-15"
- *   onSelection={({ value }) => console.log('Selected:', value)}
- *   minDate="2024-01-01"
- *   maxDate="2024-12-31"
- * />
- */
 export declare const Calendar: import('react').ForwardRefExoticComponent<CalendarProps & import('react').RefAttributes<HTMLDivElement>> & {
     /**
      * Calendar.Now component for navigating to today's date.
@@ -252,4 +226,88 @@ export declare const Calendar: import('react').ForwardRefExoticComponent<Calenda
      */
     YearButton: import('react').ForwardRefExoticComponent<import('./CalendarYearButton').CalendarYearButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
 };
+export declare const CalendarElement: import('react').ForwardRefExoticComponent<CalendarProps & import('react').RefAttributes<HTMLDivElement>> & {
+    /**
+     * Calendar.Now component for navigating to today's date.
+     *
+     * Features:
+     * - Quick navigation to current date
+     * - Accessible button with proper ARIA labels
+     * - Integrates with calendar context
+     * - Data tracking integration for analytics
+     *
+     * @example
+     * <Calendar.Now />
+     */
+    Now: import('react').ForwardRefExoticComponent<{
+        onClick?: (e: import('react').MouseEvent<HTMLButtonElement>, date: string | null) => void;
+        onClickFixed?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
+    } & Omit<import('..').ButtonProps, "onClick"> & import('react').RefAttributes<HTMLButtonElement>>;
+    /**
+     * Calendar.Month component for displaying the month grid.
+     *
+     * Features:
+     * - Displays calendar days in a table format
+     * - Handles day selection and navigation
+     * - Supports range selection mode
+     * - Accessible with proper ARIA attributes
+     * - Data tracking integration for analytics
+     *
+     * @example
+     * <Calendar.Month />
+     */
+    Month: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & import('react').RefAttributes<HTMLTableElement>>;
+    /**
+     * Calendar.Next component for navigating to the next month.
+     *
+     * Features:
+     * - Navigation to next month
+     * - Accessible button with proper ARIA labels
+     * - Integrates with calendar context
+     * - Data tracking integration for analytics
+     *
+     * @example
+     * <Calendar.Next />
+     */
+    Next: import('react').ForwardRefExoticComponent<import('..').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+    /**
+     * Calendar.Prev component for navigating to the previous month.
+     *
+     * Features:
+     * - Navigation to previous month
+     * - Accessible button with proper ARIA labels
+     * - Integrates with calendar context
+     * - Data tracking integration for analytics
+     *
+     * @example
+     * <Calendar.Prev />
+     */
+    Prev: import('react').ForwardRefExoticComponent<import('..').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+    /**
+     * Calendar.MonthButton component for switching to month selection view.
+     *
+     * Features:
+     * - Switches calendar to month selection mode
+     * - Accessible button with proper ARIA labels
+     * - Integrates with calendar context
+     * - Data tracking integration for analytics
+     *
+     * @example
+     * <Calendar.MonthButton />
+     */
+    MonthButton: import('react').ForwardRefExoticComponent<import('./CalendarMonthButton').CalendarMonthButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+    /**
+     * Calendar.YearButton component for switching to year selection view.
+     *
+     * Features:
+     * - Switches calendar to year selection mode
+     * - Accessible button with proper ARIA labels
+     * - Integrates with calendar context
+     * - Data tracking integration for analytics
+     *
+     * @example
+     * <Calendar.YearButton />
+     */
+    YearButton: import('react').ForwardRefExoticComponent<import('./CalendarYearButton').CalendarYearButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+};
 export {};

package/dist/components/Combobox/Combobox.d.ts

@@ -1,5 +1,4 @@
 import { ComboboxProps } from './ComboboxTypes';
-export declare const ComboboxElement: <Item>(props: ComboboxProps<Item>) => import("react/jsx-runtime").JSX.Element;
 /**
  * Combobox component for selecting items with search and filtering capabilities.
  *
@@ -209,3 +208,175 @@ export declare const Combobox: (<Item>(props: ComboboxProps<Item>) => import("re
      */
     Empty: <Item = any>({ children, }: import('./ComboboxEmpty').ComboboxEmptyProps) => import("react/jsx-runtime").JSX.Element;
 };
+export declare const ComboboxElement: (<Item>(props: ComboboxProps<Item>) => import("react/jsx-runtime").JSX.Element) & {
+    /**
+     * ComboboxSelect component for selecting items from a predefined list.
+     *
+     * Features:
+     * - Single and multiple item selection from predefined options
+     * - Dropdown-style selection interface
+     * - Grouping support with custom group labels and sorting
+     * - Loading states with spinner indicators
+     * - Disabled and read-only states
+     * - Customizable popover behavior and positioning
+     * - Full accessibility support with ARIA attributes
+     * - Keyboard navigation support
+     * - Layout utility props for positioning and spacing
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Combobox.Select
+     *   items={items}
+     *   itemToString={(item) => item.name}
+     *   onChange={setSelectedItem}
+     * >
+     *   <Combobox.SelectTrigger label="Select an item" />
+     *   <Combobox.Content>
+     *     {({ items }) => (
+     *       <Combobox.List>
+     *         {items.map((item, i) => (
+     *           <Combobox.Item key={item.id} item={item} index={i}>
+     *             {item.name}
+     *           </Combobox.Item>
+     *         ))}
+     *       </Combobox.List>
+     *     )}
+     *   </Combobox.Content>
+     * </Combobox.Select>
+     */
+    Select: <Item>(props: import('./ComboboxTypes').ComboboxSelectProps<Item>) => import("react/jsx-runtime").JSX.Element;
+    /**
+     * ComboboxSearchField component for the search input field.
+     *
+     * Features:
+     * - Search input with clear button functionality
+     * - Supports multiple selection with chip display
+     * - Handles keyboard navigation and accessibility
+     * - Integrates with combobox state management
+     * - Supports custom styling and layout
+     * - Manages focus and blur events
+     * - Enhanced prefix support for icons and avatars
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Combobox.SearchField
+     *   label="Search users"
+     *   placeholder="Type to search..."
+     *   prefix={{ icon: { svg: SearchIcon } }}
+     * />
+     */
+    SearchField: ({ prefix: prefixProp, ...props }: import('./ComboboxTypes').ComboboxSearchFieldProps) => import("react/jsx-runtime").JSX.Element;
+    /**
+     * ComboboxSelectTrigger component for the select trigger field.
+     *
+     * Features:
+     * - Select input with dropdown trigger
+     * - Supports single selection display
+     * - Handles keyboard navigation and accessibility
+     * - Integrates with combobox state management
+     * - Supports custom styling and layout
+     * - Manages focus and blur events
+     * - Enhanced prefix support for icons and avatars
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Combobox.SelectTrigger
+     *   label="Select user"
+     *   placeholder="Choose a user..."
+     *   prefix={{ avatar: { name: "User" } }}
+     * />
+     */
+    SelectTrigger: ({ prefix: prefixProp, ...props }: import('./ComboboxTypes').ComboboxSelectTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    /**
+     * ComboboxContent component for rendering the content area of a combobox.
+     *
+     * Features:
+     * - Supports both popover and inline rendering modes
+     * - Provides render props pattern for flexible content rendering
+     * - Handles grouped items with proper ARIA labels
+     * - Integrates with combobox state management
+     * - Supports custom styling and layout
+     * - Manages focus and blur events for popover behavior
+     *
+     * @example
+     * <Combobox.Content>
+     *   {({ items }) => (
+     *     <Combobox.List>
+     *       {items.map((item, index) => (
+     *         <Combobox.Item key={item.id} item={item} index={index}>
+     *           {item.name}
+     *         </Combobox.Item>
+     *       ))}
+     *     </Combobox.List>
+     *   )}
+     * </Combobox.Content>
+     */
+    Content: <Item = any>({ children, className, disablePopover, ...rest }: import('./ComboboxContent').ComboboxContentProps<Item>) => import("react/jsx-runtime").JSX.Element;
+    /**
+     * ComboboxList component for rendering the list of items.
+     *
+     * Features:
+     * - Renders list of items with proper accessibility
+     * - Supports both single and multiple selection modes
+     * - Loading state with spinner
+     * - Empty state handling
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Combobox.List>
+     *   {items.map((item, i) => (
+     *     <Combobox.Item key={item.id} item={item} index={i}>
+     *       {item.name}
+     *     </Combobox.Item>
+     *   ))}
+     * </Combobox.List>
+     */
+    List: <Item = any>({ children, className, ...rest }: import('./ComboboxList').ComboboxListProps) => import("react/jsx-runtime").JSX.Element;
+    /**
+     * ComboboxItem component for rendering individual items in the list.
+     *
+     * Features:
+     * - Individual item rendering with proper accessibility
+     * - Support for disabled state
+     * - Custom content rendering
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Combobox.Item item={item} index={index}>
+     *   <Flex direction="column">
+     *     <Text>{item.name}</Text>
+     *     <Text size="small" subdued>{item.description}</Text>
+     *   </Flex>
+     * </Combobox.Item>
+     */
+    Item: <Item = any>(props: import('./ComboboxTypes').ComboboxItemProps<Item>) => import("react/jsx-runtime").JSX.Element;
+    /**
+     * ComboboxItemAddNew component for rendering an "Add New" option.
+     *
+     * Features:
+     * - "Add New" option that appears when no exact match is found
+     * - Customizable content rendering
+     * - Callback when selected
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Combobox.ItemAddNew onSelection={(inputValue) => addNewItem(inputValue)}>
+     *   Add "{inputValue}" as new item
+     * </Combobox.ItemAddNew>
+     */
+    ItemAddNew: <Item = any>(props: import('./ComboboxTypes').ComboboxItemAddNewProps<Item>) => import("react/jsx-runtime").JSX.Element;
+    /**
+     * ComboboxEmpty component for rendering content when no items are available.
+     *
+     * Features:
+     * - Renders content when list is empty
+     * - Customizable empty state message
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Combobox.Empty>
+     *   <Text>No items found. Try adjusting your search.</Text>
+     * </Combobox.Empty>
+     */
+    Empty: <Item = any>({ children, }: import('./ComboboxEmpty').ComboboxEmptyProps) => import("react/jsx-runtime").JSX.Element;
+};