@servicetitan/anvil2 3.14.1 → 3.15.1

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

@@ -2,162 +2,56 @@ import { ToolbarOverflowTypes, ToolbarSize } from './types';
 import { ComponentPropsWithoutRef, ReactElement } from 'react';
 import { DataAttributes, LayoutUtilProps } from '../../../types';
 /**
- * Props for the Toolbar component
  * @extends ComponentPropsWithoutRef<"div">
  * @extends LayoutUtilProps
  */
 export type ToolbarProps = ComponentPropsWithoutRef<"div"> & LayoutUtilProps & DataAttributes & {
-    /**
-     * Description of the content this toolbar is associated with, used for accessibility
-     */
+    /** Names the content controlled by the toolbar in its accessible label. */
     associatedContent: string;
     /**
-     * Orientation of the toolbar
-     * @default horizontal
+     * Sets both the control layout and arrow-key navigation axis.
+     * @default "horizontal"
      */
     direction?: "vertical" | "horizontal";
     /**
-     * How to handle overflow when items don't fit
-     * @default wrap
+     * Wraps controls or moves controls that no longer fit into an overflow menu.
+     * @default "wrap"
      */
     overflow?: ToolbarOverflowTypes;
-    /**
-     * Additional items to display in the overflow menu
-     */
+    /** Items appended to the overflow menu, whether or not controls have collapsed. */
     additionalItems?: ReactElement[];
-    /**
-     * Size of toolbar items
-     * @default xsmall
-     */
+    /** Size inherited by the toolbar's controls. Defaults to `xsmall`. */
     size?: ToolbarSize;
 };
 /**
- * Toolbar component for grouping related interactive elements with anvil2 tracking.
- *
- * 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
- * - Automatic tracking ID generation for analytics
- * - Integration with anvil2 tracking system
- *
- * @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>
+ * Groups related controls with roving focus and orientation-aware arrow-key
+ * navigation. In collapse mode, controls that no longer fit move into an overflow menu.
  */
 export declare const Toolbar: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & DataAttributes & {
-    /**
-     * Description of the content this toolbar is associated with, used for accessibility
-     */
+    /** Names the content controlled by the toolbar in its accessible label. */
     associatedContent: string;
     /**
-     * Orientation of the toolbar
-     * @default horizontal
+     * Sets both the control layout and arrow-key navigation axis.
+     * @default "horizontal"
      */
     direction?: "vertical" | "horizontal";
     /**
-     * How to handle overflow when items don't fit
-     * @default wrap
+     * Wraps controls or moves controls that no longer fit into an overflow menu.
+     * @default "wrap"
      */
     overflow?: ToolbarOverflowTypes;
-    /**
-     * Additional items to display in the overflow menu
-     */
+    /** Items appended to the overflow menu, whether or not controls have collapsed. */
     additionalItems?: ReactElement[];
-    /**
-     * Size of toolbar items
-     * @default xsmall
-     */
+    /** Size inherited by the toolbar's controls. Defaults to `xsmall`. */
     size?: ToolbarSize;
 } & 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>
-     */
+    /** Action button that participates in toolbar focus and overflow behavior. */
     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} />
-     */
+    /** Toggle button that participates in toolbar focus and overflow behavior. */
     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>
-     */
+    /** Link-styled action that participates in toolbar focus and overflow behavior. */
     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)}
-     * />
-     */
+    /** Single-select control that participates in toolbar focus and overflow behavior. */
     Select: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & LayoutUtilProps & import('../../..').DataTrackingId & {
         aiMark?: boolean | import('../../..').AiIconName;
         appearance?: import('../../..').ButtonAppearance;
@@ -190,139 +84,38 @@ export declare const Toolbar: import('react').ForwardRefExoticComponent<Omit<imp
         })[];
         accessibleLabel: string;
     } & import('../../..').DataTrackingId & import('react').RefAttributes<HTMLButtonElement>>;
-    /**
-     * 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>
-     */
+    /** Groups related controls within the toolbar. */
     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 field that inherits the toolbar's control size. */
     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 & DataAttributes & {
-    /**
-     * Description of the content this toolbar is associated with, used for accessibility
-     */
+    /** Names the content controlled by the toolbar in its accessible label. */
     associatedContent: string;
     /**
-     * Orientation of the toolbar
-     * @default horizontal
+     * Sets both the control layout and arrow-key navigation axis.
+     * @default "horizontal"
      */
     direction?: "vertical" | "horizontal";
     /**
-     * How to handle overflow when items don't fit
-     * @default wrap
+     * Wraps controls or moves controls that no longer fit into an overflow menu.
+     * @default "wrap"
      */
     overflow?: ToolbarOverflowTypes;
-    /**
-     * Additional items to display in the overflow menu
-     */
+    /** Items appended to the overflow menu, whether or not controls have collapsed. */
     additionalItems?: ReactElement[];
-    /**
-     * Size of toolbar items
-     * @default xsmall
-     */
+    /** Size inherited by the toolbar's controls. Defaults to `xsmall`. */
     size?: ToolbarSize;
 } & 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>
-     */
+    /** Action button that participates in toolbar focus and overflow behavior. */
     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} />
-     */
+    /** Toggle button that participates in toolbar focus and overflow behavior. */
     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>
-     */
+    /** Link-styled action that participates in toolbar focus and overflow behavior. */
     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)}
-     * />
-     */
+    /** Single-select control that participates in toolbar focus and overflow behavior. */
     Select: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & LayoutUtilProps & import('../../..').DataTrackingId & {
         aiMark?: boolean | import('../../..').AiIconName;
         appearance?: import('../../..').ButtonAppearance;
@@ -355,35 +148,10 @@ export declare const ToolbarElement: import('react').ForwardRefExoticComponent<O
         })[];
         accessibleLabel: string;
     } & import('../../..').DataTrackingId & import('react').RefAttributes<HTMLButtonElement>>;
-    /**
-     * 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>
-     */
+    /** Groups related controls within the toolbar. */
     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 field that inherits the toolbar's control size. */
     Search: import('react').ForwardRefExoticComponent<import('./ToolbarSearchField').ToolbarSearchFieldProps & import('react').RefAttributes<HTMLInputElement>>;
 };

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

@@ -1,40 +1,19 @@
 import { ButtonProps } from '../../../components/Button';
 import { ToolbarItemAppearance, WithAriaLabelEnforcement } from './types';
 import { DataTrackingId } from '../../../types';
-/**
- * Base props for the ToolbarButton component
- * @extends Omit<ButtonProps, "appearance" | "aria-label" | "children">
- */
+/** @extends Omit<ButtonProps, "appearance" | "aria-label" | "children"> */
 type ToolbarButtonBaseProps = Omit<ButtonProps, "appearance" | "aria-label" | "children"> & {
-    /**
-     * Visual appearance of the button
-     * @default ghost
-     */
+    /** Visual emphasis within the toolbar. Defaults to `ghost`. */
     appearance?: ToolbarItemAppearance;
 };
-/**
- * Props for the ToolbarButton component
- * @extends WithAriaLabelEnforcement<ToolbarButtonBaseProps>
- */
+/** @extends WithAriaLabelEnforcement<ToolbarButtonBaseProps> */
 export type ToolbarButtonProps = WithAriaLabelEnforcement<ToolbarButtonBaseProps> & DataTrackingId;
 /**
- * ToolbarButton component for standard clickable actions within a toolbar.
- *
- * 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
+ * Toolbar action that inherits its size and participates in roving focus and
+ * collapse overflow. Icon-only actions show their `aria-label` in a tooltip.
  *
  * @example
  * <ToolbarButton icon={BoldIcon} aria-label="Bold text" />
- *
- * @example
- * <ToolbarButton appearance="primary">
- *   Save
- * </ToolbarButton>
  */
 export declare const ToolbarButton: import('react').ForwardRefExoticComponent<ToolbarButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
 export {};

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

@@ -1,39 +1,16 @@
 import { ButtonLinkProps } from '../../../components/ButtonLink';
 import { ToolbarItemAppearance, WithAriaLabelEnforcement } from './types';
 import { DataTrackingId } from '../../../types';
-/**
- * Base props for the ToolbarButtonLink component
- * @extends Omit<ButtonLinkProps, "appearance" | "aria-label" | "children">
- */
+/** @extends Omit<ButtonLinkProps, "appearance" | "aria-label" | "children"> */
 type ToolbarButtonLinkBaseProps = Omit<ButtonLinkProps, "appearance" | "aria-label" | "children"> & {
-    /**
-     * Visual appearance of the button link
-     * @default ghost
-     */
+    /** Visual emphasis within the toolbar. Defaults to `ghost`. */
     appearance?: ToolbarItemAppearance;
 };
-/**
- * Props for the ToolbarButtonLink component
- * @extends WithAriaLabelEnforcement<ToolbarButtonLinkBaseProps>
- */
+/** @extends WithAriaLabelEnforcement<ToolbarButtonLinkBaseProps> */
 export type ToolbarButtonLinkProps = WithAriaLabelEnforcement<ToolbarButtonLinkBaseProps> & DataTrackingId;
 /**
- * ToolbarButtonLink component for link actions within a toolbar.
- *
- * Features:
- * - Link functionality with href support
- * - Designed specifically for toolbar integration
- * - Consistent styling with other toolbar items
- * - Automatic tooltip for icon-only links
- * - Overflow menu support
- * - Accessibility enforcement for aria-labels
- * - Ghost and primary appearance options
- * - Proper anchor element semantics
- *
- * @example
- * <ToolbarButtonLink href="/help">
- *   Help
- * </ToolbarButtonLink>
+ * Toolbar link that inherits its size and participates in roving focus and
+ * collapse overflow. Icon-only links show their `aria-label` in a tooltip.
  *
  * @example
  * <ToolbarButtonLink icon={ExternalLinkIcon} href="/docs" aria-label="Documentation" />

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

@@ -1,41 +1,19 @@
 import { ButtonToggleProps } from '../../../components/ButtonToggle';
 import { WithAriaLabelEnforcement } from './types';
 import { DataTrackingId } from '../../../types';
-/**
- * Base props for the ToolbarButtonToggle component
- * @extends Omit<ButtonToggleProps, "aria-label" | "children">
- */
+/** @extends Omit<ButtonToggleProps, "aria-label" | "children"> */
 type ToolbarButtonToggleBaseProps = Omit<ButtonToggleProps, "aria-label" | "children"> & {
-    /**
-     * Is this toolbar control a filter?
-     */
+    /** Bypasses toolbar overflow registration for FilterBar-managed controls. */
     isFilter?: boolean;
 };
-/**
- * Props for the ToolbarButtonToggle component
- * @extends WithAriaLabelEnforcement<ToolbarButtonToggleBaseProps>
- */
+/** @extends WithAriaLabelEnforcement<ToolbarButtonToggleBaseProps> */
 export type ToolbarButtonToggleProps = WithAriaLabelEnforcement<ToolbarButtonToggleBaseProps> & DataTrackingId;
 /**
- * ToolbarButtonToggle component for toggleable actions within a toolbar.
- *
- * Features:
- * - Toggle state management (on/off)
- * - Designed specifically for toolbar integration
- * - Consistent styling with other toolbar items
- * - Automatic tooltip for icon-only toggles
- * - Overflow menu support
- * - Accessibility enforcement for aria-labels
- * - Visual feedback for toggle state
- * - Proper ARIA attributes for toggle semantics
+ * Toolbar toggle that inherits its size and participates in roving focus and
+ * collapse overflow. Icon-only toggles show their `aria-label` in a tooltip.
  *
  * @example
  * <ToolbarButtonToggle icon={BoldIcon} aria-label="Bold" checked={isBold} />
- *
- * @example
- * <ToolbarButtonToggle checked={isItalic}>
- *   Italic
- * </ToolbarButtonToggle>
  */
 export declare const ToolbarButtonToggle: import('react').ForwardRefExoticComponent<ToolbarButtonToggleProps & import('react').RefAttributes<HTMLButtonElement>>;
 export {};

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

@@ -1,20 +1,18 @@
 import { ComponentPropsWithoutRef } from 'react';
 import { LayoutUtilProps } from '../../../types';
 /**
- * Props for the ToolbarControlGroup component
- *
  * @extends ComponentPropsWithoutRef<'div'>
  * @extends LayoutUtilProps
  */
 export type ToolbarControlGroupProps = ComponentPropsWithoutRef<"div"> & LayoutUtilProps & {
-    /**
-     * Accessible label for the control group
-     */
+    /** Accessible group name. Defaults to `Toolbar controls`. */
     "aria-label"?: string;
 };
+/**
+ * Semantically groups related toolbar controls. The group wraps with the
+ * toolbar unless collapse overflow is active.
+ */
 export declare const ToolbarControlGroup: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & {
-    /**
-     * Accessible label for the control group
-     */
+    /** Accessible group name. Defaults to `Toolbar controls`. */
     "aria-label"?: string;
 } & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -1,19 +1,8 @@
 import { SearchFieldProps } from '../../../components/SearchField/internal/SearchField';
-/**
- * Props for the ToolbarSearchField component
- *
- * @extends Omit<SearchFieldProps, "size">
- */
+/** @extends Omit<SearchFieldProps, "size"> */
 export type ToolbarSearchFieldProps = Omit<SearchFieldProps, "size">;
 /**
- * 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
- * <ToolbarSearchField placeholder="Search..." />
+ * Search field styled for toolbar layouts. Its size is inherited from the
+ * surrounding toolbar rather than set directly.
  */
 export declare const ToolbarSearchField: import('react').ForwardRefExoticComponent<ToolbarSearchFieldProps & import('react').RefAttributes<HTMLInputElement>>;