@raycast/api 1.32.0 → 1.33.1

package/types/index.d.ts

@@ -1,10 +1,12 @@
 /// <reference types="node" />
 
+import { ForwardRefExoticComponent } from 'react';
+import { FunctionComponent } from 'react';
 import { PathLike } from 'fs';
 import PropTypes from 'prop-types';
-import { default as React_2 } from 'react';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
 
 /**
  * A context-specific action that can be performed by the user.
@@ -43,22 +45,22 @@ export declare namespace Action {
         title: PropTypes.Validator<string>;
         icon: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
             fileIcon: PropTypes.Validator<string>;
-        }>> | PropTypes.InferProps<{
-            source: PropTypes.Requireable<string | PropTypes.InferProps<{
+        }>> | Required<PropTypes.InferProps<{
+            source: PropTypes.Validator<string | Required<PropTypes.InferProps<{
                 light: PropTypes.Validator<string>;
                 dark: PropTypes.Validator<string>;
-            }>>;
-            fallback: PropTypes.Requireable<string | PropTypes.InferProps<{
+            }>>>;
+            fallback: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
                 light: PropTypes.Validator<string>;
                 dark: PropTypes.Validator<string>;
-            }>>;
+            }>>>;
             mask: PropTypes.Requireable<Image.Mask>;
-            tintColor: PropTypes.Requireable<string | PropTypes.InferProps<{
+            tintColor: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
                 light: PropTypes.Validator<string>;
                 dark: PropTypes.Validator<string>;
                 adjustContrast: PropTypes.Requireable<boolean>;
-            }>>;
-        }>>;
+            }>>>;
+        }>>>;
         shortcut: PropTypes.Requireable<Required<PropTypes.InferProps<{
             modifiers: PropTypes.Validator<string[]>;
             key: PropTypes.Validator<string>;
@@ -668,29 +670,29 @@ export declare namespace ActionPanel {
 }
 
 /**
- * @deprecated Use `ActionPanel.Children` instead.
+ * @deprecated Use {@link ActionPanel.Children} instead.
  */
 export declare type ActionPanelChildren = ActionPanel.Children;
 
 /**
- * @deprecated Use `Action` instead.
+ * @deprecated Use {@link Action} instead.
  */
 export declare const ActionPanelItem: typeof Action;
 
 /**
- * @deprecated Use `Action.Props` instead.
+ * @deprecated Use {@link Action.Props} instead.
  */
 export declare interface ActionPanelItemProps extends Action.Props {
 }
 
 /**
- * @deprecated Use `ActionPanel.Props` instead.
+ * @deprecated Use {@link ActionPanel.Props} instead.
  */
 export declare interface ActionPanelProps extends ActionPanel.Props {
 }
 
 /**
- * @deprecated Use `ActionPanel.Section` instead.
+ * @deprecated Use {@link ActionPanel.Section} instead.
  */
 export declare const ActionPanelSection: typeof ActionPanel.Section;
 
@@ -707,12 +709,12 @@ declare namespace ActionPanelSection_2 {
 }
 
 /**
- * @deprecated Use `ActionPanel.Section.Children` instead.
+ * @deprecated Use {@link ActionPanel.Section.Children} instead.
  */
 export declare type ActionPanelSectionChildren = ActionPanel.Section.Children;
 
 /**
- * @deprecated Use `ActionPanel.Section.Props` instead.
+ * @deprecated Use {@link ActionPanel.Section.Props} instead.
  */
 export declare interface ActionPanelSectionProps extends ActionPanel.Section.Props {
 }
@@ -728,7 +730,7 @@ export declare interface ActionPanelState {
 }
 
 /**
- * @deprecated Use `ActionPanel.Submenu` instead.
+ * @deprecated Use {@link ActionPanel.Submenu} instead.
  */
 export declare const ActionPanelSubmenu: typeof ActionPanel.Submenu;
 
@@ -743,22 +745,22 @@ declare namespace ActionPanelSubmenu_2 {
         title: PropTypes.Validator<string>;
         icon: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
             fileIcon: PropTypes.Validator<string>;
-        }>> | PropTypes.InferProps<{
-            source: PropTypes.Requireable<string | PropTypes.InferProps<{
+        }>> | Required<PropTypes.InferProps<{
+            source: PropTypes.Validator<string | Required<PropTypes.InferProps<{
                 light: PropTypes.Validator<string>;
                 dark: PropTypes.Validator<string>;
-            }>>;
-            fallback: PropTypes.Requireable<string | PropTypes.InferProps<{
+            }>>>;
+            fallback: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
                 light: PropTypes.Validator<string>;
                 dark: PropTypes.Validator<string>;
-            }>>;
+            }>>>;
             mask: PropTypes.Requireable<Image.Mask>;
-            tintColor: PropTypes.Requireable<string | PropTypes.InferProps<{
+            tintColor: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
                 light: PropTypes.Validator<string>;
                 dark: PropTypes.Validator<string>;
                 adjustContrast: PropTypes.Requireable<boolean>;
-            }>>;
-        }>>;
+            }>>>;
+        }>>>;
         shortcut: PropTypes.Requireable<Required<PropTypes.InferProps<{
             modifiers: PropTypes.Validator<string[]>;
             key: PropTypes.Validator<string>;
@@ -768,7 +770,7 @@ declare namespace ActionPanelSubmenu_2 {
 }
 
 /**
- * @deprecated Use `ActionPanel.Submenu.Props` instead.
+ * @deprecated Use {@link ActionPanel.Submenu.Props} instead.
  */
 export declare interface ActionPanelSubmenuProps extends ActionPanel.Submenu.Props {
 }
@@ -862,24 +864,24 @@ export declare namespace Alert {
 }
 
 /**
- * @deprecated Use `Alert.ActionOptions` instead
+ * @deprecated Use {@link Alert.ActionOptions} instead
  */
 export declare interface AlertActionOptions extends Alert.ActionOptions {
 }
 
 /**
- * @deprecated Use `Alert.ActionStyle` instead
+ * @deprecated Use {@link Alert.ActionStyle} instead
  */
 export declare const AlertActionStyle: typeof Alert.ActionStyle;
 
 /**
- * @deprecated Use `Alert.Options` instead
+ * @deprecated Use {@link Alert.Options} instead
  */
 export declare interface AlertOptions extends Alert.Options {
 }
 
 /**
- * @deprecated Use `LocalStorage.allItems` instead
+ * @deprecated Use {@link LocalStorage.allItems} instead
  */
 export declare const allLocalStorageItems: typeof LocalStorage.allItems;
 
@@ -906,12 +908,32 @@ export declare interface Application {
 }
 
 /**
- * @deprecated Use `Clipboard.clear` instead
+ * See {@link Form.Checkbox}
+ */
+declare const Checkbox: ForwardRefExoticComponent<CheckboxProps & RefAttributes<CheckboxRef>>;
+
+/**
+ * See {@link Form.Checkbox.Props}
+ */
+declare interface CheckboxProps extends FormItemProps_2<boolean> {
+    /**
+     * The label displayed on the right side of the checkbox.
+     */
+    label: string;
+}
+
+/**
+ * Form.Checkbox Ref type.
+ */
+declare type CheckboxRef = FormItemRef;
+
+/**
+ * @deprecated Use {@link Clipboard.clear} instead
  */
 export declare const clearClipboard: typeof Clipboard.clear;
 
 /**
- * @deprecated Use `LocalStorage.clear` instead
+ * @deprecated Use {@link LocalStorage.clear} instead
  */
 export declare const clearLocalStorage: typeof LocalStorage.clear;
 
@@ -1117,7 +1139,7 @@ export declare namespace Color {
          *
          * @defaultValue false
          */
-        adjustContrast?: boolean;
+        adjustContrast?: boolean | undefined | null;
     }
     /**
      * You can use any of the following color formats:
@@ -1132,7 +1154,7 @@ export declare namespace Color {
 }
 
 /**
- * @deprecated Use `Color.ColorLike` instead
+ * @deprecated Use {@link Color.ColorLike} instead
  */
 export declare type ColorLike = Color.ColorLike;
 
@@ -1157,12 +1179,12 @@ export declare type ColorLike = Color.ColorLike;
 export declare function confirmAlert(options: Alert.Options): Promise<boolean>;
 
 /**
- * @deprecated Use `Clipboard.copy` instead
+ * @deprecated Use {@link Clipboard.copy} instead
  */
 export declare const copyTextToClipboard: typeof Clipboard.copy;
 
 /**
- * @deprecated Use `Action.CopyToClipboard` instead.
+ * @deprecated Use {@link Action.CopyToClipboard} instead.
  */
 export declare const CopyToClipboardAction: CopyToClipboardAction_2;
 
@@ -1176,7 +1198,7 @@ declare namespace CopyToClipboardAction_2 {
 }
 
 /**
- * @deprecated Use `Action.CopyToClipboard.Props` instead.
+ * @deprecated Use {@link Action.CopyToClipboard.Props} instead.
  */
 export declare interface CopyToClipboardActionProps extends Action.CopyToClipboard.Props {
 }
@@ -1212,8 +1234,6 @@ declare interface CopyToClipboardActionProps_2 {
     onCopy?: (content: string | number) => void;
 }
 
-/* Excluded from this release type: createQuicklink */
-
 /**
  * See {@link Action.CreateQuicklink}
  */
@@ -1242,8 +1262,6 @@ declare interface CreateQuicklinkProps {
     shortcut?: Keyboard.Shortcut;
 }
 
-/* Excluded from this release type: createSnippet */
-
 /**
  * See {@link Action.CreateQuicklink}
  */
@@ -1269,6 +1287,89 @@ declare interface CreateSnippetProps {
     shortcut?: Keyboard.Shortcut;
 }
 
+/**
+ * See {@link Form.DatePicker}
+ */
+declare const DatePicker: ForwardRefExoticComponent<DatePickerProps & RefAttributes<FormItemRef>> & {
+    /**
+     * The types of date components the user can pick
+     * * `Date` - only year, month, and day can be picked
+     * * `DateTime` - hour and second can be picked in addition to year, month and day
+     */
+    Type: typeof FormDatePickerType;
+};
+
+declare interface DatePickerProps extends FormItemProps_2<Date> {
+    /**
+     * Indicates what types of date components can be picked
+     *
+     * Defaults to {@link FormDatePickerType.DateTime}
+     */
+    type?: FormDatePickerType;
+}
+
+/**
+ * Form.DatePicker Ref type.
+ */
+declare type DatePickerRef = FormItemRef;
+
+declare interface DeprecatedFormItems {
+    /**
+     * @deprecated Use {@link Form.Dropdown.Section} instead.
+     */
+    DropdownSection: typeof DropdownSection;
+    /**
+     * @deprecated Use {@link Form.Dropdown.Item} instead.
+     */
+    DropdownItem: typeof DropdownItem;
+    /**
+     * @deprecated Use {@link Form.TagPicker.Item} instead.
+     */
+    TagPickerItem: typeof TagPickerItem;
+}
+
+/**
+ * A form item with a simple text label.
+ *
+ * _Do **not** use this component to show validation messages for other form fields._
+ *
+ * @example
+ * Label
+ *
+ * ```typescript
+ * import { ActionPanel, Form, Action } from "@raycast/api";
+ *
+ * export default function Command() {
+ *   return (
+ *     <Form
+ *       actions={
+ *         <ActionPanel>
+ *           <Action.SubmitForm title="Submit" onSubmit={(values) => console.log(values)} />
+ *         </ActionPanel>
+ *       }
+ *     >
+ *       <Form.Description title="Import / Export" text="Exporting will back-up your preferences, quicklinks, snippets, floating notes, script-command folder paths, aliases, hotkeys, favorites and other data." />
+ *     </Form>
+ *   );
+ * }
+ * ```
+ */
+declare const Description: FunctionComponent<DescriptionProps>;
+
+/**
+ * Props of the {@link Form.Description} React component.
+ */
+declare interface DescriptionProps {
+    /**
+     * The display title of the left side from the description item.
+     */
+    title?: string;
+    /**
+     * Text that will be displayed in the middle.
+     */
+    text: string;
+}
+
 /**
  * Renders a markdown (CommonMark) string.
  *
@@ -1308,7 +1409,7 @@ export declare namespace Detail {
         /**
          * The `Detail.Metadata` to be rendered in the right side area
          */
-        metadata?: React_2.ReactNode;
+        metadata?: ReactNode;
     }
     /**
      * A Metadata view that will be shown in the right-hand-side of the `Detail`.
@@ -1324,7 +1425,7 @@ export declare namespace Detail {
             /**
              * The Detail.Metadata.Item elements of the Metadata view.
              */
-            children: React_2.ReactNode;
+            children: ReactNode;
         }
         /**
          * Props of the Detail.Metadata.Item React component.
@@ -1444,22 +1545,22 @@ declare namespace DetailMetadataLabel {
         title: PropTypes.Validator<string>;
         icon: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
             fileIcon: PropTypes.Validator<string>;
-        }>> | PropTypes.InferProps<{
-            source: PropTypes.Requireable<string | PropTypes.InferProps<{
+        }>> | Required<PropTypes.InferProps<{
+            source: PropTypes.Validator<string | Required<PropTypes.InferProps<{
                 light: PropTypes.Validator<string>;
                 dark: PropTypes.Validator<string>;
-            }>>;
-            fallback: PropTypes.Requireable<string | PropTypes.InferProps<{
+            }>>>;
+            fallback: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
                 light: PropTypes.Validator<string>;
                 dark: PropTypes.Validator<string>;
-            }>>;
+            }>>>;
             mask: PropTypes.Requireable<Image.Mask>;
-            tintColor: PropTypes.Requireable<string | PropTypes.InferProps<{
+            tintColor: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
                 light: PropTypes.Validator<string>;
                 dark: PropTypes.Validator<string>;
                 adjustContrast: PropTypes.Requireable<boolean>;
-            }>>;
-        }>>;
+            }>>>;
+        }>>>;
         text: PropTypes.Requireable<string>;
     };
     var displayName: string;
@@ -1519,39 +1620,163 @@ declare namespace DetailMetadataTagListItem {
         text: PropTypes.Validator<string>;
         icon: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
             fileIcon: PropTypes.Validator<string>;
-        }>> | PropTypes.InferProps<{
-            source: PropTypes.Requireable<string | PropTypes.InferProps<{
+        }>> | Required<PropTypes.InferProps<{
+            source: PropTypes.Validator<string | Required<PropTypes.InferProps<{
                 light: PropTypes.Validator<string>;
                 dark: PropTypes.Validator<string>;
-            }>>;
-            fallback: PropTypes.Requireable<string | PropTypes.InferProps<{
+            }>>>;
+            fallback: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
                 light: PropTypes.Validator<string>;
                 dark: PropTypes.Validator<string>;
-            }>>;
+            }>>>;
             mask: PropTypes.Requireable<Image.Mask>;
-            tintColor: PropTypes.Requireable<string | PropTypes.InferProps<{
+            tintColor: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
                 light: PropTypes.Validator<string>;
                 dark: PropTypes.Validator<string>;
                 adjustContrast: PropTypes.Requireable<boolean>;
-            }>>;
-        }>>;
-        color: PropTypes.Requireable<string | PropTypes.InferProps<{
+            }>>>;
+        }>>>;
+        color: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
             light: PropTypes.Validator<string>;
             dark: PropTypes.Validator<string>;
             adjustContrast: PropTypes.Requireable<boolean>;
-        }>>;
+        }>>>;
     };
     var displayName: string;
 }
 
 /**
- * @deprecated Use `Detail.Props` instead.
+ * @deprecated Use {@link Detail.Props} instead.
  */
 export declare interface DetailProps extends Detail.Props {
 }
 
 /**
- * @deprecated Use `Color.Dynamic` instead
+ * See {@link Form.Dropdown}
+ */
+declare const Dropdown: ForwardRefExoticComponent<DropdownProps & RefAttributes<FormItemRef>> & {
+    /**
+     * Visually separated group of dropdown items.
+     *
+     * @remarks
+     * Use sections to group related menu items together.
+     *
+     * @example
+     * ```typescript
+     * import { ActionPanel, Form, Action } from "@raycast/api";
+     *
+     * export default function Command() {
+     *   return (
+     *     <Form
+     *       actions={
+     *         <ActionPanel>
+     *           <Action.SubmitForm title="Submit Favorite" onSubmit={(values) => console.log(values)} />
+     *         </ActionPanel>
+     *       }
+     *     >
+     *       <Form.Dropdown id="food" title="Favorite Food">
+     *         <Form.Dropdown.Section title="Fruits">
+     *           <Form.Dropdown.Item value="apple" title="Apple" icon="🍎" />
+     *           <Form.Dropdown.Item value="banana" title="Banana" icon="🍌" />
+     *         </Form.Dropdown.Section>
+     *         <Form.Dropdown.Section title="Vegetables">
+     *           <Form.Dropdown.Item value="broccoli" title="Broccoli" icon="🥦" />
+     *           <Form.Dropdown.Item value="carrot" title="Carrot" icon="🥕" />
+     *         </Form.Dropdown.Section>
+     *       </Form.Dropdown>
+     *     </Form>
+     *   );
+     * }
+     * ```
+     */
+    Section: typeof DropdownSection;
+    /**
+     * A dropdown item in a {@link DropdownRef}
+     *
+     * @example
+     * ```typescript
+     * import { ActionPanel, Form, Action } from "@raycast/api";
+     *
+     * export default function Command() {
+     *   return (
+     *     <Form
+     *       actions={
+     *         <ActionPanel>
+     *           <Action.SubmitForm title="Submit Icon" onSubmit={(values) => console.log(values)} />
+     *         </ActionPanel>
+     *       }
+     *     >
+     *       <Form.Dropdown id="icon" title="Icon">
+     *         <Form.Dropdown.Item value="circle" title="Cirlce" icon={Icon.Circle} />
+     *       </Form.Dropdown>
+     *     </Form>
+     *   );
+     * }
+     * ```
+     */
+    Item: typeof DropdownItem;
+};
+
+/**
+ * See {@link Form.Dropdown.Item}
+ */
+declare const DropdownItem: FunctionComponent<DropdownItemProps>;
+
+/**
+ * See {@link Form.Dropdown.Item.Props}
+ */
+declare interface DropdownItemProps {
+    /**
+     * Value of the dropdown item.
+     * Make sure to assign each unique value for each item.
+     */
+    value: string;
+    /**
+     * The title displayed for the item.
+     */
+    title: string;
+    /**
+     * A optional icon displayed for the item.
+     */
+    icon?: Image.ImageLike;
+}
+
+/**
+ * See {@link Form.Dropdown.Props}
+ */
+declare interface DropdownProps extends FormItemProps_2<string> {
+    /**
+     * Sections or items. If {@link DropdownItem} elements are specified, a default section is automatically created.
+     */
+    children?: ReactNode;
+}
+
+/**
+ * Form.Dropdown Ref type.
+ */
+declare type DropdownRef = FormItemRef;
+
+/**
+ * See {@link Form.Dropdown.Section}
+ */
+declare const DropdownSection: FunctionComponent<DropdownSectionProps>;
+
+/**
+ * See {@link Form.Dropdown.Section.Props}
+ */
+declare interface DropdownSectionProps {
+    /**
+     * The item elements of the section.
+     */
+    children?: ReactNode;
+    /**
+     * Title displayed above the section
+     */
+    title?: string;
+}
+
+/**
+ * @deprecated Use {@link Color.Dynamic} instead
  */
 export declare type DynamicColor = Color.Dynamic;
 
@@ -1646,387 +1871,705 @@ export declare interface FileSystemItem {
 /**
  * Shows a list of form items such as {@link Form.TextField}, {@link Form.Checkbox} or {@link Form.Dropdown}.
  */
-export declare function Form(props: Form.Props): ReactElement<Form.Props>;
-
-export declare namespace Form {
-    var propTypes: {
-        submitTitle: PropTypes.Requireable<string>;
-        navigationTitle: PropTypes.Requireable<string>;
-        isLoading: PropTypes.Requireable<boolean>;
-    };
-    var displayName: string;
-}
+export declare const Form: FunctionComponent<FormProps_2> & FormItems & DeprecatedFormItems;
 
 export declare namespace Form {
+    export type ItemProps<T extends FormValue_2> = FormItemProps_2<T>;
+    export type Value = FormValue_2;
+    export type Values = FormValues_2;
+    export type Props = FormProps_2;
     /**
-     * @deprecated Use `Form.Dropdown.Section` instead.
-     */
-    const DropdownSection: typeof FormDropdownSection_2;
-    /**
-     * @deprecated Use `Form.Dropdown.Item` instead.
-     */
-    const DropdownItem: typeof FormDropdownItem_2;
-    /**
-     * @deprecated Use `Form.TagPicker.Item` instead.
-     */
-    const TagPickerItem: typeof FormTagPickerItem_2;
-    /**
-     * A form item with a text field for input.
+     * A Ref Type for the {@link Form.TextField}.
+     * Use refs to control your Form by calling {@link Form.TextField.focus()} or {@link Form.TextField.reset()} functions.
      *
      * @example
-     * Uncontrolled text field
+     * Using Ref to focus {@link Form.TextField}.
      *
      * ```typescript
-     * import { ActionPanel, Form, Action } from "@raycast/api";
+     * import { Form, ActionPanel, Action } from "@raycast/api";
+     * import { useRef } from "react";
      *
      * export default function Command() {
+     *   const textFieldRef = useRef<Form.TextField>(null);
+     *
      *   return (
      *     <Form
      *       actions={
      *         <ActionPanel>
-     *           <Action.SubmitForm title="Submit Name" onSubmit={(values) => console.log(values)} />
+     *           <Action.SubmitForm
+     *             title="Submit"
+     *             onSubmit={(values) => {
+     *               textFieldRef.current?.focus();
+     *               console.log("Values", values);
+     *             }}
+     *           />
      *         </ActionPanel>
      *       }
      *     >
-     *       <Form.TextField id="name" defaultValue="Steve" />
+     *       <Form.TextField id="textField" title="Your Name" placeholder="César" ref={textFieldRef} />
+     *       <Form.TextArea id="textArea" title="About" placeholder="Enter something about you" />
      *     </Form>
      *   );
      * }
      * ```
      *
      * @example
-     * Controlled text field
+     * Using Ref to reset {@link Form.TextField}.
      *
      * ```typescript
-     * import { ActionPanel, Form, Action } from "@raycast/api";
-     * import { useState } from "react";
+     * import { Form, ActionPanel, Action } from "@raycast/api";
+     * import { useRef } from "react";
      *
      * export default function Command() {
-     *   const [name, setName] = useState<string>();
+     *   const textFieldRef = useRef<Form.TextField>(null);
      *
      *   return (
      *     <Form
      *       actions={
      *         <ActionPanel>
-     *           <Action.SubmitForm title="Submit Name" onSubmit={(values) => console.log(values)} />
+     *           <Action.SubmitForm
+     *             title="Submit"
+     *             onSubmit={(values) => {
+     *               textFieldRef.current?.reset();
+     *               console.log("Values", values);
+     *             }}
+     *           />
      *         </ActionPanel>
      *       }
      *     >
-     *       <Form.TextField id="name" value={name} onChange={setName} />
+     *       <Form.TextField id="textField" title="Your Name" placeholder="César" ref={textFieldRef} />
+     *       <Form.TextArea id="textArea" title="About" placeholder="Enter something about you" />
      *     </Form>
      *   );
      * }
      * ```
      */
-    const TextField: typeof FormTextField_2;
+    export type TextField = TextFieldRef;
+    export namespace TextField {
+        /**
+         * Props of the {@link Form.TextField} React component.
+         */
+        export type Props = TextFieldProps;
+    }
     /**
-     * A form item with a text area for input.
-     * The item supports multiline text entry.
+     * A Ref Type for the {@link Form.PasswordField}.
+     * Use refs to control your Form by calling {@link Form.PasswordField.focus()} or {@link Form.PasswordField.reset()} functions.
      *
      * @example
-     * Uncontrolled text area
+     * Using Ref to focus {@link Form.PasswordField}.
      *
      * ```typescript
-     * import { ActionPanel, Form, Action } from "@raycast/api";
-     *
-     * const DESCRIPTION =
-     *   "We spend too much time staring at loading indicators. The Raycast team is dedicated to make everybody interact faster with their computers.";
+     * import { Form, ActionPanel, Action } from "@raycast/api";
+     * import { useRef } from "react";
      *
      * export default function Command() {
+     *   const passwordFieldRef = useRef<Form.PasswordField>(null);
+     *
      *   return (
      *     <Form
      *       actions={
      *         <ActionPanel>
-     *           <Action.SubmitForm title="Submit Description" onSubmit={(values) => console.log(values)} />
+     *           <Action.SubmitForm
+     *             title="Submit"
+     *             onSubmit={(values) => {
+     *               passwordFieldRef.current?.focus();
+     *               console.log("Values", values);
+     *             }}
+     *           />
      *         </ActionPanel>
      *       }
      *     >
-     *       <Form.TextArea id="description" defaultValue={DESCRIPTION} />
+     *       <Form.TextField id="textField" title="Your Name" placeholder="César" />
+     *       <Form.PasswordField id="passwordField" title="Enter Password" ref={passwordFieldRef} />
      *     </Form>
      *   );
      * }
      * ```
      *
      * @example
-     * Controlled text area
+     * Using Ref to reset {@link Form.PasswordField}.
      *
      * ```typescript
-     * import { ActionPanel, Form, Action } from "@raycast/api";
-     * import { useState } from "react";
+     * import { Form, ActionPanel, Action } from "@raycast/api";
+     * import { useRef } from "react";
      *
      * export default function Command() {
-     *   const [description, setDescription] = useState<string>();
+     *   const passwordFieldRef = useRef<Form.PasswordField>(null);
      *
      *   return (
      *     <Form
      *       actions={
      *         <ActionPanel>
-     *           <Action.SubmitForm title="Submit Description" onSubmit={(values) => console.log(values)} />
+     *           <Action.SubmitForm
+     *             title="Submit"
+     *             onSubmit={(values) => {
+     *               passwordFieldRef.current?.reset();
+     *               console.log("Values", values);
+     *             }}
+     *           />
      *         </ActionPanel>
      *       }
      *     >
-     *       <Form.TextArea id="description" value={description} onChange={setDescription} />
+     *       <Form.TextField id="textField" title="Your Name" placeholder="César" ref={passwordFieldRef} />
+     *       <Form.PasswordField id="passwordField" title="Enter Password" ref={passwordFieldRef} />
      *     </Form>
      *   );
      * }
      * ```
      */
-    const TextArea: typeof FormTextArea_2;
+    export type PasswordField = PasswordFieldRef;
+    export namespace PasswordField {
+        /**
+         * Props of the {@link Form.PasswordField} React component.
+         */
+        export type Props = PasswordFieldProps;
+    }
     /**
-     * A form item with a checkbox.
+     * A Ref Type for the {@link Form.TextArea}.
+     * Use refs to control your Form by calling {@link Form.TextArea.focus()} or {@link Form.TextArea.reset()} functions.
      *
      * @example
-     * Uncontrolled checkbox
+     * Using Ref to focus {@link Form.TextArea}.
      *
      * ```typescript
-     * import { ActionPanel, Form, Action } from "@raycast/api";
+     * import { Form, ActionPanel, Action } from "@raycast/api";
+     * import { useRef } from "react";
      *
      * export default function Command() {
+     *   const textAreaRef = useRef<Form.TextArea>(null);
+     *
      *   return (
      *     <Form
      *       actions={
      *         <ActionPanel>
-     *           <Action.SubmitForm title="Submit Answer" onSubmit={(values) => console.log(values)} />
+     *           <Action.SubmitForm
+     *             title="Submit"
+     *             onSubmit={(values) => {
+     *               textAreaRef.current?.focus();
+     *               console.log("Values", values);
+     *             }}
+     *           />
      *         </ActionPanel>
      *       }
      *     >
-     *       <Form.Checkbox id="answer" label="Are you happy?" defaultValue={true} />
+     *       <Form.TextField id="textField" title="Your Name" placeholder="César" />
+     *       <Form.TextArea id="textArea" title="About" placeholder="Enter something about you" ref={textAreaRef} />
      *     </Form>
      *   );
      * }
      * ```
      *
      * @example
-     * Controlled checkbox
+     * Using Ref to reset {@link Form.TextArea}.
      *
      * ```typescript
-     * import { ActionPanel, Form, Action } from "@raycast/api";
-     * import { useState } from "react";
+     * import { Form, ActionPanel, Action } from "@raycast/api";
+     * import { useRef } from "react";
      *
      * export default function Command() {
-     *   const [checked, setChecked] = useState(true);
+     *   const textAreaRef = useRef<Form.TextArea>(null);
      *
      *   return (
      *     <Form
      *       actions={
      *         <ActionPanel>
-     *           <Action.SubmitForm title="Submit Answer" onSubmit={(values) => console.log(values)} />
+     *           <Action.SubmitForm
+     *             title="Submit"
+     *             onSubmit={(values) => {
+     *               textAreaRef.current?.reset();
+     *               console.log("Values", values);
+     *             }}
+     *           />
      *         </ActionPanel>
      *       }
      *     >
-     *       <Form.Checkbox id="answer" label="Do you like orange juice?" value={checked} onChange={setChecked} />
+     *       <Form.TextField id="textField" title="Your Name" placeholder="César" />
+     *       <Form.TextArea id="textArea" title="About" placeholder="Enter something about you" ref={textAreaRef} />
      *     </Form>
      *   );
      * }
      * ```
      */
-    const Checkbox: typeof FormCheckbox_2;
+    export type TextArea = TextAreaRef;
+    export namespace TextArea {
+        /**
+         * Props of the {@link Form.TextArea} React component.
+         */
+        export type Props = TextAreaProps;
+    }
+    export namespace Description {
+        /**
+         * Props of the {@link Form.Description} React component.
+         */
+        export type Props = DescriptionProps;
+    }
+    export namespace Separator {
+        /**
+         * Props of the {@link Form.Separator} React component.
+         */
+        export type Props = SeparatorProps;
+    }
     /**
-     * A form item with a date picker.
+     * A Ref Type for the {@link Form.Checkbox}.
+     * Use refs to control your Form by calling {@link Form.Checkbox.focus()} or {@link Form.Checkbox.reset()} functions.
      *
      * @example
-     * Uncontrolled date picker
+     * Using Ref to focus {@link Form.Checkbox}.
      *
      * ```typescript
-     * import { ActionPanel, Form, Action } from "@raycast/api";
+     * import { Form, ActionPanel, Action } from "@raycast/api";
+     * import { useRef } from "react";
      *
      * export default function Command() {
+     *   const checkBoxRef = useRef<Form.Checkbox>(null);
+     *
      *   return (
      *     <Form
      *       actions={
      *         <ActionPanel>
-     *           <Action.SubmitForm title="Submit Form" onSubmit={(values) => console.log(values)} />
+     *           <Action.SubmitForm
+     *             title="Submit"
+     *             onSubmit={(values) => {
+     *               checkBoxRef.current?.focus();
+     *               console.log("Values", values);
+     *             }}
+     *           />
      *         </ActionPanel>
      *       }
      *     >
-     *       <Form.DatePicker id="dateOfBirth" title="Date of Birth" defaultValue={new Date(1955, 1, 24)} />
+     *       <Form.TextField id="textField" title="Your Name" placeholder="César" />
+     *       <Form.Checkbox id="newsletter" label="Subscribe for Newsletter" defaultValue={true} ref={checkBoxRef} />
+     *       <Form.TextArea id="textArea" title="About" placeholder="Enter something about you" />
      *     </Form>
      *   );
      * }
      * ```
      *
      * @example
-     * Controlled date picker
+     * Using Ref to reset {@link Form.Checkbox}.
      *
      * ```typescript
-     * import { ActionPanel, Form, Action } from "@raycast/api";
-     * import { useState } from "react";
+     * import { Form, ActionPanel, Action } from "@raycast/api";
+     * import { useRef } from "react";
      *
      * export default function Command() {
-     *   const [date, setDate] = useState<Date>();
+     *   const checkBoxRef = useRef<Form.Checkbox>(null);
      *
      *   return (
      *     <Form
      *       actions={
      *         <ActionPanel>
-     *           <Action.SubmitForm title="Submit Form" onSubmit={(values) => console.log(values)} />
+     *           <Action.SubmitForm
+     *             title="Submit"
+     *             onSubmit={(values) => {
+     *               checkBoxRef.current?.reset();
+     *               console.log("Values", values);
+     *             }}
+     *           />
      *         </ActionPanel>
      *       }
      *     >
-     *       <Form.DatePicker id="launchDate" title="Launch Date" value={date} onChange={setDate} />
+     *       <Form.TextField id="textField" title="Your Name" placeholder="César" />
+     *       <Form.Checkbox id="newsletter" label="Subscribe for Newsletter" defaultValue={true} ref={checkBoxRef} />
+     *       <Form.TextArea id="textArea" title="About" placeholder="Enter something about you" />
      *     </Form>
      *   );
      * }
      * ```
      */
-    const DatePicker: typeof FormDatePicker_2;
+    export type Checkbox = CheckboxRef;
+    export namespace Checkbox {
+        /**
+         * Props of the {@link Form.Checkbox} React component.
+         */
+        export type Props = CheckboxProps;
+    }
     /**
-     * A form item that shows a separator line.
-     * Use for grouping and visually separating form items.
+     * A Ref Type for the {@link Form.DatePicker}.
+     * Use refs to control your Form by calling {@link Form.DatePicker.focus()} or {@link Form.DatePicker.reset()} functions.
      *
      * @example
+     * Using Ref to focus {@link Form.DatePicker}.
+     *
      * ```typescript
-     * import { ActionPanel, Form, Action } from "@raycast/api";
+     * import { Form, ActionPanel, Action } from "@raycast/api";
+     * import { useRef } from "react";
      *
      * export default function Command() {
+     *   const datePickerRef = useRef<Form.DatePicker>(null);
+     *
      *   return (
      *     <Form
      *       actions={
      *         <ActionPanel>
-     *           <Action.SubmitForm title="Submit Form" onSubmit={(values) => console.log(values)} />
+     *           <Action.SubmitForm
+     *             title="Submit"
+     *             onSubmit={(values) => {
+     *               datePickerRef.current?.focus();
+     *               console.log("Values", values);
+     *             }}
+     *           />
      *         </ActionPanel>
      *       }
      *     >
-     *       <Form.TextField id="textfield" />
-     *       <Form.Separator />
-     *       <Form.TextArea id="textarea" />
+     *       <Form.TextField id="textField" title="Your Name" placeholder="César" />
+     *       <Form.DatePicker id="birthday" title="Date of Birth" type={Form.DatePicker.Type.Date} ref={datePickerRef} />
+     *       <Form.TextArea id="textArea" title="About" placeholder="Enter something about you" />
+     *     </Form>
+     *   );
+     * }
+     * ```
+     *
+     * @example
+     * Using Ref to reset {@link Form.DatePicker}.
+     *
+     * ```typescript
+     * import { Form, ActionPanel, Action } from "@raycast/api";
+     * import { useRef } from "react";
+     *
+     * export default function Command() {
+     *   const datePickerRef = useRef<Form.DatePicker>(null);
+     *
+     *   return (
+     *     <Form
+     *       actions={
+     *         <ActionPanel>
+     *           <Action.SubmitForm
+     *             title="Submit"
+     *             onSubmit={(values) => {
+     *               datePickerRef.current?.reset();
+     *               console.log("Values", values);
+     *             }}
+     *           />
+     *         </ActionPanel>
+     *       }
+     *     >
+     *       <Form.TextField id="textField" title="Your Name" placeholder="César" />
+     *       <Form.DatePicker id="birthday" title="Date of Birth" type={Form.DatePicker.Type.Date} ref={datePickerRef} />
+     *       <Form.TextArea id="textArea" title="About" placeholder="Enter something about you" />
      *     </Form>
      *   );
      * }
      * ```
      */
-    const Separator: typeof FormSeparator_2;
+    export type DatePicker = DatePickerRef;
+    export namespace DatePicker {
+        /**
+         * Props of the {@link Form.DatePicker} React component.
+         */
+        export type Props = DatePickerProps;
+    }
     /**
-     * A form item with a dropdown menu.
+     * A Ref Type for the {@link Form.Dropdown}.
+     * Use refs to control your Form by calling {@link Form.Dropdown.focus()} or {@link Form.Dropdown.reset()} functions.
      *
      * @example
-     * Uncontrolled dropdown
+     * Using Ref to focus {@link Form.Dropdown}.
      *
      * ```typescript
-     * import { ActionPanel, Form, Action } from "@raycast/api";
+     * import { Form, ActionPanel, Action } from "@raycast/api";
+     * import { useRef } from "react";
      *
      * export default function Command() {
+     *   const dropdownRef = useRef<Form.Dropdown>(null);
+     *
      *   return (
      *     <Form
      *       actions={
      *         <ActionPanel>
-     *           <Action.SubmitForm title="Submit Favorite" onSubmit={(values) => console.log(values)} />
+     *           <Action.SubmitForm
+     *             title="Submit"
+     *             onSubmit={(values) => {
+     *               dropdownRef.current?.focus();
+     *               console.log("Values", values);
+     *             }}
+     *           />
      *         </ActionPanel>
      *       }
      *     >
-     *       <Form.Dropdown id="emoji" title="Favorite Emoji" defaultValue="lol">
-     *         <Form.Dropdown.Item value="poop" title="Pile of poop" icon="💩" />
-     *         <Form.Dropdown.Item value="rocket" title="Rocket" icon="🚀" />
-     *         <Form.Dropdown.Item value="lol" title="Rolling on the floor laughing face" icon="🤣" />
+     *       <Form.TextField id="textField" title="Your Name" placeholder="César" />
+     *       <Form.Dropdown id="number" title="Choose Your Favorite Number" defaultValue={"3"} ref={dropdownRef}>
+     *         {[1, 2, 3, 4, 5, 6, 7].map((num) => {
+     *           return <Form.Dropdown.Item value={String(num)} title={String(num)} key={num} />;
+     *         })}
      *       </Form.Dropdown>
+     *       <Form.TextArea id="textArea" title="About" placeholder="Enter something about you" />
      *     </Form>
      *   );
      * }
      * ```
      *
      * @example
-     * Controlled dropdown
+     * Using Ref to reset {@link Form.Dropdown}.
      *
      * ```typescript
-     * import { ActionPanel, Form, Action } from "@raycast/api";
-     * import { useState } from "react";
+     * import { Form, ActionPanel, Action } from "@raycast/api";
+     * import { useRef } from "react";
      *
      * export default function Command() {
-     *   const [programmingLanguage, setProgrammingLanguage] = useState<string>("typescript");
+     *   const dropdownRef = useRef<Form.Dropdown>(null);
      *
      *   return (
      *     <Form
      *       actions={
      *         <ActionPanel>
-     *           <Action.SubmitForm title="Submit Favorite" onSubmit={(values) => console.log(values)} />
+     *           <Action.SubmitForm
+     *             title="Submit"
+     *             onSubmit={(values) => {
+     *               dropdownRef.current?.reset();
+     *               console.log("Values", values);
+     *             }}
+     *           />
      *         </ActionPanel>
      *       }
      *     >
-     *       <Form.Dropdown
-     *         id="dropdown"
-     *         title="Favorite Language"
-     *         value={programmingLanguage}
-     *         onChange={setProgrammingLanguage}
-     *       >
-     *         <Form.Dropdown.Item value="cpp" title="C++" />
-     *         <Form.Dropdown.Item value="javascript" title="JavaScript" />
-     *         <Form.Dropdown.Item value="ruby" title="Ruby" />
-     *         <Form.Dropdown.Item value="python" title="Python" />
-     *         <Form.Dropdown.Item value="swift" title="Swift" />
-     *         <Form.Dropdown.Item value="typescript" title="TypeScript" />
+     *       <Form.TextField id="textField" title="Your Name" placeholder="César" />
+     *       <Form.Dropdown id="number" title="Choose Your Favorite Number" defaultValue={"3"} ref={dropdownRef}>
+     *         {[1, 2, 3, 4, 5, 6, 7].map((num) => {
+     *           return <Form.Dropdown.Item value={String(num)} title={String(num)} key={num} />;
+     *         })}
      *       </Form.Dropdown>
+     *       <Form.TextArea id="textArea" title="About" placeholder="Enter something about you" />
      *     </Form>
      *   );
      * }
      * ```
      */
-    const Dropdown: typeof FormDropdown_2;
+    export type Dropdown = DropdownRef;
+    export namespace Dropdown {
+        /**
+         * Props of the {@link Form.Dropdown} React component.
+         */
+        export type Props = DropdownProps;
+        export namespace Section {
+            /**
+             * Props of the {@link Form.Dropdown.Section} React component.
+             */
+            export type Props = DropdownSectionProps;
+        }
+        export namespace Item {
+            /**
+             * Props of the {@link Form.Dropdown.Item} React component.
+             */
+            export type Props = DropdownItemProps;
+        }
+    }
     /**
-     * A form item with a tag picker that allows the user to select multiple items.
+     * A Ref Type for the {@link Form.TagPicker}.
+     * Use refs to control your Form by calling {@link Form.TagPicker.focus()} or {@link Form.TagPicker.reset()} functions.
      *
      * @example
-     * Uncontrolled tag picker
+     * Using Ref to focus {@link Form.TagPicker}.
      *
      * ```typescript
-     * import { ActionPanel, Form, Action } from "@raycast/api";
+     * import { Form, ActionPanel, Action } from "@raycast/api";
+     * import { useRef } from "react";
      *
      * export default function Command() {
+     *   const tagPickerRef = useRef<Form.TagPicker>(null);
+     *
      *   return (
      *     <Form
      *       actions={
      *         <ActionPanel>
-     *           <Action.SubmitForm title="Submit Favorite" onSubmit={(values) => console.log(values)} />
+     *           <Action.SubmitForm
+     *             title="Submit"
+     *             onSubmit={(values) => {
+     *               tagPickerRef.current?.focus();
+     *               console.log("Values", values);
+     *             }}
+     *           />
      *         </ActionPanel>
      *       }
      *     >
-     *       <Form.TagPicker id="sports" title="Favorite Sports" defaultValue={["football"]}>
-     *         <Form.TagPicker.Item value="basketball" title="Basketball" icon="🏀" />
-     *         <Form.TagPicker.Item value="football" title="Football" icon="⚽️" />
-     *         <Form.TagPicker.Item value="tennis" title="Tennis" icon="🎾" />
+     *       <Form.TextField id="textField" title="Your Name" placeholder="César" />
+     *       <Form.TagPicker id="tags" title="Choose Your Favorite Colors" ref={tagPickerRef}>
+     *         {["black", "white", "blue", "yellow", "red"].map((tag) => {
+     *           return <Form.TagPicker.Item value={tag} title={tag} key={tag} />;
+     *         })}
      *       </Form.TagPicker>
+     *       <Form.TextArea id="textArea" title="About" placeholder="Enter something about you" />
      *     </Form>
      *   );
      * }
      * ```
      *
      * @example
-     * Controlled tag picker
+     * Using Ref to reset {@link Form.TagPicker}.
      *
      * ```typescript
-     * import { ActionPanel, Form, Action } from "@raycast/api";
-     * import { useState } from "react";
+     * import { Form, ActionPanel, Action } from "@raycast/api";
+     * import { useRef } from "react";
      *
      * export default function Command() {
-     *   const [countries, setCountries] = useState<string[]>(["ger", "ned", "pol"]);
+     *   const tagPickerRef = useRef<Form.TagPicker>(null);
      *
      *   return (
      *     <Form
      *       actions={
      *         <ActionPanel>
-     *           <Action.SubmitForm title="Submit Countries" onSubmit={(values) => console.log(values)} />
+     *           <Action.SubmitForm
+     *             title="Submit"
+     *             onSubmit={(values) => {
+     *               tagPickerRef.current?.reset();
+     *               console.log("Values", values);
+     *             }}
+     *           />
      *         </ActionPanel>
      *       }
      *     >
-     *       <Form.TagPicker id="countries" title="Visited Countries" value={countries} onChange={setCountries}>
-     *         <Form.TagPicker.Item value="ger" title="Germany" icon="🇩🇪" />
-     *         <Form.TagPicker.Item value="ind" title="India" icon="🇮🇳" />
-     *         <Form.TagPicker.Item value="ned" title="Netherlands" icon="🇳🇱" />
-     *         <Form.TagPicker.Item value="nor" title="Norway" icon="🇳🇴" />
-     *         <Form.TagPicker.Item value="pol" title="Poland" icon="🇵🇱" />
-     *         <Form.TagPicker.Item value="rus" title="Russia" icon="🇷🇺" />
-     *         <Form.TagPicker.Item value="sco" title="Scotland" icon="🏴󠁧󠁢󠁳󠁣󠁴󠁿" />
+     *       <Form.TextField id="textField" title="Your Name" placeholder="César" />
+     *       <Form.TagPicker id="tags" title="Choose Your Favorite Colors" ref={tagPickerRef}>
+     *         {["black", "white", "blue", "yellow", "red"].map((tag) => {
+     *           return <Form.TagPicker.Item value={tag} title={tag} key={tag} />;
+     *         })}
      *       </Form.TagPicker>
+     *       <Form.TextArea id="textArea" title="About" placeholder="Enter something about you" />
      *     </Form>
      *   );
      * }
      * ```
      */
-    const TagPicker: typeof FormTagPicker_2;
+    export type TagPicker = TagPickerRef;
+    export namespace TagPicker {
+        /**
+         * Props of the {@link Form.TagPicker} React component.
+         */
+        export type Props = TagPickerProps;
+        export namespace Item {
+            /**
+             * Props of the {@link Form.TagPicker.Item} React component.
+             */
+            export type Props = TagPickerItemProps;
+        }
+    }
+}
+
+/**
+ * @deprecated Use {@link Form.Checkbox} instead.
+ */
+export declare const FormCheckbox: typeof Form.Checkbox;
+
+/**
+ * @deprecated Use {@link Form.Checkbox.Props} instead.
+ */
+export declare interface FormCheckboxProps extends Form.Checkbox.Props {
+}
+
+/**
+ * @deprecated Use {@link Form.DatePicker} instead.
+ */
+export declare const FormDatePicker: typeof Form.DatePicker;
+
+/**
+ * @deprecated Use {@link Form.DatePicker.Props} instead.
+ */
+export declare interface FormDatePickerProps extends Form.DatePicker.Props {
+}
+
+/**
+ * See {@link Form.DatePicker.Type}
+ */
+declare enum FormDatePickerType {
+    /**
+     * Only year, month, and day can be picked
+     */
+    Date = "date",
     /**
-     * A form item with a secure text field for password-entry in which the entered characters must be kept secret.
+     * hour and second can be picked in addition to year, month and day
+     */
+    DateTime = "date_time"
+}
+
+/**
+ * @deprecated Use {@link Form.Dropdown} instead.
+ */
+export declare const FormDropdown: typeof Form.Dropdown;
+
+/**
+ * @deprecated Use {@link Form.Dropdown.Item} instead.
+ */
+export declare const FormDropdownItem: typeof Form.Dropdown.Item;
+
+/**
+ * @deprecated Use {@link Form.Dropdown.Item.Props} instead.
+ */
+export declare interface FormDropdownItemProps extends Form.Dropdown.Item.Props {
+}
+
+/**
+ * @deprecated Use {@link Form.Dropdown.Props} instead.
+ */
+export declare interface FormDropdownProps extends Form.Dropdown.Props {
+}
+
+/**
+ * @deprecated Use {@link Form.Dropdown.Section} instead.
+ */
+export declare const FormDropdownSection: typeof Form.Dropdown.Section;
+
+/**
+ * @deprecated Use {@link Form.Dropdown.Section.Props} instead.
+ */
+export declare interface FormDropdownSectionProps extends Form.Dropdown.Section.Props {
+}
+
+/**
+ * @deprecated Use {@link Form.ItemProps} instead.
+ */
+export declare interface FormItemProps<Value extends Form.Value> extends Form.ItemProps<Value> {
+}
+
+/**
+ * Props of the Form.Item React component.
+ */
+declare interface FormItemProps_2<T extends FormValue_2> {
+    /**
+     * ID of the form item.
+     * Make sure to assign each form item a unique id.
+     */
+    id: string;
+    /**
+     * The title displayed on the left side of the item.
+     */
+    title?: string;
+    /**
+     * An optional info message to describe the form item. It appears on the right side of the item with an info icon. When the icon is hovered, the info message is shown.
+     */
+    info?: string;
+    /**
+     * Indicates whether the value of the item should be persisted after submitting, and restored next time the form is rendered.
+     */
+    storeValue?: boolean;
+    /**
+     * Indicates whether the item should be focused automatically once the form is rendered.
+     */
+    autoFocus?: boolean;
+    /**
+     * The current value of the item.
+     */
+    value?: T & FormValue_2;
+    /**
+     * The default value of the item.
+     * Keep in mind that `defaultValue` will be configured once per component lifecycle. This means that if a user changes the value, `defaultValue` won't be configured on re-rendering.
+     *
+     * If you're using {@link FormItemProps.storeValue} and configured it as `true` then the stored value will be set.
+     *
+     * If you configure {@link FormItemProps.value} at the same time with {@link FormItemProps.defaultValue}, the `value` will be set instead of `defaultValue`.
+     */
+    defaultValue?: T & FormValue_2;
+    /**
+     * The callback which will be triggered on the {@link Form.Item.Props.value} change for the item.
+     */
+    onChange?: (newValue: T & FormValue_2) => void;
+}
+
+declare interface FormItems {
+    /**
+     * A form item with a checkbox.
      *
      * @example
-     * Uncontrolled password field
+     * Uncontrolled checkbox
      *
      * ```typescript
      * import { ActionPanel, Form, Action } from "@raycast/api";
@@ -2036,48 +2579,46 @@ export declare namespace Form {
      *     <Form
      *       actions={
      *         <ActionPanel>
-     *           <Action.SubmitFormAction title="Submit Password" onSubmit={(values) => console.log(values)} />
+     *           <Action.SubmitForm title="Submit Answer" onSubmit={(values) => console.log(values)} />
      *         </ActionPanel>
      *       }
      *     >
-     *       <Form.PasswordField id="password" title="Enter Password" />
+     *       <Form.Checkbox id="answer" label="Are you happy?" defaultValue={true} />
      *     </Form>
      *   );
      * }
      * ```
      *
      * @example
-     * Controlled password field
+     * Controlled checkbox
      *
      * ```typescript
      * import { ActionPanel, Form, Action } from "@raycast/api";
      * import { useState } from "react";
      *
      * export default function Command() {
-     *   const [password, setPassword] = useState<string>();
+     *   const [checked, setChecked] = useState(true);
      *
      *   return (
      *     <Form
      *       actions={
      *         <ActionPanel>
-     *           <Action.SubmitForm title="Submit Password" onSubmit={(values) => console.log(values)} />
+     *           <Action.SubmitForm title="Submit Answer" onSubmit={(values) => console.log(values)} />
      *         </ActionPanel>
      *       }
      *     >
-     *       <Form.PasswordField id="password" value={password} onChange={setPassword} />
+     *       <Form.Checkbox id="answer" label="Do you like orange juice?" value={checked} onChange={setChecked} />
      *     </Form>
      *   );
      * }
      * ```
      */
-    const PasswordField: typeof FormPasswordField;
+    Checkbox: typeof Checkbox;
     /**
-     * A form item with a simple text label.
-     *
-     * _Do **not** use this component to show validation messages for other form fields._
+     * A form item with a date picker.
      *
      * @example
-     * Label
+     * Uncontrolled date picker
      *
      * ```typescript
      * import { ActionPanel, Form, Action } from "@raycast/api";
@@ -2087,422 +2628,328 @@ export declare namespace Form {
      *     <Form
      *       actions={
      *         <ActionPanel>
-     *           <Action.SubmitForm title="Submit" onSubmit={(values) => console.log(values)} />
+     *           <Action.SubmitForm title="Submit Form" onSubmit={(values) => console.log(values)} />
      *         </ActionPanel>
      *       }
      *     >
-     *       <Form.Description title="Import / Export" text="Exporting will back-up your preferences, quicklinks, snippets, floating notes, script-command folder paths, aliases, hotkeys, favorites and other data." />
+     *       <Form.DatePicker id="dateOfBirth" title="Date of Birth" defaultValue={new Date(1955, 1, 24)} />
      *     </Form>
      *   );
      * }
      * ```
-     */
-    const Description: typeof FormDescription;
-    /**
-     * Props of the {@link Form} React component.
-     */
-    export interface Props extends ActionsInterface, NavigationChildInterface {
-        /**
-         * The Form.Item elements of the form.
-         */
-        children?: ReactNode;
-    }
-    /**
-     * A possible form item value that will be used as an input for the submit callback of a form.
-     */
-    export type Value = string | number | boolean | string[] | number[] | Date | null;
-    /**
-     * Values of items in the form.
-     *
-     * @remarks
-     * For type-safe form values, you can define your own interface. Use the ID's of the form items
-     * as the property names. See the example for more details.
      *
      * @example
-     * ```typescript
-     * import { Form, Action } from "@raycast/api";
+     * Controlled date picker
      *
-     * interface Values {
-     *   todo: string;
-     *   due?: Date;
-     * }
+     * ```typescript
+     * import { ActionPanel, Form, Action } from "@raycast/api";
+     * import { useState } from "react";
      *
      * export default function Command() {
-     *   function handleSubmit(values: Values) {
-     *     console.log(values);
-     *   }
+     *   const [date, setDate] = useState<Date>();
      *
      *   return (
      *     <Form
-     *        actions={
-     *          <ActionPanel>
-     *            <Action.SubmitForm title="Submit" onSubmit={handleSubmit} />
-     *          </ActionPanel>
-     *        }
-     *     >
-     *       <Form.TextField id="todo" title="Todo" />
-     *       <Form.DatePicker id="due" title="Due Date" />
+     *       actions={
+     *         <ActionPanel>
+     *           <Action.SubmitForm title="Submit Form" onSubmit={(values) => console.log(values)} />
+     *         </ActionPanel>
+     *       }
+     *     >
+     *       <Form.DatePicker id="launchDate" title="Launch Date" value={date} onChange={setDate} />
      *     </Form>
      *   );
-     * };
+     * }
      * ```
      */
-    export interface Values {
-        /**
-         * The form value of a given item.
-         */
-        [item: string]: any;
-    }
+    DatePicker: typeof DatePicker;
     /**
-     * Props of the Form.Item React component.
+     * A form item with a simple text label.
+     *
+     * _Do **not** use this component to show validation messages for other form fields._
+     *
+     * @example
+     * Label
+     *
+     * ```typescript
+     * import { ActionPanel, Form, Action } from "@raycast/api";
+     *
+     * export default function Command() {
+     *   return (
+     *     <Form
+     *       actions={
+     *         <ActionPanel>
+     *           <Action.SubmitForm title="Submit" onSubmit={(values) => console.log(values)} />
+     *         </ActionPanel>
+     *       }
+     *     >
+     *       <Form.Description title="Import / Export" text="Exporting will back-up your preferences, quicklinks, snippets, floating notes, script-command folder paths, aliases, hotkeys, favorites and other data." />
+     *     </Form>
+     *   );
+     * }
+     * ```
      */
-    export interface ItemProps<Value extends Form.Value> {
-        /**
-         * ID of the form item.
-         * Make sure to assign each form item a unique id.
-         */
-        id: string;
-        /**
-         * The title displayed on the left side of the item.
-         */
-        title?: string;
-        /**
-         * Indicates whether the value of the item should be persisted after submitting, and restored next time the form is rendered.
-         */
-        storeValue?: boolean;
-        /**
-         * The current value of the item.
-         */
-        value?: Value;
-        /**
-         * The default value of the item.
-         * Keep in mind that `defaultValue` will be configured once per component lifecycle. This means that if a user changes the value, `defaultValue` won't be configured on re-rendering.
-         *
-         * If you're using {@link Form.Item.Props.storeValue} and configured it as `true` then the stored value will be set.
-         *
-         * If you configure {@link Form.Item.Props.value} at the same time with {@link Form.Item.Props.defaultValue}, the `value` will be set instead of `defaultValue`.
-         */
-        defaultValue?: Value;
-        /**
-         * The callback which will be triggered on the {@link Form.Item.Props.value} change for the item.
-         */
-        onChange?: (newValue: Value) => void;
-    }
-    export namespace TextField {
-        /**
-         * Props of the {@link Form.TextField} React component.
-         */
-        export interface Props extends Form.ItemProps<string> {
-            /**
-             * Placeholder text shown in the text field.
-             */
-            placeholder?: string;
-        }
-    }
-    export namespace TextArea {
-        /**
-         * Props of the {@link Form.TextArea} React component.
-         */
-        export interface Props extends Form.ItemProps<string> {
-            /**
-             * Placeholder text shown in the text area.
-             */
-            placeholder?: string;
-        }
-    }
-    export namespace Dropdown {
-        /**
-         * Props of the {@link Form.Dropdown} React component.
-         * The {@link Form.Dropdown.Props.value} here is ID ({@link Form.Dropdown.Item.Props.id}) of the default selected item.
-         */
-        export interface Props extends Form.ItemProps<string> {
-            /**
-             * Sections or items. If {@link Form.Dropdown.Item} elements are specified, a default section is automatically created.
-             */
-            children?: ReactNode;
-        }
-        export namespace Section {
-            /**
-             * Props of the {@link Form.Dropdown.Section} React component.
-             */
-            export interface Props {
-                /**
-                 * The item elements of the section.
-                 */
-                children?: ReactNode;
-                /**
-                 * Title displayed above the section
-                 */
-                title?: string;
-            }
-        }
-        export namespace Item {
-            /**
-             * Props of the {@link Form.Dropdown.Item} React component.
-             */
-            export interface Props {
-                /**
-                 * Value of the dropdown item.
-                 * Make sure to assign each unique value for each item.
-                 */
-                value: string;
-                /**
-                 * The title displayed for the item.
-                 */
-                title: string;
-                /**
-                 * A optional icon displayed for the item.
-                 */
-                icon?: Image.ImageLike;
-            }
-        }
-    }
-    export namespace Checkbox {
-        /**
-         * Props of the {@link Form.Checkbox} React component.
-         */
-        export interface Props extends Form.ItemProps<boolean> {
-            /**
-             * The label displayed on the right side of the checkbox.
-             */
-            label: string;
-        }
-    }
-    export namespace DatePicker {
-        /**
-         * Props of the {@link Form.DatePicker} React component.
-         */
-        export interface Props extends Form.ItemProps<Date> {
-            /**
-             * Indicates what types of date components can be picked
-             *
-             * Defaults to {@link Form.DatePicker.Type.DateTime}
-             */
-            type?: FormDatePickerType;
-        }
-    }
-    export namespace Separator {
-        /**
-         * Props of the {@link Form.Separator} React component.
-         */
-        export interface Props {
-        }
-    }
-    export namespace TagPicker {
-        /**
-         * Props of the {@link Form.TagPicker} React component.
-         * The {@link Form.TagPicker.Props.value} here is the IDs ({@link Form.TagPicker.Item.Props.id}) of the default selected items.
-         */
-        export interface Props extends Form.ItemProps<string[]> {
-            /**
-             * The list of tags.
-             */
-            children?: ReactNode;
-            /**
-             * Placeholder text shown in the token field.
-             */
-            placeholder?: string;
-        }
-        export namespace Item {
-            /**
-             * Props of the {@link Form.TagPicker.Item} React component.
-             */
-            export interface Props {
-                /**
-                 * Value of the tag.
-                 * Make sure to assign unique value for each item.
-                 */
-                value: string;
-                /**
-                 * The display title of the tag.
-                 */
-                title: string;
-                /**
-                 * An icon to show in the tag.
-                 */
-                icon?: Image.ImageLike;
-            }
-        }
-    }
-    export namespace PasswordField {
-        /**
-         * Props of the {@link Form.PasswordField} React component.
-         */
-        export interface Props extends Form.ItemProps<string> {
-            /**
-             * Placeholder text shown in the password field.
-             */
-            placeholder?: string;
-        }
-    }
-    export namespace Description {
-        /**
-         * Props of the {@link Form.Description} React component.
-         */
-        export interface Props {
-            /**
-             * The display title of the left side from the description item.
-             */
-            title?: string;
-            /**
-             * Text that will be displayed in the middle.
-             */
-            text: string;
-        }
-    }
-}
-
-/**
- * @deprecated Use `Form.Checkbox` instead.
- */
-export declare const FormCheckbox: typeof Form.Checkbox;
-
-/**
- * See {@link Form.Checkbox}
- */
-declare function FormCheckbox_2(props: Form.Checkbox.Props): ReactElement<Form.Checkbox.Props>;
-
-declare namespace FormCheckbox_2 {
-    var propTypes: {
-        id: PropTypes.Validator<string>;
-        title: PropTypes.Requireable<string>;
-        storeValue: PropTypes.Requireable<boolean>;
-        value: PropTypes.Requireable<boolean>;
-        defaultValue: PropTypes.Requireable<boolean>;
-        label: PropTypes.Requireable<string>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    var displayName: string;
-}
-
-/**
- * @deprecated Use `Form.Checkbox.Props` instead.
- */
-export declare interface FormCheckboxProps extends Form.Checkbox.Props {
-}
-
-/**
- * @deprecated Use `Form.DatePicker` instead.
- */
-export declare const FormDatePicker: typeof Form.DatePicker;
-
-/**
- * See {@link Form.DatePicker}
- */
-declare function FormDatePicker_2(props: Form.DatePicker.Props): ReactElement<Form.DatePicker.Props>;
-
-declare namespace FormDatePicker_2 {
-    var propTypes: {
-        id: PropTypes.Validator<string>;
-        title: PropTypes.Requireable<string>;
-        storeValue: PropTypes.Requireable<boolean>;
-        value: PropTypes.Requireable<Date>;
-        defaultValue: PropTypes.Requireable<Date>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    var displayName: string;
-}
-
-declare namespace FormDatePicker_2 {
+    Description: typeof Description;
     /**
-     * The types of date components the user can pick
-     * * `Date` – only year, month, and day can be picked
-     * * `DateTime` – hour and second can be picked in addition to year, month and day
+     * A form item with a dropdown menu.
+     *
+     * @example
+     * Uncontrolled dropdown
+     *
+     * ```typescript
+     * import { ActionPanel, Form, Action } from "@raycast/api";
+     *
+     * export default function Command() {
+     *   return (
+     *     <Form
+     *       actions={
+     *         <ActionPanel>
+     *           <Action.SubmitForm title="Submit Favorite" onSubmit={(values) => console.log(values)} />
+     *         </ActionPanel>
+     *       }
+     *     >
+     *       <Form.Dropdown id="emoji" title="Favorite Emoji" defaultValue="lol">
+     *         <Form.Dropdown.Item value="poop" title="Pile of poop" icon="💩" />
+     *         <Form.Dropdown.Item value="rocket" title="Rocket" icon="🚀" />
+     *         <Form.Dropdown.Item value="lol" title="Rolling on the floor laughing face" icon="🤣" />
+     *       </Form.Dropdown>
+     *     </Form>
+     *   );
+     * }
+     * ```
+     *
+     * @example
+     * Controlled dropdown
+     *
+     * ```typescript
+     * import { ActionPanel, Form, Action } from "@raycast/api";
+     * import { useState } from "react";
+     *
+     * export default function Command() {
+     *   const [programmingLanguage, setProgrammingLanguage] = useState<string>("typescript");
+     *
+     *   return (
+     *     <Form
+     *       actions={
+     *         <ActionPanel>
+     *           <Action.SubmitForm title="Submit Favorite" onSubmit={(values) => console.log(values)} />
+     *         </ActionPanel>
+     *       }
+     *     >
+     *       <Form.Dropdown
+     *         id="dropdown"
+     *         title="Favorite Language"
+     *         value={programmingLanguage}
+     *         onChange={setProgrammingLanguage}
+     *       >
+     *         <Form.Dropdown.Item value="cpp" title="C++" />
+     *         <Form.Dropdown.Item value="javascript" title="JavaScript" />
+     *         <Form.Dropdown.Item value="ruby" title="Ruby" />
+     *         <Form.Dropdown.Item value="python" title="Python" />
+     *         <Form.Dropdown.Item value="swift" title="Swift" />
+     *         <Form.Dropdown.Item value="typescript" title="TypeScript" />
+     *       </Form.Dropdown>
+     *     </Form>
+     *   );
+     * }
+     * ```
      */
-    const Type: typeof FormDatePickerType;
-}
-
-/**
- * @deprecated Use `Form.DatePicker.Props` instead.
- */
-export declare interface FormDatePickerProps extends Form.DatePicker.Props {
-}
-
-declare enum FormDatePickerType {
+    Dropdown: typeof Dropdown;
     /**
-     * Only year, month, and day can be picked
+     * A form item with a secure text field for password-entry in which the entered characters must be kept secret.
+     *
+     * @example
+     * Uncontrolled password field
+     *
+     * ```typescript
+     * import { ActionPanel, Form, Action } from "@raycast/api";
+     *
+     * export default function Command() {
+     *   return (
+     *     <Form
+     *       actions={
+     *         <ActionPanel>
+     *           <Action.SubmitFormAction title="Submit Password" onSubmit={(values) => console.log(values)} />
+     *         </ActionPanel>
+     *       }
+     *     >
+     *       <Form.PasswordField id="password" title="Enter Password" />
+     *     </Form>
+     *   );
+     * }
+     * ```
+     *
+     * @example
+     * Controlled password field
+     *
+     * ```typescript
+     * import { ActionPanel, Form, Action } from "@raycast/api";
+     * import { useState } from "react";
+     *
+     * export default function Command() {
+     *   const [password, setPassword] = useState<string>();
+     *
+     *   return (
+     *     <Form
+     *       actions={
+     *         <ActionPanel>
+     *           <Action.SubmitForm title="Submit Password" onSubmit={(values) => console.log(values)} />
+     *         </ActionPanel>
+     *       }
+     *     >
+     *       <Form.PasswordField id="password" value={password} onChange={setPassword} />
+     *     </Form>
+     *   );
+     * }
+     * ```
      */
-    Date = "date",
+    PasswordField: typeof PasswordField;
     /**
-     * hour and second can be picked in addition to year, month and day
+     * A form item that shows a separator line.
+     * Use for grouping and visually separating form items.
+     *
+     * @example
+     * ```typescript
+     * import { ActionPanel, Form, Action } from "@raycast/api";
+     *
+     * export default function Command() {
+     *   return (
+     *     <Form
+     *       actions={
+     *         <ActionPanel>
+     *           <Action.SubmitForm title="Submit Form" onSubmit={(values) => console.log(values)} />
+     *         </ActionPanel>
+     *       }
+     *     >
+     *       <Form.TextField id="textfield" />
+     *       <Form.Separator />
+     *       <Form.TextArea id="textarea" />
+     *     </Form>
+     *   );
+     * }
+     * ```
      */
-    DateTime = "date_time"
-}
-
-/**
- * See {@link Form.Description}
- */
-declare function FormDescription(props: Form.Description.Props): ReactElement<Form.Description.Props>;
-
-declare namespace FormDescription {
-    var propTypes: {
-        text: PropTypes.Requireable<string>;
-    };
-    var displayName: string;
-}
-
-/**
- * @deprecated Use `Form.Dropdown` instead.
- */
-export declare const FormDropdown: typeof Form.Dropdown;
-
-/**
- * See {@link Form.Dropdown}
- */
-declare function FormDropdown_2(props: Form.Dropdown.Props): ReactElement<Form.Dropdown.Props>;
-
-declare namespace FormDropdown_2 {
-    var propTypes: {
-        id: PropTypes.Validator<string>;
-        title: PropTypes.Requireable<string>;
-        storeValue: PropTypes.Requireable<boolean>;
-        value: PropTypes.Requireable<string>;
-        defaultValue: PropTypes.Requireable<string>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    var displayName: string;
-}
-
-declare namespace FormDropdown_2 {
+    Separator: typeof Separator;
+    /**
+     * A form item with a tag picker that allows the user to select multiple items.
+     *
+     * @example
+     * Uncontrolled tag picker
+     *
+     * ```typescript
+     * import { ActionPanel, Form, Action } from "@raycast/api";
+     *
+     * export default function Command() {
+     *   return (
+     *     <Form
+     *       actions={
+     *         <ActionPanel>
+     *           <Action.SubmitForm title="Submit Favorite" onSubmit={(values) => console.log(values)} />
+     *         </ActionPanel>
+     *       }
+     *     >
+     *       <Form.TagPicker id="sports" title="Favorite Sports" defaultValue={["football"]}>
+     *         <Form.TagPicker.Item value="basketball" title="Basketball" icon="🏀" />
+     *         <Form.TagPicker.Item value="football" title="Football" icon="⚽️" />
+     *         <Form.TagPicker.Item value="tennis" title="Tennis" icon="🎾" />
+     *       </Form.TagPicker>
+     *     </Form>
+     *   );
+     * }
+     * ```
+     *
+     * @example
+     * Controlled tag picker
+     *
+     * ```typescript
+     * import { ActionPanel, Form, Action } from "@raycast/api";
+     * import { useState } from "react";
+     *
+     * export default function Command() {
+     *   const [countries, setCountries] = useState<string[]>(["ger", "ned", "pol"]);
+     *
+     *   return (
+     *     <Form
+     *       actions={
+     *         <ActionPanel>
+     *           <Action.SubmitForm title="Submit Countries" onSubmit={(values) => console.log(values)} />
+     *         </ActionPanel>
+     *       }
+     *     >
+     *       <Form.TagPicker id="countries" title="Visited Countries" value={countries} onChange={setCountries}>
+     *         <Form.TagPicker.Item value="ger" title="Germany" icon="🇩🇪" />
+     *         <Form.TagPicker.Item value="ind" title="India" icon="🇮🇳" />
+     *         <Form.TagPicker.Item value="ned" title="Netherlands" icon="🇳🇱" />
+     *         <Form.TagPicker.Item value="nor" title="Norway" icon="🇳🇴" />
+     *         <Form.TagPicker.Item value="pol" title="Poland" icon="🇵🇱" />
+     *         <Form.TagPicker.Item value="rus" title="Russia" icon="🇷🇺" />
+     *         <Form.TagPicker.Item value="sco" title="Scotland" icon="🏴󠁧󠁢󠁳󠁣󠁴󠁿" />
+     *       </Form.TagPicker>
+     *     </Form>
+     *   );
+     * }
+     * ```
+     */
+    TagPicker: typeof TagPicker;
     /**
-     * Visually separated group of dropdown items.
+     * A form item with a text area for input.
+     * The item supports multiline text entry.
      *
-     * @remarks
-     * Use sections to group related menu items together.
+     * @example
+     * Uncontrolled text area
+     *
+     * ```typescript
+     * import { ActionPanel, Form, Action } from "@raycast/api";
+     *
+     * const DESCRIPTION =
+     *   "We spend too much time staring at loading indicators. The Raycast team is dedicated to make everybody interact faster with their computers.";
+     *
+     * export default function Command() {
+     *   return (
+     *     <Form
+     *       actions={
+     *         <ActionPanel>
+     *           <Action.SubmitForm title="Submit Description" onSubmit={(values) => console.log(values)} />
+     *         </ActionPanel>
+     *       }
+     *     >
+     *       <Form.TextArea id="description" defaultValue={DESCRIPTION} />
+     *     </Form>
+     *   );
+     * }
+     * ```
      *
      * @example
+     * Controlled text area
+     *
      * ```typescript
      * import { ActionPanel, Form, Action } from "@raycast/api";
+     * import { useState } from "react";
      *
      * export default function Command() {
+     *   const [description, setDescription] = useState<string>();
+     *
      *   return (
      *     <Form
      *       actions={
      *         <ActionPanel>
-     *           <Action.SubmitForm title="Submit Favorite" onSubmit={(values) => console.log(values)} />
+     *           <Action.SubmitForm title="Submit Description" onSubmit={(values) => console.log(values)} />
      *         </ActionPanel>
      *       }
      *     >
-     *       <Form.Dropdown id="food" title="Favorite Food">
-     *         <Form.Dropdown.Section title="Fruits">
-     *           <Form.Dropdown.Item value="apple" title="Apple" icon="🍎" />
-     *           <Form.Dropdown.Item value="banana" title="Banana" icon="🍌" />
-     *         </Form.Dropdown.Section>
-     *         <Form.Dropdown.Section title="Vegetables">
-     *           <Form.Dropdown.Item value="broccoli" title="Broccoli" icon="🥦" />
-     *           <Form.Dropdown.Item value="carrot" title="Carrot" icon="🥕" />
-     *         </Form.Dropdown.Section>
-     *       </Form.Dropdown>
+     *       <Form.TextArea id="description" value={description} onChange={setDescription} />
      *     </Form>
      *   );
      * }
      * ```
      */
-    const Section: typeof FormDropdownSection_2;
+    TextArea: typeof TextArea;
     /**
-     * A dropdown item in a {@link Form.Dropdown}
+     * A form item with a text field for input.
      *
      * @example
+     * Uncontrolled text field
+     *
      * ```typescript
      * import { ActionPanel, Form, Action } from "@raycast/api";
      *
@@ -2511,310 +2958,171 @@ declare namespace FormDropdown_2 {
      *     <Form
      *       actions={
      *         <ActionPanel>
-     *           <Action.SubmitForm title="Submit Icon" onSubmit={(values) => console.log(values)} />
+     *           <Action.SubmitForm title="Submit Name" onSubmit={(values) => console.log(values)} />
      *         </ActionPanel>
      *       }
      *     >
-     *       <Form.Dropdown id="icon" title="Icon">
-     *         <Form.Dropdown.Item value="circle" title="Cirlce" icon={Icon.Circle} />
-     *       </Form.Dropdown>
+     *       <Form.TextField id="name" defaultValue="Steve" />
      *     </Form>
      *   );
      * }
      * ```
-     */
-    const Item: typeof FormDropdownItem_2;
-}
-
-/**
- * @deprecated Use `Form.Dropdown.Item` instead.
- */
-export declare const FormDropdownItem: typeof Form.Dropdown.Item;
-
-/**
- * See {@link Form.Dropdown.Item}
- */
-declare function FormDropdownItem_2(props: Form.Dropdown.Item.Props): ReactElement<Form.Dropdown.Item.Props>;
-
-declare namespace FormDropdownItem_2 {
-    var propTypes: {
-        value: PropTypes.Requireable<string>;
-        title: PropTypes.Validator<string>;
-        icon: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
-            fileIcon: PropTypes.Validator<string>;
-        }>> | PropTypes.InferProps<{
-            source: PropTypes.Requireable<string | PropTypes.InferProps<{
-                light: PropTypes.Validator<string>;
-                dark: PropTypes.Validator<string>;
-            }>>;
-            fallback: PropTypes.Requireable<string | PropTypes.InferProps<{
-                light: PropTypes.Validator<string>;
-                dark: PropTypes.Validator<string>;
-            }>>;
-            mask: PropTypes.Requireable<Image.Mask>;
-            tintColor: PropTypes.Requireable<string | PropTypes.InferProps<{
-                light: PropTypes.Validator<string>;
-                dark: PropTypes.Validator<string>;
-                adjustContrast: PropTypes.Requireable<boolean>;
-            }>>;
-        }>>;
-    };
-    var displayName: string;
-}
-
-/**
- * @deprecated Use `Form.Dropdown.Item.Props` instead.
- */
-export declare interface FormDropdownItemProps extends Form.Dropdown.Item.Props {
-}
-
-/**
- * @deprecated Use `Form.Dropdown.Props` instead.
- */
-export declare interface FormDropdownProps extends Form.Dropdown.Props {
-}
-
-/**
- * @deprecated Use `Form.Dropdown.Section` instead.
- */
-export declare const FormDropdownSection: typeof Form.Dropdown.Section;
-
-/**
- * See {@link Form.Dropdown.Section}
- */
-declare function FormDropdownSection_2(props: Form.Dropdown.Section.Props): ReactElement<Form.Dropdown.Section.Props>;
-
-declare namespace FormDropdownSection_2 {
-    var propTypes: {
-        title: PropTypes.Requireable<string>;
-    };
-    var displayName: string;
-}
-
-/**
- * @deprecated Use `Form.Dropdown.Section.Props` instead.
- */
-export declare interface FormDropdownSectionProps extends Form.Dropdown.Section.Props {
-}
-
-/**
- * @deprecated Use `Form.ItemProps` instead.
- */
-export declare interface FormItemProps<Value extends Form.Value> extends Form.ItemProps<Value> {
-}
-
-/**
- * See {@link Form.PasswordField}
- */
-declare function FormPasswordField(props: Form.PasswordField.Props): ReactElement<Form.PasswordField.Props>;
-
-declare namespace FormPasswordField {
-    var propTypes: {
-        id: PropTypes.Validator<string>;
-        title: PropTypes.Requireable<string>;
-        storeValue: PropTypes.Requireable<boolean>;
-        value: PropTypes.Requireable<string>;
-        defaultValue: PropTypes.Requireable<string>;
-        placeholder: PropTypes.Requireable<string>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    var displayName: string;
-}
-
-/**
- * @deprecated Use `Form.Props` instead.
- */
-export declare interface FormProps extends Form.Props {
-}
-
-/**
- * @deprecated Use `Form.Separator` instead.
- */
-export declare const FormSeparator: typeof Form.Separator;
-
-/**
- * See {@link Form.Separator}
- */
-declare function FormSeparator_2(): ReactElement<Form.Separator.Props>;
-
-declare namespace FormSeparator_2 {
-    var displayName: string;
-}
-
-/**
- * @deprecated Use `Form.Separator.Props` instead.
- */
-export declare interface FormSeparatorProps extends Form.Separator.Props {
-}
-
-/**
- * @deprecated Use `Form.TagPicker` instead.
- */
-export declare const FormTagPicker: typeof Form.TagPicker;
-
-/**
- * See {@link Form.TagPicker}
- */
-declare function FormTagPicker_2(props: Form.TagPicker.Props): ReactElement<Form.TagPicker.Props>;
-
-declare namespace FormTagPicker_2 {
-    var propTypes: {
-        id: PropTypes.Validator<string>;
-        title: PropTypes.Requireable<string>;
-        storeValue: PropTypes.Requireable<boolean>;
-        placeholder: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<string[]>;
-        defaultValue: PropTypes.Requireable<string[]>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    var displayName: string;
-}
-
-declare namespace FormTagPicker_2 {
-    /**
-     * A tag picker item in a {@link Form.TagPicker}.
      *
      * @example
+     * Controlled text field
+     *
      * ```typescript
-     * import { ActionPanel, Color, Form, Icon, Action } from "@raycast/api";
+     * import { ActionPanel, Form, Action } from "@raycast/api";
+     * import { useState } from "react";
      *
      * export default function Command() {
+     *   const [name, setName] = useState<string>();
+     *
      *   return (
      *     <Form
      *       actions={
      *         <ActionPanel>
-     *           <Action.SubmitForm title="Submit Color" onSubmit={(values) => console.log(values)} />
+     *           <Action.SubmitForm title="Submit Name" onSubmit={(values) => console.log(values)} />
      *         </ActionPanel>
      *       }
      *     >
-     *       <Form.TagPicker id="color" title="Color">
-     *         <Form.TagPicker.Item value="red" title="Red" icon={{ source: Icon.Circle, tintColor: Color.Red }} />
-     *         <Form.TagPicker.Item value="green" title="Green" icon={{ source: Icon.Circle, tintColor: Color.Green }} />
-     *         <Form.TagPicker.Item value="blue" title="Blue" icon={{ source: Icon.Circle, tintColor: Color.Blue }} />
-     *       </Form.TagPicker>
+     *       <Form.TextField id="name" value={name} onChange={setName} />
      *     </Form>
      *   );
      * }
      * ```
      */
-    const Item: typeof FormTagPickerItem_2;
+    TextField: typeof TextField;
 }
 
 /**
- * @deprecated Use `Form.TagPicker.Item` instead.
+ * @deprecated Use {@link Form.Props} instead.
  */
-export declare const FormTagPickerItem: typeof Form.TagPicker.Item;
+export declare interface FormProps extends Form.Props {
+}
 
 /**
- * See {@link Form.TagPicker.Item}
+ * Props of the {@link Form} React component.
  */
-declare function FormTagPickerItem_2(props: Form.TagPicker.Item.Props): ReactElement<Form.TagPicker.Item.Props>;
-
-declare namespace FormTagPickerItem_2 {
-    var propTypes: {
-        value: PropTypes.Validator<string>;
-        title: PropTypes.Validator<string>;
-        icon: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
-            fileIcon: PropTypes.Validator<string>;
-        }>> | PropTypes.InferProps<{
-            source: PropTypes.Requireable<string | PropTypes.InferProps<{
-                light: PropTypes.Validator<string>;
-                dark: PropTypes.Validator<string>;
-            }>>;
-            fallback: PropTypes.Requireable<string | PropTypes.InferProps<{
-                light: PropTypes.Validator<string>;
-                dark: PropTypes.Validator<string>;
-            }>>;
-            mask: PropTypes.Requireable<Image.Mask>;
-            tintColor: PropTypes.Requireable<string | PropTypes.InferProps<{
-                light: PropTypes.Validator<string>;
-                dark: PropTypes.Validator<string>;
-                adjustContrast: PropTypes.Requireable<boolean>;
-            }>>;
-        }>>;
-    };
-    var displayName: string;
+declare interface FormProps_2 extends ActionsInterface, NavigationChildInterface {
+    /**
+     * The Form.Item elements of the form.
+     */
+    children?: ReactNode;
 }
 
 /**
- * @deprecated Use `Form.TagPicker.Item.Props` instead.
+ * @deprecated Use {@link Form.Separator} instead.
  */
-export declare interface FormTagPickerItemProps extends Form.TagPicker.Item.Props {
-}
+export declare const FormSeparator: typeof Form.Separator;
 
 /**
- * @deprecated Use `Form.TagPicker.Props` instead.
+ * @deprecated Use {@link Form.Separator.Props} instead.
  */
-export declare interface FormTagPickerProps extends Form.TagPicker.Props {
+export declare interface FormSeparatorProps extends Form.Separator.Props {
 }
 
 /**
- * @deprecated Use `Form.TextArea` instead.
+ * @deprecated Use {@link Form.TagPicker} instead.
  */
-export declare const FormTextArea: typeof Form.TextArea;
+export declare const FormTagPicker: typeof Form.TagPicker;
 
 /**
- * See {@link Form.TextArea}
+ * @deprecated Use {@link Form.TagPicker.Item} instead.
  */
-declare function FormTextArea_2(props: Form.TextArea.Props): ReactElement<Form.TextArea.Props>;
+export declare const FormTagPickerItem: typeof Form.TagPicker.Item;
 
-declare namespace FormTextArea_2 {
-    var propTypes: {
-        id: PropTypes.Validator<string>;
-        title: PropTypes.Requireable<string>;
-        storeValue: PropTypes.Requireable<boolean>;
-        value: PropTypes.Requireable<string>;
-        defaultValue: PropTypes.Requireable<string>;
-        placeholder: PropTypes.Requireable<string>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    var displayName: string;
+/**
+ * @deprecated Use {@link Form.TagPicker.Item.Props} instead.
+ */
+export declare interface FormTagPickerItemProps extends Form.TagPicker.Item.Props {
 }
 
 /**
- * @deprecated Use `Form.TextArea.Props` instead.
+ * @deprecated Use {@link Form.TagPicker.Props} instead.
  */
-export declare interface FormTextAreaProps extends Form.TextArea.Props {
+export declare interface FormTagPickerProps extends Form.TagPicker.Props {
 }
 
 /**
- * @deprecated Use `Form.TextField` instead.
+ * @deprecated Use {@link Form.TextArea} instead.
  */
-export declare const FormTextField: typeof Form.TextField;
+export declare const FormTextArea: typeof Form.TextArea;
 
 /**
- * See {@link Form.TextField}
+ * @deprecated Use {@link Form.TextArea.Props} instead.
  */
-declare function FormTextField_2(props: Form.TextField.Props): ReactElement<Form.TextField.Props>;
-
-declare namespace FormTextField_2 {
-    var propTypes: {
-        id: PropTypes.Validator<string>;
-        title: PropTypes.Requireable<string>;
-        storeValue: PropTypes.Requireable<boolean>;
-        value: PropTypes.Requireable<string>;
-        defaultValue: PropTypes.Requireable<string>;
-        placeholder: PropTypes.Requireable<string>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    var displayName: string;
+export declare interface FormTextAreaProps extends Form.TextArea.Props {
 }
 
 /**
- * @deprecated Use `Form.TextField.Props` instead.
+ * @deprecated Use {@link Form.TextField} instead.
+ */
+export declare const FormTextField: typeof Form.TextField;
+
+/**
+ * @deprecated Use {@link Form.TextField.Props} instead.
  */
 export declare interface FormTextFieldProps extends Form.TextField.Props {
 }
 
 /**
- * @deprecated Use `Form.Value` instead.
+ * @deprecated Use {@link Form.Value} instead.
  */
 export declare type FormValue = Form.Value;
 
 /**
- * @deprecated Use `Form.Values` instead.
+ * A possible form item value that will be used as an input for the submit callback of a form.
+ */
+declare type FormValue_2 = string | number | boolean | string[] | number[] | Date | null;
+
+/**
+ * @deprecated Use {@link Form.Values} instead.
+ */
+export declare interface FormValues extends Form.Values {
+}
+
+/**
+ * Values of items in the form.
+ *
+ * @remarks
+ * For type-safe form values, you can define your own interface. Use the ID's of the form items
+ * as the property names. See the example for more details.
+ *
+ * @example
+ * ```typescript
+ * import { Form, Action } from "@raycast/api";
+ *
+ * interface Values {
+ *   todo: string;
+ *   due?: Date;
+ * }
+ *
+ * export default function Command() {
+ *   function handleSubmit(values: Values) {
+ *     console.log(values);
+ *   }
+ *
+ *   return (
+ *     <Form
+ *        actions={
+ *          <ActionPanel>
+ *            <Action.SubmitForm title="Submit" onSubmit={handleSubmit} />
+ *          </ActionPanel>
+ *        }
+ *     >
+ *       <Form.TextField id="todo" title="Todo" />
+ *       <Form.DatePicker id="due" title="Due Date" />
+ *     </Form>
+ *   );
+ * };
+ * ```
  */
-export declare interface FormValues extends Form.Values {
+declare interface FormValues_2 {
+    /**
+     * The form value of a given item.
+     */
+    [item: string]: any;
 }
 
 /**
@@ -2855,7 +3163,7 @@ export declare function getApplications(path?: PathLike): Promise<Application[]>
 export declare function getDefaultApplication(path: PathLike): Promise<Application>;
 
 /**
- * @deprecated Use `LocalStorage.getItem` instead
+ * @deprecated Use {@link LocalStorage.getItem} instead
  */
 export declare const getLocalStorageItem: typeof LocalStorage.getItem;
 
@@ -3036,15 +3344,15 @@ export declare interface Image {
     /**
      * {@link Image.Fallback} image, in case `source` can't be loaded.
      */
-    fallback?: Image.Fallback;
+    fallback?: Image.Fallback | undefined | null;
     /**
      * A {@link Image.Mask} to apply to the image.
      */
-    mask?: Image.Mask;
+    mask?: Image.Mask | undefined | null;
     /**
      * A {@link Color.ColorLike} to tint all the non-transparent pixels of the image.
      */
-    tintColor?: Color.ColorLike;
+    tintColor?: Color.ColorLike | undefined | null;
 }
 
 export declare namespace Image {
@@ -3170,22 +3478,22 @@ export declare namespace Image {
 }
 
 /**
- * @deprecated Use `Image.ImageLike` instead
+ * @deprecated Use {@link Image.ImageLike} instead
  */
 export declare type ImageLike = Image.ImageLike;
 
 /**
- * @deprecated Use `Image.Mask` instead
+ * @deprecated Use {@link Image.Mask} instead
  */
 export declare type ImageMask = Image.Mask;
 
 /**
- * @deprecated Use `Image.Mask` instead
+ * @deprecated Use {@link Image.Mask} instead
  */
 export declare const ImageMask: typeof Image.Mask;
 
 /**
- * @deprecated Use `Image.Source` instead
+ * @deprecated Use {@link Image.Source} instead
  */
 export declare type ImageSource = Image.Source;
 
@@ -3249,18 +3557,18 @@ export declare namespace Keyboard {
 }
 
 /**
- * @deprecated Use `Keyboard.Shortcut` instead
+ * @deprecated Use {@link Keyboard.Shortcut} instead
  */
 export declare interface KeyboardShortcut extends Keyboard.Shortcut {
 }
 
 /**
- * @deprecated Use `Keyboard.KeyEquivalent` instead
+ * @deprecated Use {@link Keyboard.KeyEquivalent} instead
  */
 export declare type KeyEquivalent = Keyboard.KeyEquivalent;
 
 /**
- * @deprecated Use `Keyboard.KeyModifier` instead
+ * @deprecated Use {@link Keyboard.KeyModifier} instead
  */
 export declare type KeyModifier = Keyboard.KeyModifier;
 
@@ -3286,7 +3594,7 @@ export declare type KeyModifier = Keyboard.KeyModifier;
  *     >
  *       <List.Dropdown.Section title="Alcoholic Beverages">
  *         {drinkTypes.map((drinkType) => (
- *           <List.Dropdown.Item key={drinkType.id} title={drinkType.name} value={drinkType.id} />
+ *           <List.Dropdown.Item key={drinkType.id} title={{ value: drinkType.name, tooltip: drinkType.definition }} value={drinkType.id} />
  *         ))}
  *       </List.Dropdown.Section>
  *     </List.Dropdown>
@@ -3294,7 +3602,9 @@ export declare type KeyModifier = Keyboard.KeyModifier;
  * }
  *
  * export default function Command() {
- *   const drinkTypes = [{ id: 1, name: 'Beer' }, { id: 2, name: 'Wine' }];
+ *   const drinkTypes = [
+ *     { id: 1, name: 'Beer', definition: "an alcoholic drink made from yeast-fermented malt flavoured with hops" },
+ *     { id: 2, name: 'Wine', definition: "an alcoholic drink made from fermented grape juice" }];
  *   const onDrinkTypeChange = (newValue) => {
  *     console.log(newValue);
  *   }
@@ -3579,7 +3889,7 @@ export declare namespace List {
              */
             icon?: Image.ImageLike;
             /**
-             * An optional tooltip, shown when the accessory is hovered.
+             * An optional tooltip shown when the accessory is hovered.
              */
             tooltip?: string;
         }
@@ -3634,7 +3944,7 @@ export declare namespace List {
              * An {@link ActionPanel} that will be updated for the selected list item.
              */
             actions?: ReactNode | null;
-            /* Excluded from this release type: onSelect */
+
             /**
              * The `List.Item.Detail` to be rendered in the right side area when the parent List is showing details and the item is selected.
              */
@@ -3848,22 +4158,22 @@ declare namespace ListDropdownItem {
         title: PropTypes.Validator<string>;
         icon: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
             fileIcon: PropTypes.Validator<string>;
-        }>> | PropTypes.InferProps<{
-            source: PropTypes.Requireable<string | PropTypes.InferProps<{
+        }>> | Required<PropTypes.InferProps<{
+            source: PropTypes.Validator<string | Required<PropTypes.InferProps<{
                 light: PropTypes.Validator<string>;
                 dark: PropTypes.Validator<string>;
-            }>>;
-            fallback: PropTypes.Requireable<string | PropTypes.InferProps<{
+            }>>>;
+            fallback: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
                 light: PropTypes.Validator<string>;
                 dark: PropTypes.Validator<string>;
-            }>>;
+            }>>>;
             mask: PropTypes.Requireable<Image.Mask>;
-            tintColor: PropTypes.Requireable<string | PropTypes.InferProps<{
+            tintColor: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
                 light: PropTypes.Validator<string>;
                 dark: PropTypes.Validator<string>;
                 adjustContrast: PropTypes.Requireable<boolean>;
-            }>>;
-        }>>;
+            }>>>;
+        }>>>;
     };
     var displayName: string;
 }
@@ -3887,22 +4197,22 @@ declare namespace ListEmptyView {
         id: PropTypes.Requireable<string>;
         icon: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
             fileIcon: PropTypes.Validator<string>;
-        }>> | PropTypes.InferProps<{
-            source: PropTypes.Requireable<string | PropTypes.InferProps<{
+        }>> | Required<PropTypes.InferProps<{
+            source: PropTypes.Validator<string | Required<PropTypes.InferProps<{
                 light: PropTypes.Validator<string>;
                 dark: PropTypes.Validator<string>;
-            }>>;
-            fallback: PropTypes.Requireable<string | PropTypes.InferProps<{
+            }>>>;
+            fallback: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
                 light: PropTypes.Validator<string>;
                 dark: PropTypes.Validator<string>;
-            }>>;
+            }>>>;
             mask: PropTypes.Requireable<Image.Mask>;
-            tintColor: PropTypes.Requireable<string | PropTypes.InferProps<{
+            tintColor: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
                 light: PropTypes.Validator<string>;
                 dark: PropTypes.Validator<string>;
                 adjustContrast: PropTypes.Requireable<boolean>;
-            }>>;
-        }>>;
+            }>>>;
+        }>>>;
         title: PropTypes.Requireable<string>;
         description: PropTypes.Requireable<string>;
         actions: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -3911,7 +4221,7 @@ declare namespace ListEmptyView {
 }
 
 /**
- * @deprecated Use `List.item` instead.
+ * @deprecated Use {@link List.item} instead.
  */
 export declare const ListItem: typeof List.Item;
 
@@ -3934,81 +4244,81 @@ declare namespace ListItem_2 {
         keywords: PropTypes.Requireable<string[]>;
         icon: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
             fileIcon: PropTypes.Validator<string>;
-        }>> | PropTypes.InferProps<{
-            source: PropTypes.Requireable<string | PropTypes.InferProps<{
+        }>> | Required<PropTypes.InferProps<{
+            source: PropTypes.Validator<string | Required<PropTypes.InferProps<{
                 light: PropTypes.Validator<string>;
                 dark: PropTypes.Validator<string>;
-            }>>;
-            fallback: PropTypes.Requireable<string | PropTypes.InferProps<{
+            }>>>;
+            fallback: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
                 light: PropTypes.Validator<string>;
                 dark: PropTypes.Validator<string>;
-            }>>;
+            }>>>;
             mask: PropTypes.Requireable<Image.Mask>;
-            tintColor: PropTypes.Requireable<string | PropTypes.InferProps<{
+            tintColor: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
                 light: PropTypes.Validator<string>;
                 dark: PropTypes.Validator<string>;
                 adjustContrast: PropTypes.Requireable<boolean>;
-            }>>;
-        }> | Required<PropTypes.InferProps<{
+            }>>>;
+        }>> | Required<PropTypes.InferProps<{
             value: PropTypes.Validator<string | Required<PropTypes.InferProps<{
                 fileIcon: PropTypes.Validator<string>;
-            }>> | PropTypes.InferProps<{
-                source: PropTypes.Requireable<string | PropTypes.InferProps<{
+            }>> | Required<PropTypes.InferProps<{
+                source: PropTypes.Validator<string | Required<PropTypes.InferProps<{
                     light: PropTypes.Validator<string>;
                     dark: PropTypes.Validator<string>;
-                }>>;
-                fallback: PropTypes.Requireable<string | PropTypes.InferProps<{
+                }>>>;
+                fallback: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
                     light: PropTypes.Validator<string>;
                     dark: PropTypes.Validator<string>;
-                }>>;
+                }>>>;
                 mask: PropTypes.Requireable<Image.Mask>;
-                tintColor: PropTypes.Requireable<string | PropTypes.InferProps<{
+                tintColor: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
                     light: PropTypes.Validator<string>;
                     dark: PropTypes.Validator<string>;
                     adjustContrast: PropTypes.Requireable<boolean>;
-                }>>;
-            }>>;
+                }>>>;
+            }>>>;
             tooltip: PropTypes.Validator<string>;
         }>>>;
         accessoryTitle: PropTypes.Requireable<string>;
         accessoryIcon: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
             fileIcon: PropTypes.Validator<string>;
-        }>> | PropTypes.InferProps<{
-            source: PropTypes.Requireable<string | PropTypes.InferProps<{
+        }>> | Required<PropTypes.InferProps<{
+            source: PropTypes.Validator<string | Required<PropTypes.InferProps<{
                 light: PropTypes.Validator<string>;
                 dark: PropTypes.Validator<string>;
-            }>>;
-            fallback: PropTypes.Requireable<string | PropTypes.InferProps<{
+            }>>>;
+            fallback: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
                 light: PropTypes.Validator<string>;
                 dark: PropTypes.Validator<string>;
-            }>>;
+            }>>>;
             mask: PropTypes.Requireable<Image.Mask>;
-            tintColor: PropTypes.Requireable<string | PropTypes.InferProps<{
+            tintColor: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
                 light: PropTypes.Validator<string>;
                 dark: PropTypes.Validator<string>;
                 adjustContrast: PropTypes.Requireable<boolean>;
-            }>>;
-        }>>;
+            }>>>;
+        }>>>;
         accessories: PropTypes.Requireable<Required<PropTypes.InferProps<{
             text: PropTypes.Requireable<string>;
             icon: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
                 fileIcon: PropTypes.Validator<string>;
-            }>> | PropTypes.InferProps<{
-                source: PropTypes.Requireable<string | PropTypes.InferProps<{
+            }>> | Required<PropTypes.InferProps<{
+                source: PropTypes.Validator<string | Required<PropTypes.InferProps<{
                     light: PropTypes.Validator<string>;
                     dark: PropTypes.Validator<string>;
-                }>>;
-                fallback: PropTypes.Requireable<string | PropTypes.InferProps<{
+                }>>>;
+                fallback: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
                     light: PropTypes.Validator<string>;
                     dark: PropTypes.Validator<string>;
-                }>>;
+                }>>>;
                 mask: PropTypes.Requireable<Image.Mask>;
-                tintColor: PropTypes.Requireable<string | PropTypes.InferProps<{
+                tintColor: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
                     light: PropTypes.Validator<string>;
                     dark: PropTypes.Validator<string>;
                     adjustContrast: PropTypes.Requireable<boolean>;
-                }>>;
-            }>>;
+                }>>>;
+            }>>>;
             tooltip: PropTypes.Requireable<string>;
         }>>[]>;
     };
@@ -4053,19 +4363,19 @@ declare namespace ListItemDetail {
 }
 
 /**
- * @deprecated Use `List.Item.Props` instead.
+ * @deprecated Use {@link List.Item.Props} instead.
  */
 export declare interface ListItemProps extends List.Item.Props {
 }
 
 /**
- * @deprecated Use `List.Props` instead.
+ * @deprecated Use {@link List.Props} instead.
  */
 export declare interface ListProps extends List.Props {
 }
 
 /**
- * @deprecated Use `List.Section` instead.
+ * @deprecated Use {@link List.Section} instead.
  */
 export declare const ListSection: typeof List.Section;
 
@@ -4084,7 +4394,7 @@ declare namespace ListSection_2 {
 }
 
 /**
- * @deprecated Use `List.Section.Props` instead.
+ * @deprecated Use {@link List.Section.Props} instead.
  */
 export declare interface ListSectionProps extends List.Section.Props {
 }
@@ -4210,12 +4520,12 @@ export declare namespace LocalStorage {
 }
 
 /**
- * @deprecated Use `LocalStorage.Value` instead
+ * @deprecated Use {@link LocalStorage.Value} instead
  */
 export declare type LocalStorageValue = LocalStorage.Value;
 
 /**
- * @deprecated Use `LocalStorage.Values` instead
+ * @deprecated Use {@link LocalStorage.Values} instead
  */
 export declare interface LocalStorageValues extends LocalStorage.Values {
 }
@@ -4255,7 +4565,301 @@ declare interface NavigationChildInterface {
     isLoading?: boolean;
 }
 
-/* Excluded from this release type: OAuth */
+export declare namespace OAuth {
+    export namespace PKCEClient {
+        /**
+         * The options for creating a new {@link PKCEClient}.
+         */
+        export interface Options {
+            /**
+             * The redirect method for the OAuth flow.
+             * Make sure to set this to the correct method for the provider, see {@link RedirectMethod} for more information.
+             */
+            redirectMethod: RedirectMethod;
+            /**
+             * The name of the provider, displayed in the OAuth overlay.
+             */
+            providerName: string;
+            /**
+             * An icon referenced from the assets folder, displayed in the OAuth overlay.
+             * Make sure to provide at least a size of 64x64 pixels.
+             */
+            providerIcon: string;
+            /**
+             * An optional ID for associating the client with a provider.
+             * Only set this if you use multiple different clients in your extension.
+             */
+            providerId?: string;
+            /**
+             * An optional description, shown in the OAuth overlay.
+             * You can use this to customize the message for the end user, for example for handling scope changes or other migrations.
+             * Raycast shows a default message if this is not configured.
+             */
+            description?: string;
+        }
+    }
+    /**
+     * A client for the [OAuth PKCE extension](https://datatracker.ietf.org/doc/html/rfc7636).
+     *
+     * @example
+     * ```typescript
+     * import { OAuth } from "@raycast/api";
+     *
+     * const client = new OAuth.PKCEClient({
+     *   redirectMethod: OAuth.RedirectMethod.Web,
+     *   providerName: "Twitter",
+     *   providerIcon: "twitter-logo.png",
+     *   description: "Connect your Twitter account...",
+     * });
+     * ```
+     */
+    export class PKCEClient {
+        redirectMethod: RedirectMethod;
+        providerName: string;
+        providerIcon: string;
+        providerId?: string;
+        description?: string;
+        private resolvesOnRedirect?;
+        constructor(options: PKCEClient.Options);
+        /**
+         * Creates an authorization request for the provided authorization endpoint, client ID, and scopes.
+         * You need to first create the authorization request before calling {@link authorize}.
+         *
+         * @remarks The generated code challenge for the PKCE request uses the S256 method.
+         *
+         * @returns A promise for an {@link AuthorizationRequest} that you can use as input for {@link authorize}.
+         */
+        authorizationRequest(options: AuthorizationRequestOptions): Promise<AuthorizationRequest>;
+        /**
+         * Starts the authorization and shows the OAuth overlay in Raycast.
+         * As parameter you can either directly use the returned request from {@link authorizationRequest},
+         * or customize the URL by extracting parameters from {@link AuthorizationRequest} and providing your own URL via {@link AuthorizationOptions}.
+         * Eventually the URL will be used to open the authorization page of the provider in the web browser.
+         *
+         * @returns A promise for an {@link AuthorizationResponse}, which contains the authorization code needed for the token exchange.
+         * The promise is resolved when the user was redirected back from the provider's authorization page to the Raycast extension.
+         */
+        authorize(options: AuthorizationRequest | AuthorizationOptions): Promise<AuthorizationResponse>;
+        private authorizationURL;
+        /**
+         * Securely stores a {@link TokenSet} for the provider. Use this after fetching the access token from the provider.
+         * If the provider returns a a standard OAuth JSON token response, you can directly pass the {@link TokenResponse}.
+         * At a minimum, you need to set the {@link TokenSet.accessToken}, and typically you also set {@link TokenSet.refreshToken} and {@link TokenSet.isExpired}.
+         * Raycast automatically shows a logout preference for the extension when a token set was saved.
+         *
+         * @remarks If you want to make use of the convenience {@link TokenSet.isExpired} method, the property {@link TokenSet.expiresIn} must be configured.
+         *
+         * @returns A promise that resolves when the token set has been stored.
+         */
+        setTokens(options: TokenSetOptions | TokenResponse): Promise<void>;
+        /**
+         * Retrieves the stored {@link TokenSet} for the client.
+         * You can use this to initially check whether the authorization flow should be initiated or
+         * the user is already logged in and you might have to refresh the access token.
+         *
+         * @returns A promise that resolves when the token set has been retrieved.
+         */
+        getTokens(): Promise<TokenSet | undefined>;
+        /**
+         * Removes the stored {@link TokenSet} for the client.
+         *
+         * @remarks Raycast automatically shows a logout preference that removes the token set.
+         * Use this method only if you need to provide an additional logout option in your extension or you want to remove the token set because of a migration.
+         *
+         */
+        removeTokens(): Promise<void>;
+    }
+    /**
+     * Defines the supported redirect methods for the OAuth flow.
+     * You can choose between web and app-scheme redirect methods, depending on what the provider requires when setting up the OAuth app.
+     * For examples on what redirect URI you need to configure, see the docs for each method.
+     */
+    export enum RedirectMethod {
+        /**
+         * Use this type for a redirect back to the Raycast website, which will then open the extension.
+         * In the OAuth app, configure either `https://raycast.com/redirect` or `https://raycast.com/redirect?packageName=Extension`
+         * (For example, Twitter would accept the former, while Spotify requires the query parameter.)
+         */
+        Web = "web",
+        /**
+         * Use this type for an app-scheme based redirect that directly opens Raycast.
+         * In the OAuth app, configure `raycast://oauth?package_name=Extension`
+         */
+        App = "app",
+        /**
+         * Use this type for a URI-style app scheme that directly opens Raycast.
+         * In the OAuth app, configure `com.raycast:/oauth?package_name=Extension`
+         * (Note the single slash – Google, for example, would require this flavor for an OAuth app where the Bundle ID is `com.raycast`)
+         */
+        AppURI = "appURI"
+    }
+    /**
+     * The options for an authorization request via {@link PKCEClient.authorizationRequest}.
+     */
+    export interface AuthorizationRequestOptions {
+        /**
+         * The URL to the authorization endpoint for the OAuth provider.
+         */
+        endpoint: string;
+        /**
+         * The client ID of the configured OAuth app.
+         */
+        clientId: string;
+        /**
+         * A space-delimited list of scopes for identifying the resources to access on the user's behalf.
+         * The scopes are typically shown to the user on the provider's consent screen in the browser.
+         * Note that some providers require the same scopes be configured in the registered OAuth app.
+         */
+        scope: string;
+        /**
+         * Optional additional parameters for the authorization request.
+         * Note that some providers require additional parameters, for example to obtain long-lived refresh tokens.
+         */
+        extraParameters?: Record<string, string>;
+    }
+    /**
+     * Values of {@link AuthorizationRequest}.
+     * The PKCE client automatically generates the values for you and returns them for {@link PKCEClient.authorizationRequest}.
+     */
+    export interface AuthorizationRequestURLParams {
+        /**
+         * The PKCE `code_challenge` value.
+         */
+        codeChallenge: string;
+        /**
+         * The PKCE `code_verifier` value.
+         */
+        codeVerifier: string;
+        /**
+         * The OAuth `state` value.
+         */
+        state: string;
+        /**
+         * The OAuth `redirect_uri` value.
+         */
+        redirectURI: string;
+    }
+    /**
+     * The request returned by {@link PKCEClient.authorizationRequest}.
+     * Can be used as direct input to {@link PKCEClient.authorize}, or
+     * to extract parameters for constructing a custom URL in {@link AuthorizationOptions}.
+     */
+    export interface AuthorizationRequest extends AuthorizationRequestURLParams {
+        /**
+         * Constructs the full authorization URL.
+         */
+        toURL(): string;
+    }
+    /**
+     * Options for customizing {@link PKCEClient.authorize}.
+     * You can use values from {@link AuthorizationRequest} to build your own URL.
+     */
+    export interface AuthorizationOptions {
+        /**
+         * The full authorization URL.
+         */
+        url: string;
+    }
+    /**
+     * The response returned by {@link PKCEClient.authorize}, containing the authorization code after the provider redirect.
+     * You can then exchange the authorization code for an access token using the provider's token endpoint.
+     */
+    export interface AuthorizationResponse {
+        /**
+         * The authorization code from the OAuth provider.
+         */
+        authorizationCode: string;
+    }
+    /**
+     * Describes the TokenSet created from an OAuth provider's token response.
+     * The `accessToken` is the only required parameter but typically OAuth providers also return a refresh token, an expires value, and the scope.
+     * Securely store a token set via {@link PKCEClient.setTokens} and retrieve it via {@link PKCEClient.getTokens}.
+     */
+    export interface TokenSet {
+        /**
+         * The access token returned by an OAuth token request.
+         */
+        accessToken: string;
+        /**
+         * An optional refresh token returned by an OAuth token request.
+         */
+        refreshToken?: string;
+        /**
+         * An optional id token returned by an identity request (e.g. /me, Open ID Connect).
+         */
+        idToken?: string;
+        /**
+         * An optional expires value (in seconds) returned by an OAuth token request.
+         */
+        expiresIn?: number;
+        /**
+         * The optional space-delimited list of scopes returned by an OAuth token request.
+         * You can use this to compare the currently stored access scopes against new access scopes the extension might require in a future version,
+         * and then ask the user to re-authorize with new scopes.
+         */
+        scope?: string;
+        /**
+         * The date when the token set was stored via {@link PKCEClient.setTokens}.
+         */
+        updatedAt: Date;
+        /**
+         * A convenience method for checking whether the access token has expired.
+         * This requires the `expiresIn` parameter to be set.
+         */
+        isExpired(): boolean;
+    }
+    /**
+     * Options for a {@link TokenSet} to store via {@link PKCEClient.setTokens}.
+     */
+    export interface TokenSetOptions {
+        /**
+         * The access token returned by an OAuth token request.
+         */
+        accessToken: string;
+        /**
+         * An optional refresh token returned by an OAuth token request.
+         */
+        refreshToken?: string;
+        /**
+         * An optional id token returned by an identity request (e.g. /me, Open ID Connect).
+         */
+        idToken?: string;
+        /**
+         * An optional expires value (in seconds) returned by an OAuth token request.
+         */
+        expiresIn?: number;
+        /**
+         * The optional scope value returned by an OAuth token request.
+         */
+        scope?: string;
+    }
+    /**
+     * Defines the standard JSON response for an OAuth token request.
+     * The response can be directly used to store a {@link TokenSet} via {@link PKCEClient.setTokens}.
+     */
+    export interface TokenResponse {
+        /**
+         * The `access_token` value returned by an OAuth token request.
+         */
+        access_token: string;
+        /**
+         * An optional `refresh_token` value returned by an OAuth token request.
+         */
+        refresh_token?: string;
+        /**
+         * An optional `id_token` value returned by an identity request (e.g. /me, Open ID Connect).
+         */
+        id_token?: string;
+        /**
+         * An optional `expires_in` value (in seconds) returned by an OAuth token request.
+         */
+        expires_in?: number;
+        /**
+         * The optional `scope` value returned by an OAuth token request.
+         */
+        scope?: string;
+    }
+}
 
 /**
  * Opens a target with the default application or specified application.
@@ -4277,7 +4881,7 @@ declare interface NavigationChildInterface {
 export declare function open(target: string, application?: Application | string): Promise<void>;
 
 /**
- * @deprecated Use `Action.Open` instead.
+ * @deprecated Use {@link Action.Open} instead.
  */
 export declare const OpenAction: OpenAction_2;
 
@@ -4291,7 +4895,7 @@ declare namespace OpenAction_2 {
 }
 
 /**
- * @deprecated Use `Action.Open.Props` instead.
+ * @deprecated Use {@link Action.Open.Props} instead.
  */
 export declare interface OpenActionProps extends Action.Open.Props {
 }
@@ -4335,7 +4939,7 @@ declare interface OpenActionProps_2 {
 }
 
 /**
- * @deprecated Use `Action.OpenInBrowser` instead.
+ * @deprecated Use {@link Action.OpenInBrowser} instead.
  */
 export declare const OpenInBrowserAction: OpenInBrowserAction_2;
 
@@ -4353,7 +4957,7 @@ declare namespace OpenInBrowserAction_2 {
 }
 
 /**
- * @deprecated Use `Action.OpenInBrowser.Props` instead.
+ * @deprecated Use {@link Action.OpenInBrowser.Props} instead.
  */
 export declare interface OpenInBrowserActionProps extends Action.OpenInBrowser.Props {
 }
@@ -4390,7 +4994,7 @@ declare interface OpenInBrowserActionProps_2 {
 }
 
 /**
- * @deprecated Use `Action.OpenWith` instead.
+ * @deprecated Use {@link Action.OpenWith} instead.
  */
 export declare const OpenWithAction: OpenWithAction_2;
 
@@ -4404,7 +5008,7 @@ declare namespace OpenWithAction_2 {
 }
 
 /**
- * @deprecated Use `Action.OpenWith.Props` instead.
+ * @deprecated Use {@link Action.OpenWith.Props} instead.
  */
 export declare interface OpenWithActionProps extends Action.OpenWith.Props {
 }
@@ -4441,7 +5045,27 @@ declare interface OpenWithActionProps_2 {
 }
 
 /**
- * @deprecated Use `Action.Paste` instead.
+ * See {@link Form.PasswordField}
+ */
+declare const PasswordField: ForwardRefExoticComponent<PasswordFieldProps & RefAttributes<PasswordFieldRef>>;
+
+/**
+ * See {@link Form.PasswordField.Props}
+ */
+declare interface PasswordFieldProps extends FormItemProps_2<string> {
+    /**
+     * Placeholder text shown in the password field.
+     */
+    placeholder?: string;
+}
+
+/**
+ * Form.PasswordField Ref type.
+ */
+declare type PasswordFieldRef = FormItemRef;
+
+/**
+ * @deprecated Use {@link Action.Paste} instead.
  */
 export declare const PasteAction: PasteAction_2;
 
@@ -4455,7 +5079,7 @@ declare namespace PasteAction_2 {
 }
 
 /**
- * @deprecated Use `Action.Paste.Props` instead.
+ * @deprecated Use {@link Action.Paste.Props} instead.
  */
 export declare interface PasteActionProps extends Action.Paste.Props {
 }
@@ -4492,7 +5116,7 @@ declare interface PasteActionProps_2 {
 }
 
 /**
- * @deprecated Use `Clipboard.paste` instead
+ * @deprecated Use {@link Clipboard.paste} instead
  */
 export declare const pasteText: typeof Clipboard.paste;
 
@@ -4524,7 +5148,7 @@ export declare function popToRoot(options?: {
 }): Promise<void>;
 
 /**
- * @deprecated Use `getPreferenceValues()` instead.
+ * @deprecated Use {@link getPreferenceValues()} instead.
  */
 export declare interface Preference extends Preference_2 {
 }
@@ -4596,12 +5220,12 @@ declare interface Preference_2 {
 }
 
 /**
- * @deprecated Use `getPreferenceValues()` instead.
+ * @deprecated Use {@link getPreferenceValues()} instead.
  */
 export declare type Preferences = Preferences_2;
 
 /**
- * @deprecated Use `getPreferenceValues()` instead.
+ * @deprecated Use {@link getPreferenceValues()} instead.
  */
 export declare const preferences: Preferences_2;
 
@@ -4618,7 +5242,7 @@ export declare interface PreferenceValues {
 }
 
 /**
- * @deprecated Use `Action.Push` instead.
+ * @deprecated Use {@link Action.Push} instead.
  */
 export declare const PushAction: PushAction_2;
 
@@ -4632,7 +5256,7 @@ declare namespace PushAction_2 {
 }
 
 /**
- * @deprecated Use `Action.Push.Props` instead.
+ * @deprecated Use {@link Action.Push.Props} instead.
  */
 export declare interface PushActionProps extends Action.Push.Props {
 }
@@ -4686,10 +5310,8 @@ declare interface Quicklink {
  */
 export declare const randomId: typeof randomId_2;
 
-/* Excluded from this release type: randomId_2 */
-
 /**
- * @deprecated Use `LocalStorage.removeItem` instead
+ * @deprecated Use {@link LocalStorage.removeItem} instead
  */
 export declare const removeLocalStorageItem: typeof LocalStorage.removeItem;
 
@@ -4698,14 +5320,21 @@ export declare const removeLocalStorageItem: typeof LocalStorage.removeItem;
  */
 export declare const render: typeof render_2;
 
-/* Excluded from this release type: render_2 */
+/**
+ * See {@link Form.Separator}
+ */
+declare const Separator: FunctionComponent<SeparatorProps>;
 
 /**
- * @deprecated Use `LocalStorage.setItem` instead
+ * See {@link Form.Separator.Props}
  */
-export declare const setLocalStorageItem: typeof LocalStorage.setItem;
+declare interface SeparatorProps {
+}
 
-/* Excluded from this release type: showException */
+/**
+ * @deprecated Use {@link LocalStorage.setItem} instead
+ */
+export declare const setLocalStorageItem: typeof LocalStorage.setItem;
 
 /**
  * A HUD will automatically hide the main window and show a compact message at the bottom of the screen.
@@ -4744,7 +5373,7 @@ export declare function showHUD(title: string): Promise<void>;
 export declare function showInFinder(path: PathLike): Promise<void>;
 
 /**
- * @deprecated Use `Action.ShowInFinder` instead.
+ * @deprecated Use {@link Action.ShowInFinder} instead.
  */
 export declare const ShowInFinderAction: ShowInFinderAction_2;
 
@@ -4758,7 +5387,7 @@ declare namespace ShowInFinderAction_2 {
 }
 
 /**
- * @deprecated Use `Action.ShowInFinder.Props` instead.
+ * @deprecated Use {@link Action.ShowInFinder.Props} instead.
  */
 export declare interface ShowInFinderActionProps extends Action.ShowInFinder.Props {
 }
@@ -4863,7 +5492,7 @@ declare interface Snippet {
 export declare const specialKeys: Record<string, string>;
 
 /**
- * @deprecated Use `Action.SubmitForm` instead.
+ * @deprecated Use {@link Action.SubmitForm} instead.
  */
 export declare const SubmitFormAction: SubmitFormAction_2;
 
@@ -4877,7 +5506,7 @@ declare namespace SubmitFormAction_2 {
 }
 
 /**
- * @deprecated Use `Action.SunmitForm.Props` instead.
+ * @deprecated Use {@link Action.SunmitForm.Props} instead.
  */
 export declare interface SubmitFormActionProps<T> extends Action.SubmitForm.Props<T> {
 }
@@ -4907,6 +5536,119 @@ declare interface SubmitFormActionProps_2<Values> {
     onSubmit?: (input: Values) => void;
 }
 
+/**
+ * See {@link Form.TagPicker}
+ */
+declare const TagPicker: ForwardRefExoticComponent<TagPickerProps & RefAttributes<FormItemRef>> & {
+    /**
+     * A tag picker item in a {@link Form.TagPicker}.
+     *
+     * @example
+     * ```typescript
+     * import { ActionPanel, Color, Form, Icon, Action } from "@raycast/api";
+     *
+     * export default function Command() {
+     *   return (
+     *     <Form
+     *       actions={
+     *         <ActionPanel>
+     *           <Action.SubmitForm title="Submit Color" onSubmit={(values) => console.log(values)} />
+     *         </ActionPanel>
+     *       }
+     *     >
+     *       <Form.TagPicker id="color" title="Color">
+     *         <Form.TagPicker.Item value="red" title="Red" icon={{ source: Icon.Circle, tintColor: Color.Red }} />
+     *         <Form.TagPicker.Item value="green" title="Green" icon={{ source: Icon.Circle, tintColor: Color.Green }} />
+     *         <Form.TagPicker.Item value="blue" title="Blue" icon={{ source: Icon.Circle, tintColor: Color.Blue }} />
+     *       </Form.TagPicker>
+     *     </Form>
+     *   );
+     * }
+     * ```
+     */
+    Item: typeof TagPickerItem;
+};
+
+/**
+ * See {@link Form.TagPicker.Item}
+ */
+declare const TagPickerItem: FunctionComponent<TagPickerItemProps>;
+
+/**
+ * See {@link Form.TagPicker.Item.Props}
+ */
+declare interface TagPickerItemProps {
+    /**
+     * Value of the tag.
+     * Make sure to assign unique value for each item.
+     */
+    value: string;
+    /**
+     * The display title of the tag.
+     */
+    title: string;
+    /**
+     * An icon to show in the tag.
+     */
+    icon?: Image.ImageLike;
+}
+
+/**
+ * See {@link Form.TagPicker.Props}
+ */
+declare interface TagPickerProps extends FormItemProps_2<string[]> {
+    /**
+     * The list of tags.
+     */
+    children?: ReactNode;
+    /**
+     * Placeholder text shown in the token field.
+     */
+    placeholder?: string;
+}
+
+/**
+ * Form.TagPicker Ref type.
+ */
+declare type TagPickerRef = FormItemRef;
+
+/**
+ * See {@link Form.TextArea}
+ */
+declare const TextArea: ForwardRefExoticComponent<TextAreaProps & RefAttributes<TextAreaRef>>;
+
+/**
+ * See {@link Form.TextArea.Props}
+ */
+declare interface TextAreaProps extends FormItemProps_2<string> {
+    /**
+     * Placeholder text shown in the text area.
+     */
+    placeholder?: string;
+}
+
+/**
+ * Form.TextArea Ref type.
+ */
+declare type TextAreaRef = FormItemRef;
+
+/**
+ * See {@link Form.TextField}
+ */
+declare const TextField: ForwardRefExoticComponent<TextFieldProps & RefAttributes<TextFieldRef>>;
+
+/**
+ * See {@link Form.TextField.Props}
+ */
+declare interface TextFieldProps extends FormItemProps_2<string> {
+    /**
+     * Placeholder text shown in the text field.
+     */
+    placeholder?: string;
+}
+
+declare type TextFieldRef = FormItemRef;
+
 /**
  * A Toast with a certain style, title, and message.
  *
@@ -5037,19 +5779,19 @@ export declare namespace Toast {
 }
 
 /**
- * @deprecated Use `Toast.ActionOptions` instead
+ * @deprecated Use {@link Toast.ActionOptions} instead
  */
 export declare interface ToastActionOptions extends Toast.ActionOptions {
 }
 
 /**
- * @deprecated Use `Toast.Options` instead
+ * @deprecated Use {@link Toast.Options} instead
  */
 export declare interface ToastOptions extends Toast.Options {
 }
 
 /**
- * @deprecated Use `Toast.Style` instead
+ * @deprecated Use {@link Toast.Style} instead
  */
 export declare const ToastStyle: typeof Toast.Style;
 
@@ -5075,7 +5817,7 @@ export declare const ToastStyle: typeof Toast.Style;
 export declare function trash(path: PathLike | PathLike[]): Promise<void>;
 
 /**
- * @deprecated Use `Action.Trash` instead.
+ * @deprecated Use {@link Action.Trash} instead.
  */
 export declare const TrashAction: TrashAction_2;
 
@@ -5089,7 +5831,7 @@ declare namespace TrashAction_2 {
 }
 
 /**
- * @deprecated Use `Action.Trash.Props` instead.
+ * @deprecated Use {@link Action.Trash.Props} instead.
  */
 export declare interface TrashActionProps extends Action.Trash.Props {
 }
@@ -5136,8 +5878,6 @@ export declare function useActionPanel(): ActionPanelState;
  */
 export declare const useId: typeof useId_2;
 
-/* Excluded from this release type: useId_2 */
-
 /**
  * A hook that lets you push and pop view components in the navigation stack.
  *