@servicetitan/anvil2 3.14.1 → 3.15.0

package/dist/src/components/Tab/TabPanel.d.ts

@@ -1,34 +1,13 @@
 import { ComponentPropsWithoutRef } from 'react';
 /**
- * Props for the TabPanel component
  * @extends Omit<ComponentPropsWithoutRef<"div">, "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag">
  */
 export type TabPanelProps = Omit<ComponentPropsWithoutRef<"div">, "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag"> & {
-    /**
-     * Unique identifier for the tab panel.
-     */
+    /** Must match the associated `Tab.Button` `controls` value. */
     id: string;
 };
-/**
- * TabPanel component for displaying tab content.
- *
- * Features:
- * - Automatic visibility based on active tab
- * - Smooth fade animations
- * - Proper ARIA attributes for accessibility
- * - Automatic association with tab buttons
- * - Focus management
- * - Layout animations
- *
- * @example
- * <Tab.Panel id="panel1">
- *   <h2>First Tab Content</h2>
- *   <p>This is the content for the first tab.</p>
- * </Tab.Panel>
- */
+/** Content rendered only while its associated tab is selected. */
 export declare const TabPanel: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart"> & {
-    /**
-     * Unique identifier for the tab panel.
-     */
+    /** Must match the associated `Tab.Button` `controls` value. */
     id: string;
 } & import('react').RefAttributes<HTMLDivElement>>;

package/dist/src/components/Text/Text.d.ts

@@ -1,37 +1,8 @@
 import { BodyTextInlineProps, BodyTextProps, EyebrowProps, HeadlineProps } from './types';
 /**
- * Props for the Text component
- * @extends HeadlineProps<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">
- * @extends EyebrowProps
- * @extends BodyTextProps
- * @extends BodyTextInlineProps
+ * Variant-specific text props. Headlines require a heading `el`; body text
+ * renders as a paragraph unless `inline` selects the span branch.
  */
 export type TextProps = HeadlineProps<"h1"> | HeadlineProps<"h2"> | HeadlineProps<"h3"> | HeadlineProps<"h4"> | HeadlineProps<"h5"> | HeadlineProps<"h6"> | EyebrowProps | BodyTextProps | BodyTextInlineProps;
-/**
- * Text component for displaying various types of text content with consistent styling.
- *
- * Features:
- * - Multiple text variants (headline, eyebrow, body)
- * - Semantic HTML elements (h1-h6, p, span)
- * - Multiple size options for each variant
- *
- * @example
- * <Text variant="headline" el="h1" size="large">Main Heading</Text>
- * <Text variant="headline" el="h2" size="medium">Sub Heading</Text>
- *
- * @example
- * // Drop the trailing margin when aligning a headline against a sibling
- * <Flex alignItems="center" gap="2">
- *   <Text variant="headline" el="h2" noMargin>Invoices</Text>
- *   <Chip>Draft</Chip>
- * </Flex>
- *
- * @example
- * <Text variant="eyebrow" size="small">Category Label</Text>
- *
- * @example
- * <Text size="large">Large body text</Text>
- * <Text subdued>Deemphasized text</Text>
- * <Text inline>Inline text within other text</Text>
- */
+/** Renders headline, eyebrow, or body typography. */
 export declare const Text: import('react').ForwardRefExoticComponent<TextProps & import('react').RefAttributes<HTMLSpanElement | HTMLHeadingElement | HTMLParagraphElement>>;

package/dist/src/components/Text/types.d.ts

@@ -1,54 +1,27 @@
 import { ComponentPropsWithoutRef } from 'react';
 import { AiMarkWithTooltipOrPopoverConfig } from '../../types/ai-marks';
 import { LayoutUtilProps, Size } from '../../types';
-/**
- * Props for headline text variants
- * @extends ComponentPropsWithoutRef<T>
- * @extends LayoutUtilProps
- */
 export type HeadlineProps<T extends "h1" | "h2" | "h3" | "h4" | "h5" | "h6"> = ComponentPropsWithoutRef<T> & LayoutUtilProps & {
-    /**
-     * Headline text variant
-     */
+    /** Enables heading-only props `el`, `aiMark`, and `noMargin`. */
     variant: "headline";
-    /**
-     * Size of the headline text
-     * @default medium
-     */
+    /** Headline scale. Defaults to `medium`. */
     size?: Extract<Size, "small" | "medium" | "large" | "xlarge">;
-    /**
-     * Set the wrapping element's tagname
-     */
+    /** Heading level used for the rendered element. */
     el: T;
     /**
      * When set, renders the AI mark inline after the headline text.
      * Use `true` for the sparkle only, or pass tooltip/popover configuration.
      */
     aiMark?: boolean | AiMarkWithTooltipOrPopoverConfig;
-    /**
-     * Removes the headline's bottom margin so its layout box hugs the text.
-     * Use when the headline is aligned against a sibling element, such as a
-     * Chip or Badge, where the trailing margin would offset the alignment.
-     * @default false
-     */
+    /** Removes the default bottom margin for alignment with adjacent content. */
     noMargin?: boolean;
     inline?: never;
     subdued?: never;
 };
-/**
- * Props for eyebrow text variant
- * @extends ComponentPropsWithoutRef<"span">
- * @extends LayoutUtilProps
- */
 export type EyebrowProps = ComponentPropsWithoutRef<"span"> & LayoutUtilProps & {
-    /**
-     * Eyebrow text variant
-     */
+    /** Selects uppercase eyebrow typography rendered as a `span`. */
     variant: "eyebrow";
-    /**
-     * Size of the eyebrow text
-     * @default medium
-     */
+    /** Eyebrow scale. Defaults to `medium`. */
     size?: Extract<Size, "small" | "medium" | "large">;
     el?: never;
     inline?: never;
@@ -56,55 +29,26 @@ export type EyebrowProps = ComponentPropsWithoutRef<"span"> & LayoutUtilProps &
     aiMark?: never;
     noMargin?: never;
 };
-/**
- * Props for body text variant
- * @extends ComponentPropsWithoutRef<"p">
- * @extends LayoutUtilProps
- */
 export type BodyTextProps = ComponentPropsWithoutRef<"p"> & LayoutUtilProps & {
-    /**
-     * Body text variant
-     * @default body
-     */
+    /** Selects body typography rendered as a paragraph. Defaults to `body`. */
     variant?: "body";
-    /**
-     * Size of the body text
-     * @default medium
-     */
+    /** Body-text scale. Defaults to `medium`. */
     size?: Extract<Size, "small" | "medium" | "large" | "xlarge">;
-    /**
-     * Deemphasized text styling
-     * @default false
-     */
+    /** Uses the lower-contrast foreground color. */
     subdued?: boolean;
     inline?: never;
     el?: never;
     aiMark?: never;
     noMargin?: never;
 };
-/**
- * Props for inline body text variant
- * @extends ComponentPropsWithoutRef<"span">
- * @extends LayoutUtilProps
- */
 export type BodyTextInlineProps = ComponentPropsWithoutRef<"span"> & LayoutUtilProps & {
-    /**
-     * Body text variant
-     */
+    /** Defaults to `body` when omitted on the inline branch. */
     variant?: "body";
-    /**
-     * Size of the body text
-     * @default medium
-     */
+    /** Body-text scale. Defaults to `medium`. */
     size?: Extract<Size, "small" | "medium" | "large" | "xlarge">;
-    /**
-     * Inline flag used for nesting BodyText inside BodyText
-     */
+    /** Renders a `span` so body text can be nested within surrounding text. */
     inline: true;
-    /**
-     * Deemphasized text styling
-     * @default false
-     */
+    /** Uses the lower-contrast foreground color. */
     subdued?: boolean;
     el?: never;
     aiMark?: never;

package/dist/src/components/TextField/TextField.d.ts

@@ -1,20 +1,12 @@
 import { TextFieldProps as CoreTextFieldProps } from './internal/TextField';
 import { MaxLengthCounterProps } from '../../types';
+/**
+ * @extends Omit<CoreTextFieldProps, "prefix">
+ * @extends MaxLengthCounterProps
+ */
 export type TextFieldProps = Omit<CoreTextFieldProps, "prefix"> & {
+    /** Text rendered before the input; hidden from assistive technology. */
     prefix?: string;
 } & MaxLengthCounterProps;
-/**
- * TextField component for single-line text input.
- *
- * Features:
- * - Label, hint, description, error, and warning messaging
- * - Optional prefix/suffix content (text, icon, or element)
- * - Character counter via `showCounter`/`maxLength`
- * - Loading state with spinner, and disabled/read-only states
- * - Configurable `size` and native input `type`
- * - Full accessibility support via `FieldLabel`
- *
- * @example
- * <TextField label="Email" type="email" placeholder="you@example.com" />
- */
+/** Single-line input with a field label and optional supporting messages. */
 export declare const TextField: import('react').ForwardRefExoticComponent<TextFieldProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/src/components/TextField/internal/TextField.d.ts

@@ -2,45 +2,55 @@ import { ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react';
 import { DataTrackingId, LayoutUtilProps, Size, MaxLengthCounterProps } from '../../../types';
 import { HelperProps } from '../../../internal/components';
 import { FieldLabelProps } from '../../FieldLabel';
+/**
+ * @extends Omit<ComponentPropsWithoutRef<"input">, "size" | "prefix">
+ * @extends LayoutUtilProps
+ */
 export type TextFieldProps = Omit<ComponentPropsWithoutRef<"input">, "size" | "prefix"> & LayoutUtilProps & {
     /**
-     * Error state for the field. Pass `true` to indicate error styling without a message.
-     * Pass a string, string[], or ReactElement (deprecated) for error messages.
+     * Applies error styling. A message value also renders below the field;
+     * React elements are deprecated.
      */
     error?: boolean | string | ReactElement | string[];
     /**
-     * Label for the field.
-     * Omitting `label` is deprecated — it will be required in v4.0.0. Use `hideLabel` to visually hide it.
-     * Passing `ReactNode` is deprecated — use a plain string with inline markdown instead.
+     * Accessible field label. Omitting it or passing non-string content is
+     * deprecated; use a string with inline markdown and `hideLabel` when needed.
      */
     label?: FieldLabelProps["children"];
+    /** Visual content before the input; hidden from assistive technology. */
     prefix?: string | ReactElement;
+    /** Visual content after the input; hidden from assistive technology. */
     suffix?: string | ReactElement;
+    /** Field height. Defaults to `medium`. */
     size?: Extract<Size, "small" | "medium" | "large">;
+    /** Constrained HTML `type`. Defaults to `text`. */
     type?: "text" | "email" | "tel" | "url" | "password" | "number";
+    /** Secondary copy rendered below the field. */
     description?: HelperProps["description"];
     /**
      * @deprecated No longer used. Error messages always use `aria-live="assertive"`.
      */
     errorAriaLive?: HelperProps["errorAriaLive"];
+    /** Always-visible hint rendered below the field. */
     hint?: HelperProps["hint"];
-    /**
-     * Warning message(s) to display. Supports a single string or an array of strings.
-     */
+    /** Warning copy rendered below the field. */
     warning?: string | string[];
+    /** Shows a spinner after the input. Defaults to `false`. */
     loading?: boolean;
     disabled?: boolean;
+    /** Props for the visible {@link FieldLabel}. */
     labelProps?: FieldLabelProps;
+    /** Tooltip content for the info button after the label. */
     moreInfo?: ReactNode;
     /**
      * When `true`, hides the visible label and moves it to `aria-label` on the input.
      * Requires `label` to be set — the label is always needed for accessibility.
-     * @default false
+     * Defaults to `false`.
      */
     hideLabel?: boolean;
     /**
-     * When `true`, applies a subdued primary background to the field to draw attention to it.
-     * @default false
+     * Applies a subdued primary background to draw attention to the field.
+     * Defaults to `false`.
      */
     isHighlighted?: boolean;
 } & MaxLengthCounterProps & DataTrackingId;

package/dist/src/components/Textarea/Textarea.d.ts

@@ -4,88 +4,49 @@ import { FieldLabelProps } from '../FieldLabel';
 import { HelperProps } from '../../internal/components';
 import { TextareaAutosizeConditionalProps, TextareaState } from './types';
 /**
- * Props for the Textarea component
+ * @extends Omit<ComponentPropsWithoutRef<"textarea">, "onChange">
+ * @extends LayoutUtilProps
+ * @extends MaxLengthCounterProps
+ * @extends TextareaAutosizeConditionalProps
  */
 export type TextareaProps = Omit<ComponentPropsWithoutRef<"textarea">, "onChange"> & LayoutUtilProps & DataTrackingId & MaxLengthCounterProps & TextareaAutosizeConditionalProps & Pick<FieldLabelProps, "moreInfo"> & {
     /**
-     * Error state for the field. Pass `true` to indicate error styling without a message.
-     * Pass a string, string[], or ReactElement (deprecated) for error messages.
+     * Applies error styling. A message value also renders below the field;
+     * React elements are deprecated.
      */
     error?: boolean | string | ReactElement | string[];
-    /**
-     * Hint text displayed below the textarea
-     */
+    /** Always-visible hint rendered below the field. */
     hint?: ReactElement | string;
-    /**
-     * Description text displayed below the textarea
-     */
+    /** Secondary copy rendered below the field. */
     description?: ReactElement | string;
     /**
-     * Label for the textarea.
-     * Omitting `label` is deprecated — it will be required in v4.0.0. Use `hideLabel` to visually hide it.
-     * Passing `ReactNode` is deprecated — use a plain string with inline markdown instead.
+     * Accessible field label. Omitting it or passing a React element is
+     * deprecated; use a string with inline markdown and `hideLabel` when needed.
      */
     label?: string | ReactElement;
     /**
      * When `true`, hides the visible label and moves it to `aria-label` on the textarea.
      * Requires `label` to be set — the label is always needed for accessibility.
-     * @default false
+     * Defaults to `false`.
      */
     hideLabel?: boolean;
-    /**
-     * Sets textarea's element no user-controllable method for resizing
-     * @default false
-     */
+    /** Removes the user resize handle. Defaults to `false`. */
     disableResize?: boolean;
-    /**
-     * Fires on each change of textarea's value
-     * @param e The change event
-     * @param state Object containing the current value
-     */
+    /** Native change event plus `{ value }` after the update. */
     onChange?: (e: ChangeEvent<HTMLTextAreaElement>, state?: TextareaState) => void;
-    /**
-     * Props passed to the internal label component.
-     */
+    /** Props for the visible {@link FieldLabel}. */
     labelProps?: FieldLabelProps;
 } & {
     /**
      * @deprecated No longer used. Error messages always use `aria-live="assertive"`.
      */
     errorAriaLive?: HelperProps["errorAriaLive"];
-    /**
-     * Warning message(s) to display. Supports a single string or an array of strings.
-     */
+    /** Warning copy rendered below the field. */
     warning?: string | string[];
 };
 /**
- * Textarea component for multi-line free-form text input — a text area box for writing longer text such as paragraphs, comments, notes, messages, or descriptions.
- *
- * Features:
- * - Character counter with maxLength validation
- * - Auto-height adjustment based on content
- * - Error state handling with custom error messages
- * - Hint and description text support
- * - Disable resize functionality
- * - Accessible with proper ARIA attributes
- * - Label association and required field support
- * - Focus and blur event handling
- * - Supports layout utilities for positioning and spacing
- * - SSR-safe auto-height implementation
- * - Automatic tracking ID generation for analytics
- *
- * @example
- * <Textarea
- *   label="Description"
- *   placeholder="Enter your description here"
- *   onChange={(e, state) => console.log('Value:', state?.value)}
- * />
- *
- * @example
- * <Textarea
- *   label="Bio"
- *   showCounter
- *   maxLength={500}
- *   hint="Tell us about yourself"
- * />
+ * Multi-line text input with a field label and optional supporting messages.
+ * `autoHeight` uses a native textarea through first paint, then grows with
+ * content after mount.
  */
 export declare const Textarea: import('react').ForwardRefExoticComponent<TextareaProps & import('react').RefAttributes<HTMLTextAreaElement>>;

package/dist/src/components/Textarea/types.d.ts

@@ -1,35 +1,22 @@
 import { TextareaAutosizeProps } from 'react-textarea-autosize';
-/**
- * Conditional props for auto-height functionality
- */
+/** `minRows` and `maxRows` are available only when `autoHeight` is enabled. */
 export type TextareaAutosizeConditionalProps = {
-    /**
-     * Auto height mode on typing
-     */
+    /** Grows the textarea with its content. */
     autoHeight: true;
-    /**
-     * Maximum number of rows when auto-height is enabled
-     */
+    /** Stops auto-growth after this many rows. */
     maxRows?: TextareaAutosizeProps["maxRows"];
-    /**
-     * Minimum number of rows when auto-height is enabled
-     */
+    /** Keeps at least this many rows visible. */
     minRows?: TextareaAutosizeProps["minRows"];
 } | {
     /**
-     * Auto height mode on typing
-     * @default false
+     * Uses native textarea sizing and excludes `minRows` and `maxRows`.
+     * Defaults to `false`.
      */
     autoHeight?: false;
     maxRows?: never;
     minRows?: never;
 };
-/**
- * State object passed to onChange callback
- */
 export type TextareaState = {
-    /**
-     * Current value of the textarea
-     */
+    /** Value after the change event. */
     value?: string | number | readonly string[];
 };

package/dist/src/components/TimeField/TimeField.d.ts

@@ -2,90 +2,39 @@ import { DataTrackingId } from '../../types';
 import { TextFieldProps } from '../TextField';
 import { TimeFieldChangeHandler, TimeFormat } from './internal/types';
 /**
- * Props for the TimeField component.
- * @extends Omit<TextFieldProps, "onChange" | "value" | "defaultValue" | "type" | "min" | "max" | "step" | "maxLength" | "showCounter">
+ * `min` and `max` must both be set or both omitted.
+ * @extends Omit<TextFieldProps, "onChange" | "value" | "defaultValue" | "type" | "min" | "max" | "step" | "maxLength" | "showCounter" | "prefix">
  */
 export type TimeFieldProps = Omit<TextFieldProps, "onChange" | "value" | "defaultValue" | "type" | "min" | "max" | "step" | "maxLength" | "showCounter" | "prefix"> & {
-    /**
-     * The current value of the time field.
-     * @example "14:30" or "02:30 PM"
-     */
+    /** Controlled time in the current `format`. Pass `null` to clear the field. */
     value?: string | null;
-    /**
-     * The default value for uncontrolled mode.
-     * @example "14:30" or "02:30 PM"
-     */
+    /** Initial time for uncontrolled use. */
     defaultValue?: string | null;
-    /**
-     * Callback when the time value changes.
-     */
+    /** Reports {@link TimeFieldChange} after parse, blur, or a suggestion pick. */
     onChange?: TimeFieldChangeHandler;
-    /**
-     * Time format to use.
-     * @default 12
-     */
+    /** 12-hour with AM/PM, or 24-hour. Defaults to `12`. */
     format?: TimeFormat;
-    /**
-     * Time increment in minutes.
-     * @default 30
-     */
+    /** Suggestion interval and `autoround` increment, in minutes. Defaults to `30`. */
     step?: number;
     /**
-     * Whether to automatically round to the nearest step.
-     * @default false
+     * On blur, snaps a complete time up to the next `step`. Applies even when
+     * suggestions are disabled. Defaults to `false`.
      */
     autoround?: boolean;
-    /**
-     * Whether to disable the dropdown suggestions.
-     * @default false
-     */
+    /** Renders only the masked input without its suggestion popover. Defaults to `false`. */
     disableSuggestions?: boolean;
 } & ({
-    /**
-     * Minimum allowed time constraint.
-     * @example "09:00 AM" or "09:00"
-     */
+    /** Earliest allowed time; requires `max`. */
     min: string;
-    /**
-     * Maximum allowed time constraint.
-     * @example "05:00 PM" or "17:00"
-     */
+    /** Latest allowed time; requires `min`. */
     max: string;
 } | {
     min?: never;
     max?: never;
 }) & DataTrackingId;
 /**
- * TimeField component for entering time values with auto-rounding and suggestions.
- *
- * Features:
- * - Supports 12-hour and 24-hour time formats
- * - Min/max time constraints handled during input parsing
- * - Auto-rounding to step intervals when autoround is true
- * - Dropdown suggestions for quick time selection
- * - Controlled and uncontrolled modes
- * - Smart input masking with placeholders
- * - Integration with MaskedTimeInput for auto-complete
- * - Validation handled by implementors using onChange callback
- * - Automatic tracking ID generation for analytics
- *
- * @example
- * <TimeField
- *   label="Meeting Time"
- *   value="14:30"
- *   format={24}
- *   step={30}
- *   min="09:00"
- *   max="17:00"
- *   autoround
- *   disableSuggestions
- *   onChange={(change) => {
- *     // Handle time change and validation
- *     if (change.isInputEmpty && required) {
- *       // Show required error
- *     }
- *   }}
- * />
+ * Masked time field with optional step suggestions. Completeness and min/max
+ * share `isInputValid`; `step` / `autoround` are separate.
  */
 export declare const TimeField: {
     (props: TimeFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/TimeField/internal/MaskedTimeInput.d.ts

@@ -1,87 +1,33 @@
 import { TimeFormat } from './types';
 import { TextFieldProps } from '../../TextField/internal/TextField';
-/**
- * Change event data for MaskedTimeInput onInputChange callback.
- */
 export type MaskedTimeInputChange = {
-    /**
-     * The original input change event.
-     */
     event: React.ChangeEvent<HTMLInputElement>;
-    /**
-     * The parsed time as a string if valid, otherwise null.
-     */
+    /** Parsed time in the current `format`, or `null` when empty or unparseable. */
     time: string | null;
-    /**
-     * True if the input matches the mask and is not empty.
-     */
+    /** Whether the text is a complete time that also satisfies `min`/`max`. */
     isInputValid: boolean;
-    /**
-     * True if the input is empty.
-     */
+    /** Whether no time digits remain after removing the placeholder. */
     isInputEmpty: boolean;
 };
-/**
- * Props for the MaskedTimeInput component.
- * @extends Omit<TextFieldProps, "onChange" | "value" | "ref" | "showCounter" | "prefix" | "type" | "maxLength" | "hint">
- */
 export interface MaskedTimeInputProps extends Omit<TextFieldProps, "onChange" | "value" | "ref" | "showCounter" | "prefix" | "type" | "maxLength" | "hint"> {
-    /**
-     * External time selection from dropdown
-     */
+    /** Value to display from the parent, ignored while the user is typing. */
     selectedTime?: string | null;
-    /**
-     * The time format (12 or 24 hour).
-     */
+    /** 12-hour with AM/PM, or 24-hour. */
     format: TimeFormat;
-    /**
-     * The placeholder string for the input.
-     */
     placeholder: string;
-    /**
-     * Minimum allowed time constraint.
-     */
+    /** Earliest allowed time. */
     min?: string;
-    /**
-     * Maximum allowed time constraint.
-     */
+    /** Latest allowed time. */
     max?: string;
-    /**
-     * Callback fired when the input value changes.
-     */
+    /** Called as the mask parses each keystroke. */
     onInputChange?: (change: MaskedTimeInputChange) => void;
-    /**
-     * Callback fired when a key is pressed.
-     */
     onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    /**
-     * Callback fired when the input receives focus.
-     */
     onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    /**
-     * Data attribute indicating if the current input is valid.
-     */
     "data-input-valid"?: boolean;
 }
 /**
- * A masked time input component for entering time in 12/24 hour format.
- *
- * Features:
- * - Input masking and placeholder using Maskito
- * - Smart validation and parsing
- * - Hard-coded clock icon prefix
- * - Controlled or uncontrolled usage
- * - Automatic time format conversion
- * - Placeholder handling and cleanup
+ * Masked time input used by TimeField. Completes a valid parse on blur.
  *
- * @example
- * <MaskedTimeInput
- *   selectedTime="14:30"
- *   format={24}
- *   placeholder="––:––"
- *   onInputChange={(change) => {
- *     console.log('Input changed:', change.time);
- *   }}
- * />
+ * @internal
  */
 export declare const MaskedTimeInput: import('react').ForwardRefExoticComponent<MaskedTimeInputProps & import('react').RefAttributes<HTMLInputElement>>;