@raycast/api 1.33.2 → 1.35.0

package/types/index.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="node" />
+/// <reference types="react" />
 
 import { ForwardRefExoticComponent } from 'react';
 import { FunctionComponent } from 'react';
 import { PathLike } from 'fs';
-import PropTypes from 'prop-types';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
@@ -37,354 +37,15 @@ import { RefAttributes } from 'react';
  * }
  * ```
  */
-export declare function Action(props: Action.Props): ReactElement<Action.Props>;
+export declare const Action: FunctionComponent<ActionProps> & ConvenienceActions;
 
 export declare namespace Action {
-    var propTypes: {
-        id: PropTypes.Requireable<string>;
-        title: PropTypes.Validator<string>;
-        icon: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
-            fileIcon: PropTypes.Validator<string>;
-        }>> | Required<PropTypes.InferProps<{
-            source: PropTypes.Validator<string | Required<PropTypes.InferProps<{
-                light: PropTypes.Validator<string>;
-                dark: PropTypes.Validator<string>;
-            }>>>;
-            fallback: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
-                light: PropTypes.Validator<string>;
-                dark: PropTypes.Validator<string>;
-            }>>>;
-            mask: PropTypes.Requireable<Image.Mask>;
-            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>;
-        }>>>;
-        onAction: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    var displayName: string;
-}
-
-export declare namespace Action {
-    /**
-     * Action that copies the content to the clipboard.
-     *
-     * @remarks
-     * The main window is closed, and a HUD is shown after the content was copied to the clipboard.
-     *
-     * @example
-     * ```typescript
-     * import { ActionPanel, Action, Detail } from "@raycast/api";
-     *
-     * export default function Command() {
-     *   return (
-     *     <Detail
-     *       markdown="Press `⌘ + .` and share some love."
-     *       actions={
-     *         <ActionPanel>
-     *           <Action.CopyToClipboard content="I ❤️ Raycast" shortcut={{ modifiers: ["cmd"], key: "." }} />
-     *         </ActionPanel>
-     *       }
-     *     />
-     *   );
-     * }
-     * ```
-     */
-    const CopyToClipboard: typeof CopyToClipboardAction_2;
-    /**
-     * An action to open a file or folder with a specific application, just as if you had double-clicked the
-     * file's icon.
-     *
-     * @remarks
-     * The main window is closed after the file is opened.
-     *
-     * @example
-     * ```typescript
-     * import { ActionPanel, Detail, Action } from "@raycast/api";
-     *
-     * export default function Command() {
-     *   return (
-     *     <Detail
-     *       markdown="Check out your extension code."
-     *       actions={
-     *         <ActionPanel>
-     *           <Action.Open title="Open Folder" target={__dirname} />
-     *         </ActionPanel>
-     *       }
-     *     />
-     *   );
-     * }
-     * ```
-     */
-    const Open: typeof OpenAction_2;
-    /**
-     * Action that opens a URL in the default browser.
-     *
-     * @remarks
-     * The main window is closed after the URL is opened in the browser.
-     *
-     * @example
-     * ```typescript
-     * import { ActionPanel, Detail, Action } from "@raycast/api";
-     *
-     * export default function Command() {
-     *   return (
-     *     <Detail
-     *       markdown="Join the gang!"
-     *       actions={
-     *         <ActionPanel>
-     *           <Action.OpenInBrowser url="https://raycast.com/jobs" />
-     *         </ActionPanel>
-     *       }
-     *     />
-     *   );
-     * }
-     * ```
-     */
-    const OpenInBrowser: typeof OpenInBrowserAction_2;
-    /**
-     * Action that opens a file or folder with a specific application.
-     *
-     * @remarks
-     * The action opens a sub-menu with all applications that can open the file or folder.
-     * The main window is closed after the file is opened in the specified application.
-     *
-     * @example
-     * ```typescript
-     * import { ActionPanel, Detail, Action } from "@raycast/api";
-     * import { homedir } from "os";
-     *
-     * const DESKTOP_DIR = `${homedir()}/Desktop`;
-     *
-     * export default function Command() {
-     *   return (
-     *     <Detail
-     *       markdown="What do you want to use to open your desktop with?"
-     *       actions={
-     *         <ActionPanel>
-     *           <Action.OpenWith path={DESKTOP_DIR} />
-     *         </ActionPanel>
-     *       }
-     *     />
-     *   );
-     * }
-     * ```
-     */
-    const OpenWith: typeof OpenWithAction_2;
-    /**
-     * Action that pastes the content to the front-most applications.
-     *
-     * @remarks
-     * The main window is closed after the content is pasted to the front-most application.
-     *
-     * @example
-     * ```typescript
-     * import { ActionPanel, Detail, Action } from "@raycast/api";
-     *
-     * export default function Command() {
-     *   return (
-     *     <Detail
-     *       markdown="Let us know what you think about the Raycast API?"
-     *       actions={
-     *         <ActionPanel>
-     *           <Action.Paste content="api@raycast.com" />
-     *         </ActionPanel>
-     *       }
-     *     />
-     *   );
-     * }
-     * ```
-     */
-    const Paste: typeof PasteAction_2;
-    /**
-     * Action that pushes a new view to the navigation stack.
-     *
-     * @example
-     * ```typescript
-     * import { ActionPanel, Detail, Action } from "@raycast/api";
-     *
-     * function Ping() {
-     *   return (
-     *     <Detail
-     *       markdown="Ping"
-     *       actions={
-     *         <ActionPanel>
-     *           <Action.Push title="Push Pong" target={<Pong />} />
-     *         </ActionPanel>
-     *       }
-     *     />
-     *   );
-     * }
-     *
-     * function Pong() {
-     *   return <Detail markdown="Pong" />;
-     * }
-     *
-     * export default function Command() {
-     *   return <Ping />;
-     * }
-     * ```
-     */
-    const Push: typeof PushAction_2;
-    /**
-     * Action that shows a file or folder in the Finder.
-     *
-     * @remarks
-     * The main window is closed after the file or folder is revealed in the Finder.
-     *
-     * @example
-     * ```typescript
-     * import { ActionPanel, Detail, Action } from "@raycast/api";
-     * import { homedir } from "os";
-     *
-     * const DOWNLOADS_DIR = `${homedir()}/Downloads`;
-     *
-     * export default function Command() {
-     *   return (
-     *     <Detail
-     *       markdown="Are your downloads pilling up again?"
-     *       actions={
-     *         <ActionPanel>
-     *           <Action.ShowInFinder path={DOWNLOADS_DIR} />
-     *         </ActionPanel>
-     *       }
-     *     />
-     *   );
-     * }
-     * ```
-     */
-    const ShowInFinder: typeof ShowInFinderAction_2;
-    /**
-     * Action that adds a submit handler for capturing form values.
-     *
-     * @example
-     * ```typescript
-     * 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 Name" onSubmit={(values) => console.log(values)} />
-     *         </ActionPanel>
-     *       }
-     *     >
-     *       <Form.TextField id="name" value={name} onChange={setName} />
-     *     </Form>
-     *   );
-     * }
-     * ```
-     */
-    const SubmitForm: typeof SubmitFormAction_2;
-    /**
-     * Action that moves a file or folder to the Trash.
-     *
-     * @example
-     * ```typescript
-     * import { ActionPanel, Detail, Action } from "@raycast/api";
-     * import { homedir } from "os";
-     *
-     * const FILE = `${homedir()}/Downloads/get-rid-of-me.txt`;
-     *
-     * export default function Command() {
-     *   return (
-     *     <Detail
-     *       markdown="Some spring cleaning?"
-     *       actions={
-     *         <ActionPanel>
-     *           <Action.Trash paths={FILE} />
-     *         </ActionPanel>
-     *       }
-     *     />
-     *   );
-     * }
-     * ```
-     */
-    const Trash: typeof TrashAction_2;
-    /**
-     * Action that navigates to the the Create Snippet command with some or all of the fields prefilled.
-     *
-     * @example
-     * ```typescript
-     * import { ActionPanel, Detail, Action } from "@raycast/api";
-     *
-     * export default function Command() {
-     *   return (
-     *     <Detail
-     *       markdown="Test out snippet creation"
-     *       actions={
-     *         <ActionPanel>
-     *           <Action.CreateSnippet snippet={{ text: "DE75512108001245126199" }} />
-     *         </ActionPanel>
-     *       }
-     *     />
-     *   );
-     * }
-     * ```
-     */
-    const CreateSnippet: typeof CreateSnippetAction;
-    /**
-     * Action that navigates to the the Create Quicklink command with some or all of the fields prefilled.
-     *
-     * @example
-     * ```typescript
-     * import { ActionPanel, Detail, Action } from "@raycast/api";
-     *
-     * export default function Command() {
-     *   return (
-     *     <Detail
-     *       markdown="Test out quicklink creation"
-     *       actions={
-     *         <ActionPanel>
-     *           <Action.CreateQuicklink quicklink={{ link: "https://duckduckgo.com/?q={Query}" }} />
-     *         </ActionPanel>
-     *       }
-     *     />
-     *   );
-     * }
-     * ```
-     */
-    const CreateQuicklink: typeof CreateQuicklinkAction;
-    /**
-     * Props of the {@link Action} React component.
-     */
-    export interface Props {
-        /**
-         * ID of the item.
-         *
-         * @remarks
-         * Make sure to assign each section or item a unique ID. If no ID is specified, a memoized auto-generated is used.
-         */
-        id?: string;
-        /**
-         * The title displayed for the item.
-         */
-        title: string;
-        /**
-         * The icon displayed for the action.
-         */
-        icon?: Image.ImageLike;
-        /**
-         * The keyboard shortcut for the item.
-         *
-         * @remarks
-         * The first and second action in an {@link ActionPanel} become the primary and secondary action. They automatically get the default keyboard shortcuts assigned.
-         * In {@link List} and {@link Detail}, this is `↵` for the primary and `⌘` `↵` for the secondary action. In {@link Form} it's `⌘` `↵` for the primary and `⌘` `⇧` `↵` for the secondary.
-         */
-        shortcut?: Keyboard.Shortcut;
+    export type Props = ActionProps;
+    export namespace CopyToClipboard {
         /**
-         * Callback that is triggered when the item is selected.
+         * Props of the {@link Action.CopyToClipboard} React component.
          */
-        onAction?: () => void;
+        export type Props = CopyToClipboardProps;
     }
     export namespace CreateQuicklink {
         /**
@@ -398,59 +59,53 @@ export declare namespace Action {
          */
         export type Props = CreateSnippetProps;
     }
-    export namespace CopyToClipboard {
-        /**
-         * Props of the {@link Action.CopyToClipboard} React component.
-         */
-        export type Props = CopyToClipboardActionProps_2;
-    }
     export namespace Open {
         /**
          * Props of the {@link Action.Open} React component.
          */
-        export type Props = OpenActionProps_2;
+        export type Props = OpenProps;
     }
     export namespace OpenInBrowser {
         /**
          * Props of the {@link Action.OpenInBrowser} React component.
          */
-        export type Props = OpenInBrowserActionProps_2;
+        export type Props = OpenInBrowserProps;
     }
     export namespace OpenWith {
         /**
          * Props of the {@link Action.OpenWith} React component.
          */
-        export type Props = OpenWithActionProps_2;
+        export type Props = OpenWithProps;
     }
     export namespace Paste {
         /**
          * Props of the {@link Action.Paste} React component.
          */
-        export type Props = PasteActionProps_2;
+        export type Props = PasteProps;
     }
     export namespace Push {
         /**
          * Props of the {@link Action.Push} React component.
          */
-        export type Props = PushActionProps_2;
+        export type Props = PushProps;
     }
     export namespace ShowInFinder {
         /**
          * Props of the {@link Action.ShowInFinder} React component.
          */
-        export type Props = ShowInFinderActionProps_2;
+        export type Props = ShowInFinderProps;
     }
     export namespace SubmitForm {
         /**
          * Props of the {@link Action.SubmitForm} React component.
          */
-        export type Props<T> = SubmitFormActionProps_2<T>;
+        export type Props<T> = SubmitFormProps<T>;
     }
     export namespace Trash {
         /**
          * Props of the {@link Action.Trash} React component.
          */
-        export type Props = TrashActionProps_2;
+        export type Props = TrashProps;
     }
 }
 
@@ -490,20 +145,58 @@ export declare namespace Action {
  * }
  * ```
  */
-export declare function ActionPanel(props: ActionPanel.Props): ReactElement<ActionPanel.Props>;
-
-export declare namespace ActionPanel {
-    var propTypes: {
-        title: PropTypes.Requireable<string>;
-    };
-    var displayName: string;
-}
+export declare const ActionPanel: FunctionComponent<ActionPanelProps_2> & DeprecatedActionPanelMembers & ActionPanelMembers;
 
 export declare namespace ActionPanel {
     /**
-     * @deprecated Use `Action` instead.
+     * Props of the {@link ActionPanel} React component.
      */
-    const Item: typeof Action;
+    export type Props = ActionPanelProps_2;
+    /**
+     * Supported children for the {@link ActionPanel} components.
+     */
+    export type Children = ActionPanelChildren_2;
+    export namespace Section {
+        /**
+         * Props of the {@link ActionPanel.Section} React component.
+         */
+        export type Props = SectionProps;
+        /**
+         * Supported children for the {@link ActionPanel.Section} component.
+         */
+        export type Children = SectionChildren;
+    }
+    export namespace Submenu {
+        /**
+         * Props of the {@link ActionPanel.Submenu} React component.
+         */
+        export type Props = SubmenuProps;
+        /**
+         * Supported children for the {@link ActionPanel.Submenu} components.
+         */
+        export type Children = SubmenuChildren;
+    }
+}
+
+/**
+ * @deprecated Use {@link ActionPanel.Children} instead.
+ */
+export declare type ActionPanelChildren = ActionPanel.Children;
+
+declare type ActionPanelChildren_2 = ReactElement<ActionPanel.Section.Props> | ReactElement<ActionPanel.Section.Props>[] | ActionPanel.Section.Children | null;
+
+/**
+ * @deprecated Use {@link Action} instead.
+ */
+export declare const ActionPanelItem: FunctionComponent<ActionProps> & ConvenienceActions;
+
+/**
+ * @deprecated Use {@link Action.Props} instead.
+ */
+export declare interface ActionPanelItemProps extends Action.Props {
+}
+
+declare interface ActionPanelMembers {
     /**
      * A group of visually separated items.
      *
@@ -542,7 +235,7 @@ export declare namespace ActionPanel {
      * }
      * ```
      */
-    const Section: typeof ActionPanelSection_2;
+    Section: typeof Section;
     /**
      * An action that replaces the current ActionPanel with its children when selected.
      *
@@ -587,102 +280,7 @@ export declare namespace ActionPanel {
      * }
      * ```
      */
-    const Submenu: typeof ActionPanelSubmenu_2;
-    /**
-     * Props of the {@link ActionPanel} React component.
-     */
-    export interface Props {
-        /**
-         * Sections or Actions. If {@link Action} elements are specified, a default section is automatically created.
-         */
-        children?: ReactNode;
-        /**
-         * The title displayed at the top of the panel
-         */
-        title?: string;
-    }
-    /**
-     * Supported children for the {@link ActionPanel} components.
-     */
-    export type Children = ReactElement<ActionPanel.Section.Props> | ReactElement<ActionPanel.Section.Props>[] | ActionPanel.Section.Children | null;
-    export namespace Section {
-        /**
-         * Props of the {@link ActionPanel.Section} React component.
-         */
-        export interface Props {
-            /**
-             * The item elements of the section.
-             */
-            children?: ReactNode;
-            /**
-             * Title displayed above the section
-             */
-            title?: string;
-        }
-        /**
-         * Supported children for the {@link ActionPanel.Section} component.
-         */
-        export type Children = ReactElement<Action.Props> | ReactElement<Action.Props>[] | ReactElement<ActionPanel.Submenu.Props> | Array<ReactElement<ActionPanel.Submenu.Props>> | Array<ReactElement<ActionPanel.Submenu.Props> | ReactElement<Action.Props>> | null;
-    }
-    export namespace Submenu {
-        /**
-         * Props of the {@link ActionPanel.Submenu} React component.
-         */
-        export interface Props {
-            /**
-             * ID of the submenu.
-             * Make sure to assign each submenu a unique ID or a UUID will be auto-generated.
-             */
-            id?: string;
-            /**
-             * The title displayed for submenu.
-             */
-            title: string;
-            /**
-             * The icon displayed for the submenu.
-             */
-            icon?: Image.ImageLike;
-            /**
-             * The keyboard shortcut for the submenu.
-             */
-            shortcut?: Keyboard.Shortcut;
-            /**
-             * Items of the submenu.
-             *
-             * @example
-             * ```typescript
-             * <ActionPanel.Submenu title="Submenu">
-             *    <Action title="Just an action" />
-             * </ActionPanel.Submenu>
-             * ```
-             *
-             * @remarks
-             * If {@link Action} elements are specified, a default section is automatically created.
-             * Use {@link ActionPanel.Submenu} as parent when specifying sub-menu's children to make code is more readable.
-             */
-            children?: ReactNode;
-        }
-        /**
-         * Supported children for the {@link ActionPanel.Submenu} components.
-         */
-        export type Children = ActionPanel.Children;
-    }
-}
-
-/**
- * @deprecated Use {@link ActionPanel.Children} instead.
- */
-export declare type ActionPanelChildren = ActionPanel.Children;
-
-/**
- * @deprecated Use {@link Action} instead.
- */
-export declare const ActionPanelItem: typeof Action;
-
-/**
- * @deprecated Use {@link Action.Props} instead.
- */
-export declare interface ActionPanelItemProps extends Action.Props {
+    Submenu: typeof Submenu;
 }
 
 /**
@@ -691,23 +289,22 @@ export declare interface ActionPanelItemProps extends Action.Props {
 export declare interface ActionPanelProps extends ActionPanel.Props {
 }
 
+declare interface ActionPanelProps_2 {
+    /**
+     * Sections or Actions. If {@link Action} elements are specified, a default section is automatically created.
+     */
+    children?: ReactNode;
+    /**
+     * The title displayed at the top of the panel
+     */
+    title?: string;
+}
+
 /**
  * @deprecated Use {@link ActionPanel.Section} instead.
  */
 export declare const ActionPanelSection: typeof ActionPanel.Section;
 
-/**
- * See {@link ActionPanel.Section}
- */
-declare function ActionPanelSection_2(props: ActionPanel.Section.Props): ReactElement<ActionPanel.Section.Props>;
-
-declare namespace ActionPanelSection_2 {
-    var propTypes: {
-        title: PropTypes.Requireable<string>;
-    };
-    var displayName: string;
-}
-
 /**
  * @deprecated Use {@link ActionPanel.Section.Children} instead.
  */
@@ -735,44 +332,40 @@ export declare interface ActionPanelState {
 export declare const ActionPanelSubmenu: typeof ActionPanel.Submenu;
 
 /**
- * See {@link ActionPanel.Submenu}
+ * @deprecated Use {@link ActionPanel.Submenu.Props} instead.
  */
-declare function ActionPanelSubmenu_2(props: ActionPanel.Submenu.Props): ReactElement<Action.Props>;
-
-declare namespace ActionPanelSubmenu_2 {
-    var propTypes: {
-        id: PropTypes.Requireable<string>;
-        title: PropTypes.Validator<string>;
-        icon: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
-            fileIcon: PropTypes.Validator<string>;
-        }>> | Required<PropTypes.InferProps<{
-            source: PropTypes.Validator<string | Required<PropTypes.InferProps<{
-                light: PropTypes.Validator<string>;
-                dark: PropTypes.Validator<string>;
-            }>>>;
-            fallback: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
-                light: PropTypes.Validator<string>;
-                dark: PropTypes.Validator<string>;
-            }>>>;
-            mask: PropTypes.Requireable<Image.Mask>;
-            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>;
-        }>>>;
-    };
-    var displayName: string;
+export declare interface ActionPanelSubmenuProps extends ActionPanel.Submenu.Props {
 }
 
 /**
- * @deprecated Use {@link ActionPanel.Submenu.Props} instead.
+ * Props of the {@link Action} React component.
  */
-export declare interface ActionPanelSubmenuProps extends ActionPanel.Submenu.Props {
+declare interface ActionProps {
+    /**
+     * ID of the item.
+     * @deprecated - This is an internal prop which not not have been exposed. You can safely remove it.
+     */
+    id?: string;
+    /**
+     * The title displayed for the item.
+     */
+    title: string;
+    /**
+     * The icon displayed for the action.
+     */
+    icon?: Image.ImageLike | undefined | null;
+    /**
+     * The keyboard shortcut for the item.
+     *
+     * @remarks
+     * The first and second action in an {@link ActionPanel} become the primary and secondary action. They automatically get the default keyboard shortcuts assigned.
+     * In {@link List} and {@link Detail}, this is `↵` for the primary and `⌘` `↵` for the secondary action. In {@link Form} it's `⌘` `↵` for the primary and `⌘` `⇧` `↵` for the secondary.
+     */
+    shortcut?: Keyboard.Shortcut | undefined | null;
+    /**
+     * Callback that is triggered when the item is selected.
+     */
+    onAction?: () => void;
 }
 
 /**
@@ -1137,7 +730,7 @@ export declare namespace Color {
          * Raycast user interface. This makes it easy to guarantee a good look and feel when you aren't in control of the
          * color, e.g. get it via a network request.
          *
-         * @defaultValue false
+         * @defaultValue `false`
          */
         adjustContrast?: boolean | undefined | null;
     }
@@ -1178,24 +771,306 @@ export declare type ColorLike = Color.ColorLike;
  */
 export declare function confirmAlert(options: Alert.Options): Promise<boolean>;
 
+declare interface ConvenienceActions {
+    /**
+     * Action that copies the content to the clipboard.
+     *
+     * @remarks
+     * The main window is closed, and a HUD is shown after the content was copied to the clipboard.
+     *
+     * @example
+     * ```typescript
+     * import { ActionPanel, Action, Detail } from "@raycast/api";
+     *
+     * export default function Command() {
+     *   return (
+     *     <Detail
+     *       markdown="Press `⌘ + .` and share some love."
+     *       actions={
+     *         <ActionPanel>
+     *           <Action.CopyToClipboard content="I ❤️ Raycast" shortcut={{ modifiers: ["cmd"], key: "." }} />
+     *         </ActionPanel>
+     *       }
+     *     />
+     *   );
+     * }
+     * ```
+     */
+    CopyToClipboard: typeof CopyToClipboard;
+    /**
+     * An action to open a file or folder with a specific application, just as if you had double-clicked the
+     * file's icon.
+     *
+     * @remarks
+     * The main window is closed after the file is opened.
+     *
+     * @example
+     * ```typescript
+     * import { ActionPanel, Detail, Action } from "@raycast/api";
+     *
+     * export default function Command() {
+     *   return (
+     *     <Detail
+     *       markdown="Check out your extension code."
+     *       actions={
+     *         <ActionPanel>
+     *           <Action.Open title="Open Folder" target={__dirname} />
+     *         </ActionPanel>
+     *       }
+     *     />
+     *   );
+     * }
+     * ```
+     */
+    Open: typeof Open;
+    /**
+     * Action that opens a URL in the default browser.
+     *
+     * @remarks
+     * The main window is closed after the URL is opened in the browser.
+     *
+     * @example
+     * ```typescript
+     * import { ActionPanel, Detail, Action } from "@raycast/api";
+     *
+     * export default function Command() {
+     *   return (
+     *     <Detail
+     *       markdown="Join the gang!"
+     *       actions={
+     *         <ActionPanel>
+     *           <Action.OpenInBrowser url="https://raycast.com/jobs" />
+     *         </ActionPanel>
+     *       }
+     *     />
+     *   );
+     * }
+     * ```
+     */
+    OpenInBrowser: typeof OpenInBrowser;
+    /**
+     * Action that opens a file or folder with a specific application.
+     *
+     * @remarks
+     * The action opens a sub-menu with all applications that can open the file or folder.
+     * The main window is closed after the file is opened in the specified application.
+     *
+     * @example
+     * ```typescript
+     * import { ActionPanel, Detail, Action } from "@raycast/api";
+     * import { homedir } from "os";
+     *
+     * const DESKTOP_DIR = `${homedir()}/Desktop`;
+     *
+     * export default function Command() {
+     *   return (
+     *     <Detail
+     *       markdown="What do you want to use to open your desktop with?"
+     *       actions={
+     *         <ActionPanel>
+     *           <Action.OpenWith path={DESKTOP_DIR} />
+     *         </ActionPanel>
+     *       }
+     *     />
+     *   );
+     * }
+     * ```
+     */
+    OpenWith: typeof OpenWith;
+    /**
+     * Action that pastes the content to the front-most applications.
+     *
+     * @remarks
+     * The main window is closed after the content is pasted to the front-most application.
+     *
+     * @example
+     * ```typescript
+     * import { ActionPanel, Detail, Action } from "@raycast/api";
+     *
+     * export default function Command() {
+     *   return (
+     *     <Detail
+     *       markdown="Let us know what you think about the Raycast API?"
+     *       actions={
+     *         <ActionPanel>
+     *           <Action.Paste content="api@raycast.com" />
+     *         </ActionPanel>
+     *       }
+     *     />
+     *   );
+     * }
+     * ```
+     */
+    Paste: typeof Paste;
+    /**
+     * Action that pushes a new view to the navigation stack.
+     *
+     * @example
+     * ```typescript
+     * import { ActionPanel, Detail, Action } from "@raycast/api";
+     *
+     * function Ping() {
+     *   return (
+     *     <Detail
+     *       markdown="Ping"
+     *       actions={
+     *         <ActionPanel>
+     *           <Action.Push title="Push Pong" target={<Pong />} />
+     *         </ActionPanel>
+     *       }
+     *     />
+     *   );
+     * }
+     *
+     * function Pong() {
+     *   return <Detail markdown="Pong" />;
+     * }
+     *
+     * export default function Command() {
+     *   return <Ping />;
+     * }
+     * ```
+     */
+    Push: typeof Push;
+    /**
+     * Action that shows a file or folder in the Finder.
+     *
+     * @remarks
+     * The main window is closed after the file or folder is revealed in the Finder.
+     *
+     * @example
+     * ```typescript
+     * import { ActionPanel, Detail, Action } from "@raycast/api";
+     * import { homedir } from "os";
+     *
+     * const DOWNLOADS_DIR = `${homedir()}/Downloads`;
+     *
+     * export default function Command() {
+     *   return (
+     *     <Detail
+     *       markdown="Are your downloads pilling up again?"
+     *       actions={
+     *         <ActionPanel>
+     *           <Action.ShowInFinder path={DOWNLOADS_DIR} />
+     *         </ActionPanel>
+     *       }
+     *     />
+     *   );
+     * }
+     * ```
+     */
+    ShowInFinder: typeof ShowInFinder;
+    /**
+     * Action that adds a submit handler for capturing form values.
+     *
+     * @example
+     * ```typescript
+     * 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 Name" onSubmit={(values) => console.log(values)} />
+     *         </ActionPanel>
+     *       }
+     *     >
+     *       <Form.TextField id="name" value={name} onChange={setName} />
+     *     </Form>
+     *   );
+     * }
+     * ```
+     */
+    SubmitForm: typeof SubmitForm;
+    /**
+     * Action that moves a file or folder to the Trash.
+     *
+     * @example
+     * ```typescript
+     * import { ActionPanel, Detail, Action } from "@raycast/api";
+     * import { homedir } from "os";
+     *
+     * const FILE = `${homedir()}/Downloads/get-rid-of-me.txt`;
+     *
+     * export default function Command() {
+     *   return (
+     *     <Detail
+     *       markdown="Some spring cleaning?"
+     *       actions={
+     *         <ActionPanel>
+     *           <Action.Trash paths={FILE} />
+     *         </ActionPanel>
+     *       }
+     *     />
+     *   );
+     * }
+     * ```
+     */
+    Trash: typeof Trash;
+    /**
+     * Action that navigates to the the Create Snippet command with some or all of the fields prefilled.
+     *
+     * @example
+     * ```typescript
+     * import { ActionPanel, Detail, Action } from "@raycast/api";
+     *
+     * export default function Command() {
+     *   return (
+     *     <Detail
+     *       markdown="Test out snippet creation"
+     *       actions={
+     *         <ActionPanel>
+     *           <Action.CreateSnippet snippet={{ text: "DE75512108001245126199" }} />
+     *         </ActionPanel>
+     *       }
+     *     />
+     *   );
+     * }
+     * ```
+     */
+    CreateSnippet: typeof CreateSnippet;
+    /**
+     * Action that navigates to the the Create Quicklink command with some or all of the fields prefilled.
+     *
+     * @example
+     * ```typescript
+     * import { ActionPanel, Detail, Action } from "@raycast/api";
+     *
+     * export default function Command() {
+     *   return (
+     *     <Detail
+     *       markdown="Test out quicklink creation"
+     *       actions={
+     *         <ActionPanel>
+     *           <Action.CreateQuicklink quicklink={{ link: "https://duckduckgo.com/?q={Query}" }} />
+     *         </ActionPanel>
+     *       }
+     *     />
+     *   );
+     * }
+     * ```
+     */
+    CreateQuicklink: typeof CreateQuicklink;
+}
+
 /**
  * @deprecated Use {@link Clipboard.copy} instead
  */
 export declare const copyTextToClipboard: typeof Clipboard.copy;
 
 /**
- * @deprecated Use {@link Action.CopyToClipboard} instead.
+ * See {@link Action.CopyToClipboard}
  */
-export declare const CopyToClipboardAction: CopyToClipboardAction_2;
+declare const CopyToClipboard: FunctionComponent<CopyToClipboardProps>;
 
 /**
- * See {@link Action.CopyToClipboard}
+ * @deprecated Use {@link Action.CopyToClipboard} instead.
  */
-declare function CopyToClipboardAction_2(props: CopyToClipboardActionProps_2): ReactElement<CopyToClipboardActionProps_2>;
-
-declare namespace CopyToClipboardAction_2 {
-    var displayName: string;
-}
+export declare const CopyToClipboardAction: FunctionComponent<CopyToClipboardProps>;
 
 /**
  * @deprecated Use {@link Action.CopyToClipboard.Props} instead.
@@ -1206,14 +1081,14 @@ export declare interface CopyToClipboardActionProps extends Action.CopyToClipboa
 /**
  * See {@link Action.CopyToClipboard.Props}
  */
-declare interface CopyToClipboardActionProps_2 {
+declare interface CopyToClipboardProps {
     /**
      * The contents that will be written to the clipboard as string.
      */
     content: string | number;
     /**
      * An optional title for the action.
-     * @defaultValue Copy to Clipboard
+     * @defaultValue `"Copy to Clipboard"`
      */
     title?: string;
     /**
@@ -1237,11 +1112,7 @@ declare interface CopyToClipboardActionProps_2 {
 /**
  * See {@link Action.CreateQuicklink}
  */
-declare function CreateQuicklinkAction(props: CreateQuicklinkProps): ReactElement<CreateQuicklinkProps>;
-
-declare namespace CreateQuicklinkAction {
-    var displayName: string;
-}
+declare const CreateQuicklink: FunctionComponent<CreateQuicklinkProps>;
 
 declare interface CreateQuicklinkProps {
     /**
@@ -1253,7 +1124,7 @@ declare interface CreateQuicklinkProps {
      */
     title?: string;
     /**
-     * A optional icon displayed for the item. See {@link ImageLike} for the supported formats and types.
+     * A optional icon displayed for the item. See {@link Image.ImageLike} for the supported formats and types.
      */
     icon?: Image.ImageLike;
     /**
@@ -1265,11 +1136,7 @@ declare interface CreateQuicklinkProps {
 /**
  * See {@link Action.CreateQuicklink}
  */
-declare function CreateSnippetAction(props: CreateSnippetProps): ReactElement<CreateSnippetProps>;
-
-declare namespace CreateSnippetAction {
-    var displayName: string;
-}
+declare const CreateSnippet: FunctionComponent<CreateSnippetProps>;
 
 declare interface CreateSnippetProps {
     snippet: Snippet;
@@ -1278,7 +1145,7 @@ declare interface CreateSnippetProps {
      */
     title?: string;
     /**
-     * A optional icon displayed for the item. See {@link ImageLike} for the supported formats and types.
+     * A optional icon displayed for the item. See {@link Image.ImageLike} for the supported formats and types.
      */
     icon?: Image.ImageLike;
     /**
@@ -1290,22 +1157,24 @@ declare interface CreateSnippetProps {
 /**
  * See {@link Form.DatePicker}
  */
-declare const DatePicker: ForwardRefExoticComponent<DatePickerProps & RefAttributes<FormItemRef>> & {
+declare const DatePicker: ForwardRefExoticComponent<DatePickerProps & RefAttributes<FormItemRef>> & DatePickerMembers;
+
+declare interface DatePickerMembers {
     /**
      * 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;
-};
+    Type: typeof DatePickerType;
+}
 
 declare interface DatePickerProps extends FormItemProps_2<Date> {
     /**
      * Indicates what types of date components can be picked
      *
-     * Defaults to {@link FormDatePickerType.DateTime}
+     * Defaults to {@link Form.DatePicker.Type.DateTime}
      */
-    type?: FormDatePickerType;
+    type?: DatePickerType;
 }
 
 /**
@@ -1313,7 +1182,28 @@ declare interface DatePickerProps extends FormItemProps_2<Date> {
  */
 declare type DatePickerRef = FormItemRef;
 
-declare interface DeprecatedFormItems {
+/**
+ * See {@link Form.DatePicker.Type}
+ */
+declare enum DatePickerType {
+    /**
+     * Only year, month, and day can be picked
+     */
+    Date = "date",
+    /**
+     * hour and second can be picked in addition to year, month and day
+     */
+    DateTime = "date_time"
+}
+
+declare interface DeprecatedActionPanelMembers {
+    /**
+     * @deprecated Use {@link Action} instead.
+     */
+    Item: typeof Action;
+}
+
+declare interface DeprecatedFormMembers {
     /**
      * @deprecated Use {@link Form.Dropdown.Section} instead.
      */
@@ -1385,276 +1275,245 @@ declare interface DescriptionProps {
  * }
  * ```
  */
-export declare function Detail(props: Detail.Props): ReactElement<Detail.Props>;
-
-export declare namespace Detail {
-    var propTypes: {
-        navigationTitle: PropTypes.Requireable<string>;
-        isLoading: PropTypes.Requireable<boolean>;
-        markdown: PropTypes.Requireable<string>;
-        metadata: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
-    var displayName: string;
-}
+export declare const Detail: FunctionComponent<DetailProps_2> & DetailMembers;
 
 export declare namespace Detail {
     /**
      * Props of the {@link Detail} React component.
      */
-    export interface Props extends ActionsInterface, NavigationChildInterface {
-        /**
-         * The CommonMark string to be rendered.
-         */
-        markdown?: string | null;
-        /**
-         * The `Detail.Metadata` to be rendered in the right side area
-         */
-        metadata?: ReactNode;
-    }
-    /**
-     * A Metadata view that will be shown in the right-hand-side of the `Detail`.
-     *
-     * Use it to display additional structured data about the main content shown in the `Detail` view.
-     */
-    const Metadata: typeof DetailMetadata;
+    export type Props = DetailProps_2;
     export namespace Metadata {
         /**
          * Props of the {@link Detail.Metadata} React component.
          */
-        export interface Props {
-            /**
-             * The Detail.Metadata.Item elements of the Metadata view.
-             */
-            children: ReactNode;
-        }
-        /**
-         * Props of the Detail.Metadata.Item React component.
-         */
-        export interface ItemProps {
-            /**
-             * The title shown above the item.
-             */
-            title: string;
-        }
+        export type Props = MetadataProps;
         export namespace Label {
             /**
              * Props of the {@link Detail.Metadata.Label} React component.
              */
-            export interface Props extends ItemProps {
-                /**
-                 * An icon to illustrate the value of the item.
-                 */
-                icon?: Image.ImageLike;
-                /**
-                 * The text value of the item.
-                 */
-                text?: string;
-            }
+            export type Props = LabelProps;
         }
         export namespace Separator {
             /**
              * Props of the {@link Detail.Metadata.Separator} React component.
              */
-            export interface Props {
-            }
+            export type Props = SeparatorProps;
         }
         export namespace Link {
             /**
              * Props of the {@link Detail.Metadata.Link} React component.
              */
-            export interface Props extends ItemProps {
-                /**
-                 * The target of the link.
-                 */
-                target: string;
-                /**
-                 * The text value of the item.
-                 */
-                text: string;
-            }
+            export type Props = LinkProps;
         }
         export namespace TagList {
             /**
              * Props of the {@link Detail.Metadata.TagList} React component.
              */
-            export interface Props extends ItemProps {
-                /**
-                 * The tags contained in the TagList.
-                 */
-                children: ReactNode;
-            }
+            export type Props = TagListProps;
             export namespace Item {
                 /**
                  * Props of the {@link Detail.Metadata.TagList.Item} React component.
                  */
-                export interface Props {
-                    /**
-                     * An optional icon in front of the text of the tag.
-                     */
-                    icon?: Image.ImageLike;
-                    /**
-                     * The text of the tag.
-                     */
-                    text: string;
-                    /**
-                     * Changes the text color to the provided color and sets a transparent background with the same color.
-                     */
-                    color?: Color.ColorLike;
-                }
+                export type Props = TagListItemProps;
             }
         }
     }
 }
 
 /**
- * See {@link Detail.Metadata}
+ * See {@link List.Item.Detail}
  */
-declare function DetailMetadata(props: Detail.Metadata.Props): ReactElement<Detail.Metadata.Props>;
+declare const Detail_2: FunctionComponent<DetailProps_3> & DetailMembers_2;
 
-declare namespace DetailMetadata {
-    var propTypes: {};
-    var displayName: string;
+declare interface DetailMembers {
+    /**
+     * A Metadata view that will be shown in the right-hand-side of the `Detail`.
+     *
+     * Use it to display additional structured data about the main content shown in the `Detail` view.
+     */
+    Metadata: typeof Metadata;
 }
 
-declare namespace DetailMetadata {
+declare interface DetailMembers_2 {
     /**
-     * A single value with an optional icon.
+     * A Metadata view that will be shown in the bottom side of the `List.Item.Detail`.
+     *
+     * Use it to display additional structured data about the content of the `List.Item`.
+     *
+     * @example
+     * ```typescript
+     * import { List } from "@raycast/api";
+     *
+     * export default function Metadata() {
+     *   const markdown = `
+     * ![Illustration](https://assets.pokemon.com/assets/cms2/img/pokedex/full/001.png)
+     * There is a plant seed on its back right from the day this Pokémon is born. The seed slowly grows larger.
+     * `;
+     *   return (
+     *     <List isShowingDetail>
+     *       <List.Item
+     *         title="Bulbasaur"
+     *         detail={
+     *           <List.Item.Detail
+     *             markdown={markdown}
+     *             metadata={
+     *               <List.Item.Detail.Metadata>
+     *                 <List.Item.Detail.Metadata.Label title="Types" />
+     *                 <List.Item.Detail.Metadata.Label title="Grass" icon="pokemon_types/grass.svg" />
+     *                 <List.Item.Detail.Metadata.Separator />
+     *                 <List.Item.Detail.Metadata.Label title="Poison" icon="pokemon_types/poison.svg" />
+     *                 <List.Item.Detail.Metadata.Separator />
+     *                 <List.Item.Detail.Metadata.Label title="Chracteristics" />
+     *                 <List.Item.Detail.Metadata.Label title="Height" text="70cm" />
+     *                 <List.Item.Detail.Metadata.Separator />
+     *                 <List.Item.Detail.Metadata.Label title="Weight" text="6.9 kg" />
+     *                 <List.Item.Detail.Metadata.Separator />
+     *                 <List.Item.Detail.Metadata.Label title="Abilities" />
+     *                 <List.Item.Detail.Metadata.Label title="Chlorophyll" text="Main Series" />
+     *                 <List.Item.Detail.Metadata.Separator />
+     *                 <List.Item.Detail.Metadata.Label title="Overgrow" text="Main Series" />
+     *                 <List.Item.Detail.Metadata.Separator />
+     *               </List.Item.Detail.Metadata>
+     *             }
+     *           />
+     *         }
+     *       />
+     *     </List>
+     *   );
+     * }
+     * ```
+     *
+     * @example
+     * ```typescript
+     * import { List } from "@raycast/api";
+     *
+     * export default function Metadata() {
+     *   return (
+     *     <List isShowingDetail>
+     *       <List.Item
+     *         title="Bulbasaur"
+     *         detail={
+     *           <List.Item.Detail
+     *             metadata={
+     *               <List.Item.Detail.Metadata>
+     *                 <List.Item.Detail.Metadata.Label title="Types" />
+     *                 <List.Item.Detail.Metadata.Label title="Grass" icon="pokemon_types/grass.svg" />
+     *                 <List.Item.Detail.Metadata.Separator />
+     *                 <List.Item.Detail.Metadata.Label title="Poison" icon="pokemon_types/poison.svg" />
+     *                 <List.Item.Detail.Metadata.Separator />
+     *                 <List.Item.Detail.Metadata.Label title="Chracteristics" />
+     *                 <List.Item.Detail.Metadata.Label title="Height" text="70cm" />
+     *                 <List.Item.Detail.Metadata.Separator />
+     *                 <List.Item.Detail.Metadata.Label title="Weight" text="6.9 kg" />
+     *                 <List.Item.Detail.Metadata.Separator />
+     *                 <List.Item.Detail.Metadata.Label title="Abilities" />
+     *                 <List.Item.Detail.Metadata.Label title="Chlorophyll" text="Main Series" />
+     *                 <List.Item.Detail.Metadata.Separator />
+     *                 <List.Item.Detail.Metadata.Label title="Overgrow" text="Main Series" />
+     *                 <List.Item.Detail.Metadata.Separator />
+     *               </List.Item.Detail.Metadata>
+     *             }
+     *           />
+     *         }
+     *       />
+     *     </List>
+     *   );
+     * }
+     * ```
+     */
+    Metadata: typeof Metadata_2;
+}
+
+/**
+ * @deprecated Use {@link Detail.Props} instead.
+ */
+export declare interface DetailProps extends Detail.Props {
+}
+
+declare interface DetailProps_2 extends ActionsInterface, NavigationChildInterface {
+    /**
+     * The CommonMark string to be rendered.
      */
-    const Label: typeof DetailMetadataLabel;
+    markdown?: string | null;
     /**
-     * A metadata item that shows a separator line. Use it for grouping and visually separating metadata items.
+     * The `Detail.Metadata` to be rendered in the right side area
      */
-    const Separator: typeof DetailMetadataSeparator;
+    metadata?: ReactNode;
+}
+
+declare interface DetailProps_3 {
     /**
-     * An item to display a link.
+     * Indicates whether a loading bar should be shown or hidden above the detail
+     *
+     * @defaultValue `false`
      */
-    const Link: typeof DetailMetadataLink;
+    isLoading?: boolean;
     /**
-     * A list of {@link Detail.Metadata.TagList.Item} displayed in a row.
+     * The CommonMark string to be rendered in the right side area when the parent List is showing details and the item is selected.
+     */
+    markdown?: string | null;
+    /**
+     * The `List.Item.Detail.Metadata` to be rendered in the bottom side of the `List.Item.Detail`
      */
-    const TagList: typeof DetailMetadataTagList;
+    metadata?: ReactNode;
 }
 
 /**
- * See {@link Detail.Metadata.Label}
+ * See {@link Form.Dropdown}
  */
-declare function DetailMetadataLabel(props: Detail.Metadata.Label.Props): ReactElement<Detail.Metadata.Label.Props> | null;
-
-declare namespace DetailMetadataLabel {
-    var propTypes: {
-        title: PropTypes.Validator<string>;
-        icon: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
-            fileIcon: PropTypes.Validator<string>;
-        }>> | Required<PropTypes.InferProps<{
-            source: PropTypes.Validator<string | Required<PropTypes.InferProps<{
-                light: PropTypes.Validator<string>;
-                dark: PropTypes.Validator<string>;
-            }>>>;
-            fallback: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
-                light: PropTypes.Validator<string>;
-                dark: PropTypes.Validator<string>;
-            }>>>;
-            mask: PropTypes.Requireable<Image.Mask>;
-            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;
-}
+declare const Dropdown: ForwardRefExoticComponent<DropdownProps & RefAttributes<FormItemRef>> & DropdownMembers;
 
 /**
- * See {@link Detail.Metadata.Link}
+ * See {@link List.Dropdown}
  */
-declare function DetailMetadataLink(props: Detail.Metadata.Link.Props): ReactElement<Detail.Metadata.Link.Props>;
-
-declare namespace DetailMetadataLink {
-    var propTypes: {
-        title: PropTypes.Validator<string>;
-        target: PropTypes.Validator<string>;
-        text: PropTypes.Validator<string>;
-    };
-    var displayName: string;
-}
+declare const Dropdown_2: FunctionComponent<DropdownProps_2> & DropdownMembers_2;
 
 /**
- * See {@link Detail.Metadata.Separator}
+ * See {@link Form.Dropdown.Item}
  */
-declare function DetailMetadataSeparator(props: Detail.Metadata.Separator.Props): ReactElement<Detail.Metadata.Separator.Props>;
-
-declare namespace DetailMetadataSeparator {
-    var propTypes: {};
-    var displayName: string;
-}
+declare const DropdownItem: FunctionComponent<DropdownItemProps>;
 
 /**
- * See {@link Detail.Metadata.TagList}
+ * See {@link List.Dropdown.Item}
  */
-declare function DetailMetadataTagList(props: Detail.Metadata.TagList.Props): ReactElement<Detail.Metadata.TagList.Props>;
-
-declare namespace DetailMetadataTagList {
-    var propTypes: {
-        title: PropTypes.Validator<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
-    var displayName: string;
-}
-
-declare namespace DetailMetadataTagList {
-    /**
-     * A Tag in a {@link Detail.Metadata.TagList}.
-     */
-    const Item: typeof DetailMetadataTagListItem;
-}
+declare const DropdownItem_2: FunctionComponent<DropdownItemProps_2>;
 
 /**
- * See {@link Detail.Metadata.TagList.Item}
+ * See {@link Form.Dropdown.Item.Props}
  */
-declare function DetailMetadataTagListItem(props: Detail.Metadata.TagList.Item.Props): ReactElement<Detail.Metadata.TagList.Item.Props>;
-
-declare namespace DetailMetadataTagListItem {
-    var propTypes: {
-        text: PropTypes.Validator<string>;
-        icon: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
-            fileIcon: PropTypes.Validator<string>;
-        }>> | Required<PropTypes.InferProps<{
-            source: PropTypes.Validator<string | Required<PropTypes.InferProps<{
-                light: PropTypes.Validator<string>;
-                dark: PropTypes.Validator<string>;
-            }>>>;
-            fallback: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
-                light: PropTypes.Validator<string>;
-                dark: PropTypes.Validator<string>;
-            }>>>;
-            mask: PropTypes.Requireable<Image.Mask>;
-            tintColor: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
-                light: PropTypes.Validator<string>;
-                dark: PropTypes.Validator<string>;
-                adjustContrast: PropTypes.Requireable<boolean>;
-            }>>>;
-        }>>>;
-        color: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
-            light: PropTypes.Validator<string>;
-            dark: PropTypes.Validator<string>;
-            adjustContrast: PropTypes.Requireable<boolean>;
-        }>>>;
-    };
-    var displayName: string;
+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;
 }
 
-/**
- * @deprecated Use {@link Detail.Props} instead.
- */
-export declare interface DetailProps extends Detail.Props {
+declare interface DropdownItemProps_2 {
+    /**
+     * 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;
+    /**
+     * An optional icon displayed for the item.
+     */
+    icon?: Image.ImageLike | undefined | null;
 }
 
-/**
- * See {@link Form.Dropdown}
- */
-declare const Dropdown: ForwardRefExoticComponent<DropdownProps & RefAttributes<FormItemRef>> & {
+declare interface DropdownMembers {
     /**
      * Visually separated group of dropdown items.
      *
@@ -1714,41 +1573,114 @@ declare const Dropdown: ForwardRefExoticComponent<DropdownProps & RefAttributes<
      * }
      * ```
      */
-    Item: typeof DropdownItem;
-};
+    Item: typeof DropdownItem;
+}
+
+declare interface DropdownMembers_2 {
+    /**
+     * Visually separated group of dropdown items in a {@link List.Dropdown}.
+     *
+     * @remarks
+     * Use sections to group related dropdown items together.
+     *
+     * @example
+     * ```typescript
+     * import { List } from "@raycast/api";
+     *
+     * export default function Command() {
+     *   return (
+     *     <List searchBarAccessory={
+     *       <List.Dropdown tooltip="Dropdown With Sections">
+     *         <List.Dropdown.Section title="First Section">
+     *           <List.Dropdown.Item title="One" value="one" />
+     *         </List.Dropdown.Section>
+     *         <List.Dropdown.Section title="Second Section">
+     *           <List.Dropdown.Item title="Two" value="two" />
+     *         </List.Dropdown.Section>
+     *       </List.Dropdown>
+     *     }>
+     *       <List.Item title="Item in the Main List">
+     *     </List>
+     *   );
+     * }
+     * ```
+     */
+    Section: typeof DropdownSection_2;
+    /**
+     * A dropdown item in a {@link List.Dropdown}
+     *
+     * @example
+     * ```typescript
+     * import { List } from "@raycast/api";
+     *
+     * export default function Command() {
+     *     return (
+     *       <List searchBarAccessory={
+     *         <List.Dropdown tooltip="Dropdown With Items">
+     *           <List.Dropdown.Item title="One" value="one" />
+     *           <List.Dropdown.Item title="Two" value="two" />
+     *           <List.Dropdown.Item title="Three" value="three" />
+     *         </List.Dropdown>
+     *       }>
+     *         <List.Item title="Item in the Main List">
+     *       </List>
+     *   );
+     * }
+     * ```
+     */
+    Item: typeof DropdownItem_2;
+}
 
 /**
- * See {@link Form.Dropdown.Item}
+ * See {@link Form.Dropdown.Props}
  */
-declare const DropdownItem: FunctionComponent<DropdownItemProps>;
+declare interface DropdownProps extends FormItemProps_2<string> {
+    /**
+     * Sections or items. If {@link Form.Dropdown.Item} elements are specified, a default section is automatically created.
+     */
+    children?: ReactNode;
+}
 
-/**
- * See {@link Form.Dropdown.Item.Props}
- */
-declare interface DropdownItemProps {
+declare interface DropdownProps_2 {
     /**
-     * Value of the dropdown item.
-     * Make sure to assign each unique value for each item.
+     * ID of the dropdown.
      */
-    value: string;
+    id?: string;
     /**
-     * The title displayed for the item.
+     * Tooltip displayed when hovering the dropdown.
      */
-    title: string;
+    tooltip: string;
     /**
-     * A optional icon displayed for the item.
+     * Placeholder text that will be shown in the dropdown search field.
+     *
+     * @defaultValue `"Search..."`
      */
-    icon?: Image.ImageLike;
-}
-
-/**
- * See {@link Form.Dropdown.Props}
- */
-declare interface DropdownProps extends FormItemProps_2<string> {
+    placeholder?: string;
+    /**
+     * Indicates whether the value of the dropdown should be persisted after selection, and restored next time the dropdown is rendered.
+     */
+    storeValue?: boolean | undefined;
     /**
-     * Sections or items. If {@link DropdownItem} elements are specified, a default section is automatically created.
+     * The currently value of the dropdown.
+     */
+    value?: string;
+    /**
+     * The default value of the dropdown.
+     * 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 `storeValue` and configured it as `true` _and_ a {@link List.Dropdown.Item} with the same value exists, then it will be selected.**
+     *
+     * **If you configure `value` at the same time as `defaultValue`, the `value` will have precedence over `defaultValue`.**
+     */
+    defaultValue?: string;
+    /**
+     * List sections or items. If {@link List.Dropdown.Item} elements are specified, a default section is automatically created.
      */
     children?: ReactNode;
+    /**
+     * Callback triggered when the list item selection changes.
+     */
+    onChange?: (newValue: string) => void;
 }
 
 /**
@@ -1761,6 +1693,11 @@ declare type DropdownRef = FormItemRef;
  */
 declare const DropdownSection: FunctionComponent<DropdownSectionProps>;
 
+/**
+ * See {@link List.Dropdown.Section}
+ */
+declare const DropdownSection_2: FunctionComponent<DropdownSectionProps_2>;
+
 /**
  * See {@link Form.Dropdown.Section.Props}
  */
@@ -1775,11 +1712,43 @@ declare interface DropdownSectionProps {
     title?: string;
 }
 
+declare interface DropdownSectionProps_2 {
+    /**
+     * 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;
 
+declare const EmptyView: FunctionComponent<EmptyViewProps>;
+
+declare interface EmptyViewProps extends ActionsInterface {
+    /**
+     * An icon displayed in the center of the EmptyView.
+     *
+     * @remarks
+     * If an SVG is used, its longest side will be 128 pixels. Other images will be up/downscaled proportionally so that the longest side is between 64 and 256 pixels.
+     * If not specified, Raycast's default `EmptyView` icon will be used.
+     */
+    icon?: Image.ImageLike | undefined | null;
+    /**
+     * The main title displayed for the Empty View.
+     */
+    title?: string;
+    /**
+     * An optional description for why the empty view is shown.
+     */
+    description?: string;
+}
+
 /**
  * Holds data about the environment the command is running in. Use the global {@link environment} object to retrieve values.
  */
@@ -1871,7 +1840,7 @@ export declare interface FileSystemItem {
 /**
  * Shows a list of form items such as {@link Form.TextField}, {@link Form.Checkbox} or {@link Form.Dropdown}.
  */
-export declare const Form: FunctionComponent<FormProps_2> & FormItems & DeprecatedFormItems;
+export declare const Form: FunctionComponent<FormProps_2> & FormMembers & DeprecatedFormMembers;
 
 export declare namespace Form {
     export type ItemProps<T extends FormValue_2> = FormItemProps_2<T>;
@@ -2258,6 +2227,12 @@ export declare namespace Form {
          * Props of the {@link Form.DatePicker} React component.
          */
         export type Props = DatePickerProps;
+        /**
+         * 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
+         */
+        export type Type = DatePickerType;
     }
     /**
      * A Ref Type for the {@link Form.Dropdown}.
@@ -2467,20 +2442,6 @@ export declare const FormDatePicker: typeof Form.DatePicker;
 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",
-    /**
-     * hour and second can be picked in addition to year, month and day
-     */
-    DateTime = "date_time"
-}
-
 /**
  * @deprecated Use {@link Form.Dropdown} instead.
  */
@@ -2548,23 +2509,98 @@ declare interface FormItemProps_2<T extends FormValue_2> {
     /**
      * The current value of the item.
      */
-    value?: T & FormValue_2;
+    value?: T;
     /**
      * 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're using `storeValue` and configured it as `true` then the stored value will be set.
+     *
+     * If you configure `value` at the same time with `defaultValue`, the `value` will be set instead of `defaultValue`.
+     */
+    defaultValue?: T;
+    /**
+     * The callback which will be triggered when the `value` of the item changes.
+     */
+    onChange?: (newValue: T) => void;
+}
+
+/**
+ * Interface describing common functions and props that Form.Item Refs has.
+ */
+declare interface FormItemRef {
+    /**
+     * Focuses the item.
+     *
+     * @example
+     * ```typescript
+     * import { Form, ActionPanel, Action } from "@raycast/api";
+     * import { useRef } from "react";
+     *
+     * export default function Command() {
+     *   const textFieldRef = useRef<Form.TextField>(null);
      *
-     * If you configure {@link FormItemProps.value} at the same time with {@link FormItemProps.defaultValue}, the `value` will be set instead of `defaultValue`.
+     *   return (
+     *     <Form
+     *       actions={
+     *         <ActionPanel>
+     *           <Action.SubmitForm
+     *             title="Submit"
+     *             onSubmit={(values) => {
+     *               textFieldRef.current?.focus();
+     *               console.log("Values", values);
+     *             }}
+     *           />
+     *         </ActionPanel>
+     *       }
+     *     >
+     *       <Form.TextField id="textField" title="Your Name" placeholder="César" ref={textFieldRef} />
+     *       <Form.TextArea id="textArea" title="About" placeholder="Enter something about you" />
+     *     </Form>
+     *   );
+     * }
+     * ```
      */
-    defaultValue?: T & FormValue_2;
+    focus: () => void;
     /**
-     * The callback which will be triggered on the {@link Form.Item.Props.value} change for the item.
+     * Resets value of the item
+     *
+     * @remarks
+     * If `defaultValue` is defined, calling the `.reset()` function will set `value` to the `defaultValue`.
+     *
+     * @example
+     * ```typescript
+     * 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"
+     *             onSubmit={(values) => {
+     *               textFieldRef.current?.focus();
+     *               console.log("Values", values);
+     *             }}
+     *           />
+     *         </ActionPanel>
+     *       }
+     *     >
+     *       <Form.TextField id="textField" title="Your Name" placeholder="César" ref={textFieldRef} />
+     *       <Form.TextArea id="textArea" title="About" placeholder="Enter something about you" />
+     *     </Form>
+     *   );
+     * }
+     * ```
      */
-    onChange?: (newValue: T & FormValue_2) => void;
+    reset: () => void;
 }
 
-declare interface FormItems {
+declare interface FormMembers {
     /**
      * A form item with a checkbox.
      *
@@ -3447,56 +3483,156 @@ export declare namespace Image {
         dark: Asset;
     };
     /**
-     * Available masks that can be used to change the shape of an image.
-     *
-     * @remarks
-     * Can be handy to shape avatars or other items in a list.
-     *
-     * @example
-     * ```typescript
-     * import { Image, List } from "@raycast/api";
-     *
-     * export default function Command() {
-     *   return (
-     *     <List>
-     *       <List.Item title="Icon" icon={{ source: "https://raycast.com/uploads/avatar.png", mask: Image.Mask.Circle }} />
-     *     </List>
-     *   );
-     * };
-     * ```
+     * Available masks that can be used to change the shape of an image.
+     *
+     * @remarks
+     * Can be handy to shape avatars or other items in a list.
+     *
+     * @example
+     * ```typescript
+     * import { Image, List } from "@raycast/api";
+     *
+     * export default function Command() {
+     *   return (
+     *     <List>
+     *       <List.Item title="Icon" icon={{ source: "https://raycast.com/uploads/avatar.png", mask: Image.Mask.Circle }} />
+     *     </List>
+     *   );
+     * };
+     * ```
+     */
+    export enum Mask {
+        /**
+         * Masks an image with a circle. Good to use for avatars.
+         */
+        Circle = "circle",
+        /**
+         * Masks an image with a rounded rectangle.
+         */
+        RoundedRectangle = "roundedRectangle"
+    }
+}
+
+/**
+ * @deprecated Use {@link Image.ImageLike} instead
+ */
+export declare type ImageLike = Image.ImageLike;
+
+/**
+ * @deprecated Use {@link Image.Mask} instead
+ */
+export declare type ImageMask = Image.Mask;
+
+/**
+ * @deprecated Use {@link Image.Mask} instead
+ */
+export declare const ImageMask: typeof Image.Mask;
+
+/**
+ * @deprecated Use {@link Image.Source} instead
+ */
+export declare type ImageSource = Image.Source;
+
+/**
+ * See {@link List.Item}
+ */
+declare const Item: FunctionComponent<ItemProps> & ItemMembers;
+
+declare interface ItemAccessory {
+    /**
+     * An optional text that will be used as the label.
+     */
+    text?: string | undefined | null;
+    /**
+     * An optional {@link Image.ImageLike} that will be used as the icon.
+     * @remarks
+     * An image will be shown in front of the text if {@link List.Item.Accessory.text} is specified.
+     */
+    icon?: Image.ImageLike | undefined | null;
+    /**
+     * An optional tooltip shown when the accessory is hovered.
+     */
+    tooltip?: string | undefined | null;
+}
+
+declare interface ItemMembers {
+    /**
+     * A Detail view that will be shown in the right-hand-side of the List.
+     *
+     * @example
+     * ```typescript
+     * import { List } from "@raycast/api";
+     *
+     * export default function Command() {
+     *   return (
+     *     <List isShowingDetail>
+     *       <List.Item
+     *         title="Pikachu"
+     *         subtitle="Electric"
+     *         detail={<List.Item.Detail markdown="![Illustration](https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/25.png)" />}
+     *       />
+     *     </List>
+     *   );
+     * }
+     * ```
+     */
+    Detail: typeof Detail_2;
+}
+
+declare interface ItemProps extends ActionsInterface {
+    /**
+     * ID of the item. This string is passed to the `onSelectionChange` handler of the {@link List} when the item is selected.
+     * Make sure to assign each item a unique ID or a UUID will be auto generated.
+     */
+    id?: string;
+    /**
+     * The main title displayed for that item, optionally with a tooltip.
+     */
+    title: string | {
+        value: string;
+        tooltip: string;
+    };
+    /**
+     * An optional subtitle displayed next to the main title, optionally with a tooltip.
+     */
+    subtitle?: string | {
+        value: string;
+        tooltip: string;
+    };
+    /**
+     * An optional property used for providing additional indexable strings for search.
+     * When filtering the list in Raycast through the search bar, the keywords will be searched in addition to the title.
+     */
+    keywords?: string[];
+    /**
+     * An optional icon displayed for the list item.
+     */
+    icon?: Image.ImageLike | {
+        value: Image.ImageLike;
+        tooltip: string;
+    };
+    /**
+     * @deprecated Use `accessories={[ { icon: ... } ]}` instead.
+     */
+    accessoryIcon?: Image.ImageLike;
+    /**
+     * @deprecated Use `accessories={[ { text: ... } ]}` instead.
+     */
+    accessoryTitle?: string;
+    /**
+     * An optional array of {@link List.Item.Accessory} items displayed on the right side in a List.Item.
+     */
+    accessories?: ItemAccessory[] | undefined | null;
+    /**
+     * An {@link ActionPanel} that will be updated for the selected list item.
+     */
+    actions?: ReactNode | null;
+    /**
+     * The `List.Item.Detail` to be rendered in the right side area when the parent List is showing details and the item is selected.
      */
-    export enum Mask {
-        /**
-         * Masks an image with a circle. Good to use for avatars.
-         */
-        Circle = "circle",
-        /**
-         * Masks an image with a rounded rectangle.
-         */
-        RoundedRectangle = "roundedRectangle"
-    }
+    detail?: ReactNode;
 }
 
-/**
- * @deprecated Use {@link Image.ImageLike} instead
- */
-export declare type ImageLike = Image.ImageLike;
-
-/**
- * @deprecated Use {@link Image.Mask} instead
- */
-export declare type ImageMask = Image.Mask;
-
-/**
- * @deprecated Use {@link Image.Mask} instead
- */
-export declare const ImageMask: typeof Image.Mask;
-
-/**
- * @deprecated Use {@link Image.Source} instead
- */
-export declare type ImageSource = Image.Source;
-
 export declare namespace Keyboard {
     /**
      * A keyboard shortcut is defined by one or more modifier keys (command, control, etc.) and a single key equivalent (a character or special key).
@@ -3573,291 +3709,142 @@ export declare type KeyEquivalent = Keyboard.KeyEquivalent;
 export declare type KeyModifier = Keyboard.KeyModifier;
 
 /**
- * Displays {@link List.Section} or {@link List.Item}, optionally {@link List.Dropdown}.
- *
- * @remarks
- * The list uses built-in filtering by indexing the title of list items and additionally keywords.
- *
- * @example
- * ```typescript
- * import { List } from "@raycast/api";
- *
- * function DrinkDropdown(props: DrinkDropdownProps) {
- *   const { isLoading = false, drinkTypes, onDrinkTypeChange } = props;
- *   return (
- *     <List.Dropdown
- *       tooltip="Select Drink Type"
- *       storeValue={true}
- *       onChange={(newValue) => {
- *         onDrinkTypeChange(newValue);
- *       }}
- *     >
- *       <List.Dropdown.Section title="Alcoholic Beverages">
- *         {drinkTypes.map((drinkType) => (
- *           <List.Dropdown.Item key={drinkType.id} title={{ value: drinkType.name, tooltip: drinkType.definition }} value={drinkType.id} />
- *         ))}
- *       </List.Dropdown.Section>
- *     </List.Dropdown>
- *   );
- * }
- *
- * export default function Command() {
- *   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);
- *   }
- *   return (
- *     <List
- *       navigationTitle="Search Beers"
- *       searchBarPlaceholder="Search your favorite drink"
- *       searchBarAccessory={<DrinkDropdown drinkTypes={drinkTypes} onDrinkTypeChange={onDrinkTypeChange} />}
- *     >
- *       <List.Item title="Augustiner Helles" />
- *       <List.Item title="Camden Hells" />
- *       <List.Item title="Leffe Blonde" />
- *       <List.Item title="Sierra Nevada IPA" />
- *     </List>
- *   );
- * }
- * ```
+ * See {@link Detail.Metadata.Label}
  */
-export declare function List(props: List.Props): ReactElement<List.Props>;
+declare const Label: FunctionComponent<LabelProps>;
 
-export declare namespace List {
-    var propTypes: {
-        onSelectionChange: PropTypes.Requireable<(...args: any[]) => any>;
-        searchBarAccessory: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        searchText: PropTypes.Requireable<string>;
-        enableFiltering: PropTypes.Requireable<boolean>;
-        searchBarPlaceholder: PropTypes.Requireable<string>;
-        selectedItemId: PropTypes.Requireable<string>;
-        throttle: PropTypes.Requireable<boolean>;
-        onSearchTextChange: PropTypes.Requireable<(...args: any[]) => any>;
-        isLoading: PropTypes.Requireable<boolean>;
-        navigationTitle: PropTypes.Requireable<string>;
-        actions: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
-    var displayName: string;
+/**
+ * See {@link List.Item.Detail.Metadata.Label}
+ */
+declare const Label_2: FunctionComponent<LabelProps_2>;
+
+declare interface LabelProps {
+    /**
+     * The title shown above the item.
+     */
+    title: string;
+    /**
+     * An icon to illustrate the value of the item.
+     */
+    icon?: Image.ImageLike | undefined | null;
+    /**
+     * The text value of the item.
+     */
+    text?: string;
 }
 
-export declare namespace List {
+declare interface LabelProps_2 {
     /**
-     * A view to display when there aren't any items available. Use to greet users with a friendly message if the
-     * extension requires user input before it can show any list items e.g. when searching for a package, an article etc.
-     *
-     * @remarks
-     * Raycast provides a default `EmptyView` that will be displayed if the {@link List} component either has no children,
-     * or if it has children, but none of them match the query in the search bar. This too can be overridden by passing
-     * an empty view alongside the other `List.Item`s.
-     *
-     * @example
-     * ```typescript
-     * import { useState } from "react";
-     * import { List } from "@raycast/api";
-     *
-     * export default function CommandWithCustomEmptyState() {
-     *   const [state, setState] = useState({ searchText: "", items: [] });
-     *
-     *   useEffect(() => {
-     *     // perform an API call that eventually populates `items`.
-     *   }, [state.searchText])
-     *
-     *   return (
-     *     <List
-     *       onSearchTextChange={(newValue) =>
-     *         setState((previous) => ({ ...previous, searchText: newValue }))
-     *       }
-     *     >
-     *       {state.searchText === "" && state.items.length === 0 ? (
-     *         <List.EmptyView
-     *           icon={{ source: "https://placekitten.com/500/500" }}
-     *           title="Type something to get started"
-     *         />
-     *       ) : (
-     *         state.items.map((item) => <List.Item key={item} title={item} />)
-     *       )}
-     *     </List>
-     *   );
-     * }
-     * ```
+     * The title of the item.
      */
-    const EmptyView: typeof ListEmptyView;
+    title: string;
     /**
-     * A item in the {@link List}.
-     *
-     * @remarks
-     * This is one of the foundational UI components of Raycast. A list item represents a single entity. It can be a
-     * GitHub pull request, a file, or anything else. You most likely want to perform actions on this item, so make it clear
-     * to the user what this list item is about.
-     *
-     * @example
-     * ```typescript
-     * import { Icon, List } from "@raycast/api";
-     *
-     * export default function Command() {
-     *   return (
-     *     <List>
-     *       <List.Item icon={Icon.Star} title="Augustiner Helles" subtitle="0,5 Liter" accessories={[{ text: "Germany" }]} />
-     *     </List>
-     *   );
-     * }
-     * ```
+     * An icon to illustrate the value of the item.
      */
-    const Item: typeof ListItem_2;
+    icon?: Image.ImageLike | undefined | null;
     /**
-     * A group of related {@link List.Item}.
-     *
-     * @remarks
-     * Sections are a great way to structure your list. For example, group GitHub issues with the same status and order them by priority.
-     * This way, users can quickly access what is most relevant.
-     *
-     * @example
-     * ```typescript
-     * import { List } from "@raycast/api";
-     *
-     * export default function Command() {
-     *   return (
-     *     <List>
-     *       <List.Section title="Lager">
-     *         <List.Item title="Camden Hells" />
-     *       </List.Section>
-     *       <List.Section title="IPA">
-     *         <List.Item title="Sierra Nevada IPA" />
-     *       </List.Section>
-     *     </List>
-     *   );
-     * }
-     * ```
+     * The text value of the item.
      */
-    const Section: typeof ListSection_2;
+    text?: string;
+}
+
+/**
+ * See {@link Detail.Metadata.Link}
+ */
+declare const Link: FunctionComponent<LinkProps>;
+
+declare interface LinkProps {
     /**
-     * A dropdown menu that will be shown in the right-hand-side of the search bar.
-     *
-     * @example
-     * ```typescript
-     * import { List } from "@raycast/api";
-     *
-     * function DrinkDropdown(props: DrinkDropdownProps) {
-     *   const { isLoading = false, drinkTypes, onDrinkTypeChange } = props;
-     *   return (
-     *     <List.Dropdown
-     *       tooltip="Select Drink Type"
-     *       disabled={isLoading}
-     *       storeValue={true}
-     *       onChange={(newValue) => {
-     *         onDrinkTypeChange(newValue);
-     *       }}
-     *     >
-     *       <List.Dropdown.Section title="Alcoholic Beverages">
-     *         {drinkTypes.map((drinkType) => (
-     *           <List.Dropdown.Item key={drinkType.id} title={drinkType.name} value={drinkType.id} />
-     *         ))}
-     *       </List.Dropdown.Section>
-     *     </List.Dropdown>
-     *   );
-     * }
-     *
-     * export default function Command() {
-     *   const drinkTypes = [{ id: 1, name: 'Beer' }, { id: 2, name: 'Wine' }];
-     *   const onDrinkTypeChange = (newValue) => {
-     *     console.log(newValue);
-     *   }
-     *   return (
-     *     <List
-     *       navigationTitle="Search Beers"
-     *       searchBarPlaceholder="Search your favorite drink"
-     *       searchBarAccessory={<DrinkDropdown drinkTypes={drinkTypes} onDrinkTypeChange={onDrinkTypeChange} />}
-     *     >
-     *       <List.Item title="Augustiner Helles" />
-     *       <List.Item title="Camden Hells" />
-     *       <List.Item title="Leffe Blonde" />
-     *       <List.Item title="Sierra Nevada IPA" />
-     *     </List>
-     *   );
-     * }
-     * ```
+     * The title shown above the item.
+     */
+    title: string;
+    /**
+     * The target of the link.
+     */
+    target: string;
+    /**
+     * The text value of the item.
      */
-    const Dropdown: typeof ListDropdown;
+    text: string;
+}
+
+/**
+ * Displays {@link List.Section} or {@link List.Item}, optionally {@link List.Dropdown}.
+ *
+ * @remarks
+ * The list uses built-in filtering by indexing the title of list items and additionally keywords.
+ *
+ * @example
+ * ```typescript
+ * import { List } from "@raycast/api";
+ *
+ * function DrinkDropdown(props: DrinkDropdownProps) {
+ *   const { isLoading = false, drinkTypes, onDrinkTypeChange } = props;
+ *   return (
+ *     <List.Dropdown
+ *       tooltip="Select Drink Type"
+ *       storeValue={true}
+ *       onChange={(newValue) => {
+ *         onDrinkTypeChange(newValue);
+ *       }}
+ *     >
+ *       <List.Dropdown.Section title="Alcoholic Beverages">
+ *         {drinkTypes.map((drinkType) => (
+ *           <List.Dropdown.Item key={drinkType.id} title={{ value: drinkType.name, tooltip: drinkType.definition }} value={drinkType.id} />
+ *         ))}
+ *       </List.Dropdown.Section>
+ *     </List.Dropdown>
+ *   );
+ * }
+ *
+ * export default function Command() {
+ *   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);
+ *   }
+ *   return (
+ *     <List
+ *       navigationTitle="Search Beers"
+ *       searchBarPlaceholder="Search your favorite drink"
+ *       searchBarAccessory={<DrinkDropdown drinkTypes={drinkTypes} onDrinkTypeChange={onDrinkTypeChange} />}
+ *     >
+ *       <List.Item title="Augustiner Helles" />
+ *       <List.Item title="Camden Hells" />
+ *       <List.Item title="Leffe Blonde" />
+ *       <List.Item title="Sierra Nevada IPA" />
+ *     </List>
+ *   );
+ * }
+ * ```
+ */
+export declare const List: FunctionComponent<ListProps_2> & ListMembers;
+
+export declare namespace List {
     /**
      * Props of the {@link List} React component.
      */
-    export interface Props extends ActionsInterface, NavigationChildInterface {
-        /**
-         * List sections or items. If {@link List.Item} elements are specified, a default section is automatically created.
-         */
-        children?: ReactNode;
-        /**
-         * Callback triggered when the item selection in the list changes.
-         */
-        onSelectionChange?: (id?: string) => void;
-        /**
-         * {@link List.Dropdown} that will be shown in the right-hand-side of the search bar.
-         */
-        searchBarAccessory?: ReactElement<List.Dropdown.Props> | null | boolean;
-        /**
-         * The text that will be displayed in the search bar.
-         */
-        searchText?: string;
-        /**
-         * Toggles Raycast filtering. When `true`, Raycast will use the query in the search bar to filter list
-         * items. When `false`, the extension needs to take care of the filtering.
-         *
-         * @remarks
-         * Having this enabled when filtering items in the extension is unspecified behaviour.
-         *
-         * @defaultValue false when `onSearchTextChange` is specified, true otherwise.
-         */
-        enableFiltering?: boolean;
-        /**
-         * Placeholder text that will be shown in the search bar.
-         *
-         * @defaultValue Search value...
-         */
-        searchBarPlaceholder?: string;
-        /**
-         * Selects the item with the specified id.
-         */
-        selectedItemId?: string;
-        /**
-         * Defines whether the {@link List.Props.onSearchTextChange} will be triggered on every keyboard press or with a delay for throttling the events.
-         * Recommended to set to `true` when using custom filtering logic with asynchronous operations (e.g. network requests).
-         * @defaultValue false
-         */
-        throttle?: boolean;
-        /**
-         * Callback triggered when the search bar text changes.
-         *
-         * @remarks
-         * Specifying this implicitly toggles `enableFiltering` to false. To enable native filtering when using `onSearchTextChange`, explicitly set `enableFiltering` to true.
-         */
-        onSearchTextChange?: (text: string) => void;
+    export type Props = ListProps_2;
+    export namespace EmptyView {
+        export type Props = EmptyViewProps;
+    }
+    export namespace Dropdown {
         /**
-         * Whether the List should have an area on the right side of the items to show additional details about the selected item.
-         *
-         * When true, it is recommended not to show any accessories on the `List.Item` and instead show the additional information in the `List.Item.Detail` view.
+         * Props of the {@link List.Dropdown} React component.
          */
-        isShowingDetail?: boolean;
-    }
-    export namespace EmptyView {
-        export interface Props extends ActionsInterface {
-            /**
-             * An icon displayed in the center of the EmptyView.
-             *
-             * @remarks
-             * If an SVG is used, its longest side will be 128 pixels. Other images will be up/downscaled proportionally so that the longest side is between 64 and 256 pixels.
-             * If not specified, Raycast's default `EmptyView` icon will be used.
-             */
-            icon?: Image.ImageLike;
+        export type Props = DropdownProps_2;
+        export namespace Item {
             /**
-             * The main title displayed for the Empty View.
+             * Props of the {@link List.Dropdown.Item} React component.
              */
-            title?: string;
+            export type Props = DropdownItemProps_2;
+        }
+        export namespace Section {
             /**
-             * An optional description for why the empty view is shown.
+             * Props of the {@link List.Dropdown.Section} React component.
              */
-            description?: string;
+            export type Props = DropdownSectionProps_2;
         }
     }
     export namespace Item {
@@ -3877,495 +3864,175 @@ export declare namespace List {
          * }
          * ```
          */
-        export interface Accessory {
-            /**
-             * An optional text that will be used as the label.
-             */
-            text?: string;
-            /**
-             * An optional {@link Image.ImageLike} that will be used as the icon.
-             * @remarks
-             * An image will be shown in front of the text if {@link List.Item.Accessory.text} is specified.
-             */
-            icon?: Image.ImageLike;
-            /**
-             * An optional tooltip shown when the accessory is hovered.
-             */
-            tooltip?: string;
-        }
+        export type Accessory = ItemAccessory;
         /**
          * Props of the {@link List.Item} React component.
          */
-        export interface Props extends ActionsInterface {
-            /**
-             * ID of the item.
-             * Make sure to assign each item a unique ID or a UUID will be auto generated.
-             */
-            id?: string;
-            /**
-             * The main title displayed for that item, optionally with a tooltip.
-             */
-            title: string | {
-                value: string;
-                tooltip: string;
-            };
-            /**
-             * An optional subtitle displayed next to the main title, optionally with a tooltip.
-             */
-            subtitle?: string | {
-                value: string;
-                tooltip: string;
-            };
-            /**
-             * An optional property used for providing additional indexable strings for search.
-             * When filtering the list in Raycast through the search bar, the keywords will be searched in addition to the title.
-             */
-            keywords?: string[];
-            /**
-             * An optional icon displayed for the list item.
-             */
-            icon?: Image.ImageLike | {
-                value: Image.ImageLike;
-                tooltip: string;
-            };
-            /**
-             * @deprecated Use `accessories={[ { icon: ... } ]}` instead.
-             */
-            accessoryIcon?: Image.ImageLike;
-            /**
-             * @deprecated Use `accessories={[ { text: ... } ]}` instead.
-             */
-            accessoryTitle?: string;
-            /**
-             * An optional array of {@link List.Item.Accessory} items displayed on the right side in a List.Item.
-             */
-            accessories?: Accessory[];
-            /**
-             * An {@link ActionPanel} that will be updated for the selected list item.
-             */
-            actions?: ReactNode | null;
-
-            /**
-             * The `List.Item.Detail` to be rendered in the right side area when the parent List is showing details and the item is selected.
-             */
-            detail?: ReactNode;
-        }
+        export type Props = ItemProps;
         export namespace Detail {
             /**
              * Props of the {@link List.Item.Detail} React component.
              */
-            export interface Props {
-                /**
-                 * Indicates whether a loading bar should be shown or hidden above the detail
-                 *
-                 * @defaultValue false
-                 */
-                isLoading?: boolean;
-                /**
-                 * The CommonMark string to be rendered in the right side area when the parent List is showing details and the item is selected.
-                 */
-                markdown?: string | null;
-            }
+            export type Props = DetailProps_3;
         }
     }
     export namespace Section {
         /**
          * Props of the {@link List.Section} React component.
          */
-        export interface Props {
-            /**
-             * The {@link List.Item} elements of the section.
-             */
-            children?: ReactNode;
-            /**
-             * ID of the section.
-             * Make sure to assign each section a unique ID or a UUID will be auto generated.
-             */
-            id?: string;
-            /**
-             * Title displayed above the section.
-             */
-            title?: string;
-            /**
-             * An optional subtitle displayed next to the title of the section.
-             */
-            subtitle?: string;
-        }
-    }
-    export namespace Dropdown {
-        /**
-         * Props of the {@link List.Dropdown} React component.
-         */
-        export interface Props {
-            /**
-             * ID of the dropdown.
-             */
-            id?: string;
-            /**
-             * Tooltip displayed when hovering the dropdown.
-             */
-            tooltip: string;
-            /**
-             * Placeholder text that will be shown in the dropdown search field.
-             *
-             * @defaultValue Search...
-             */
-            placeholder?: string;
-            /**
-             * Indicates whether the value of the dropdown should be persisted after selection, and restored next time the dropdown is rendered.
-             */
-            storeValue?: boolean;
-            /**
-             * The currently value of the dropdown.
-             */
-            value?: string;
-            /**
-             * The default value of the dropdown.
-             * 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 `storeValue` and configured it as `true` _and_ a {@link List.Dropdown.Item} with the same value exists, then it will be selected.**
-             *
-             * **If you configure `value` at the same time as `defaultValue`, the `value` will have precedence over `defaultValue`.**
-             */
-            defaultValue?: string;
-            /**
-             * List sections or items. If {@link List.Dropdown.Item} elements are specified, a default section is automatically created.
-             */
-            children?: ReactNode;
-            /**
-             * Callback triggered when the list item selection changes.
-             */
-            onChange?: (newValue: string) => void;
-        }
-        export namespace Section {
-            /**
-             * Props of the {@link List.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 List.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;
-                /**
-                 * An optional icon displayed for the item.
-                 */
-                icon?: Image.ImageLike;
-            }
-        }
+        export type Props = SectionProps_2;
     }
 }
 
 /**
- * See {@link List.Dropdown}
+ * @deprecated Use {@link List.item} instead.
  */
-declare function ListDropdown(props: List.Dropdown.Props): ReactElement<List.Dropdown.Props>;
+export declare const ListItem: typeof List.Item;
 
-declare namespace ListDropdown {
-    var propTypes: {
-        id: PropTypes.Requireable<string>;
-        tooltip: PropTypes.Validator<string>;
-        storeValue: (props: List.Dropdown.Props, propName: keyof List.Dropdown.Props, componentName: string, location: string, propFullName: string) => Error;
-        value: PropTypes.Requireable<string>;
-        defaultValue: PropTypes.Requireable<string>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    var displayName: string;
+/**
+ * @deprecated Use {@link List.Item.Props} instead.
+ */
+export declare interface ListItemProps extends List.Item.Props {
 }
 
-declare namespace ListDropdown {
+declare interface ListMembers {
     /**
-     * Visually separated group of dropdown items in a {@link List.Dropdown}.
+     * A view to display when there aren't any items available. Use to greet users with a friendly message if the
+     * extension requires user input before it can show any list items e.g. when searching for a package, an article etc.
      *
      * @remarks
-     * Use sections to group related dropdown items together.
+     * Raycast provides a default `EmptyView` that will be displayed if the {@link List} component either has no children,
+     * or if it has children, but none of them match the query in the search bar. This too can be overridden by passing
+     * an empty view alongside the other `List.Item`s.
      *
      * @example
      * ```typescript
+     * import { useState } from "react";
      * import { List } from "@raycast/api";
      *
-     * export default function Command() {
+     * export default function CommandWithCustomEmptyState() {
+     *   const [state, setState] = useState({ searchText: "", items: [] });
+     *
+     *   useEffect(() => {
+     *     // perform an API call that eventually populates `items`.
+     *   }, [state.searchText])
+     *
      *   return (
-     *     <List searchBarAccessory={
-     *       <List.Dropdown tooltip="Dropdown With Sections">
-     *         <List.Dropdown.Section title="First Section">
-     *           <List.Dropdown.Item title="One" value="one" />
-     *         </List.Dropdown.Section>
-     *         <List.Dropdown.Section title="Second Section">
-     *           <List.Dropdown.Item title="Two" value="two" />
-     *         </List.Dropdown.Section>
-     *       </List.Dropdown>
-     *     }>
-     *       <List.Item title="Item in the Main List">
+     *     <List
+     *       onSearchTextChange={(newValue) =>
+     *         setState((previous) => ({ ...previous, searchText: newValue }))
+     *       }
+     *     >
+     *       {state.searchText === "" && state.items.length === 0 ? (
+     *         <List.EmptyView
+     *           icon={{ source: "https://placekitten.com/500/500" }}
+     *           title="Type something to get started"
+     *         />
+     *       ) : (
+     *         state.items.map((item) => <List.Item key={item} title={item} />)
+     *       )}
      *     </List>
      *   );
      * }
      * ```
      */
-    const Section: typeof ListDropdownSection;
+    EmptyView: typeof EmptyView;
     /**
-     * A dropdown item in a {@link List.Dropdown}
+     * A item in the {@link List}.
+     *
+     * @remarks
+     * This is one of the foundational UI components of Raycast. A list item represents a single entity. It can be a
+     * GitHub pull request, a file, or anything else. You most likely want to perform actions on this item, so make it clear
+     * to the user what this list item is about.
      *
      * @example
      * ```typescript
-     * import { List } from "@raycast/api";
+     * import { Icon, List } from "@raycast/api";
      *
      * export default function Command() {
-     *     return (
-     *       <List searchBarAccessory={
-     *         <List.Dropdown tooltip="Dropdown With Items">
-     *           <List.Dropdown.Item title="One" value="one" />
-     *           <List.Dropdown.Item title="Two" value="two" />
-     *           <List.Dropdown.Item title="Three" value="three" />
-     *         </List.Dropdown>
-     *       }>
-     *         <List.Item title="Item in the Main List">
-     *       </List>
+     *   return (
+     *     <List>
+     *       <List.Item icon={Icon.Star} title="Augustiner Helles" subtitle="0,5 Liter" accessories={[{ text: "Germany" }]} />
+     *     </List>
+     *   );
+     * }
+     * ```
+     */
+    Item: typeof Item;
+    /**
+     * A group of related {@link List.Item}.
+     *
+     * @remarks
+     * Sections are a great way to structure your list. For example, group GitHub issues with the same status and order them by priority.
+     * This way, users can quickly access what is most relevant.
+     *
+     * @example
+     * ```typescript
+     * import { List } from "@raycast/api";
+     *
+     * export default function Command() {
+     *   return (
+     *     <List>
+     *       <List.Section title="Lager">
+     *         <List.Item title="Camden Hells" />
+     *       </List.Section>
+     *       <List.Section title="IPA">
+     *         <List.Item title="Sierra Nevada IPA" />
+     *       </List.Section>
+     *     </List>
      *   );
      * }
      * ```
      */
-    const Item: typeof ListDropdownItem;
-}
-
-/**
- * See {@link List.Dropdown.Item}
- */
-declare function ListDropdownItem(props: List.Dropdown.Item.Props): ReactElement<List.Dropdown.Item.Props>;
-
-declare namespace ListDropdownItem {
-    var propTypes: {
-        value: PropTypes.Requireable<string>;
-        title: PropTypes.Validator<string>;
-        icon: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
-            fileIcon: PropTypes.Validator<string>;
-        }>> | Required<PropTypes.InferProps<{
-            source: PropTypes.Validator<string | Required<PropTypes.InferProps<{
-                light: PropTypes.Validator<string>;
-                dark: PropTypes.Validator<string>;
-            }>>>;
-            fallback: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
-                light: PropTypes.Validator<string>;
-                dark: PropTypes.Validator<string>;
-            }>>>;
-            mask: PropTypes.Requireable<Image.Mask>;
-            tintColor: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
-                light: PropTypes.Validator<string>;
-                dark: PropTypes.Validator<string>;
-                adjustContrast: PropTypes.Requireable<boolean>;
-            }>>>;
-        }>>>;
-    };
-    var displayName: string;
-}
-
-/**
- * See {@link List.Dropdown.Section}
- */
-declare function ListDropdownSection(props: List.Dropdown.Section.Props): ReactElement<List.Dropdown.Section.Props>;
-
-declare namespace ListDropdownSection {
-    var propTypes: {
-        title: PropTypes.Requireable<string>;
-    };
-    var displayName: string;
-}
-
-declare function ListEmptyView(props: List.EmptyView.Props): ReactElement<List.EmptyView.Props>;
-
-declare namespace ListEmptyView {
-    var propTypes: {
-        id: PropTypes.Requireable<string>;
-        icon: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
-            fileIcon: PropTypes.Validator<string>;
-        }>> | Required<PropTypes.InferProps<{
-            source: PropTypes.Validator<string | Required<PropTypes.InferProps<{
-                light: PropTypes.Validator<string>;
-                dark: PropTypes.Validator<string>;
-            }>>>;
-            fallback: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
-                light: PropTypes.Validator<string>;
-                dark: PropTypes.Validator<string>;
-            }>>>;
-            mask: PropTypes.Requireable<Image.Mask>;
-            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>;
-    };
-    var displayName: string;
-}
-
-/**
- * @deprecated Use {@link List.item} instead.
- */
-export declare const ListItem: typeof List.Item;
-
-/**
- * See {@link List.Item}
- */
-declare function ListItem_2(props: List.Item.Props): ReactElement<List.Item.Props>;
-
-declare namespace ListItem_2 {
-    var propTypes: {
-        id: PropTypes.Requireable<string>;
-        title: PropTypes.Validator<string | Required<PropTypes.InferProps<{
-            value: PropTypes.Validator<string>;
-            tooltip: PropTypes.Validator<string>;
-        }>>>;
-        subtitle: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
-            value: PropTypes.Validator<string>;
-            tooltip: PropTypes.Validator<string>;
-        }>>>;
-        keywords: PropTypes.Requireable<string[]>;
-        icon: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
-            fileIcon: PropTypes.Validator<string>;
-        }>> | Required<PropTypes.InferProps<{
-            source: PropTypes.Validator<string | Required<PropTypes.InferProps<{
-                light: PropTypes.Validator<string>;
-                dark: PropTypes.Validator<string>;
-            }>>>;
-            fallback: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
-                light: PropTypes.Validator<string>;
-                dark: PropTypes.Validator<string>;
-            }>>>;
-            mask: PropTypes.Requireable<Image.Mask>;
-            tintColor: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
-                light: PropTypes.Validator<string>;
-                dark: PropTypes.Validator<string>;
-                adjustContrast: PropTypes.Requireable<boolean>;
-            }>>>;
-        }>> | Required<PropTypes.InferProps<{
-            value: PropTypes.Validator<string | Required<PropTypes.InferProps<{
-                fileIcon: PropTypes.Validator<string>;
-            }>> | Required<PropTypes.InferProps<{
-                source: PropTypes.Validator<string | Required<PropTypes.InferProps<{
-                    light: PropTypes.Validator<string>;
-                    dark: PropTypes.Validator<string>;
-                }>>>;
-                fallback: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
-                    light: PropTypes.Validator<string>;
-                    dark: PropTypes.Validator<string>;
-                }>>>;
-                mask: PropTypes.Requireable<Image.Mask>;
-                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>;
-        }>> | Required<PropTypes.InferProps<{
-            source: PropTypes.Validator<string | Required<PropTypes.InferProps<{
-                light: PropTypes.Validator<string>;
-                dark: PropTypes.Validator<string>;
-            }>>>;
-            fallback: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
-                light: PropTypes.Validator<string>;
-                dark: PropTypes.Validator<string>;
-            }>>>;
-            mask: PropTypes.Requireable<Image.Mask>;
-            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>;
-            }>> | Required<PropTypes.InferProps<{
-                source: PropTypes.Validator<string | Required<PropTypes.InferProps<{
-                    light: PropTypes.Validator<string>;
-                    dark: PropTypes.Validator<string>;
-                }>>>;
-                fallback: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
-                    light: PropTypes.Validator<string>;
-                    dark: PropTypes.Validator<string>;
-                }>>>;
-                mask: PropTypes.Requireable<Image.Mask>;
-                tintColor: PropTypes.Requireable<string | Required<PropTypes.InferProps<{
-                    light: PropTypes.Validator<string>;
-                    dark: PropTypes.Validator<string>;
-                    adjustContrast: PropTypes.Requireable<boolean>;
-                }>>>;
-            }>>>;
-            tooltip: PropTypes.Requireable<string>;
-        }>>[]>;
-    };
-    var displayName: string;
-}
-
-declare namespace ListItem_2 {
+    Section: typeof Section_2;
     /**
-     * A Detail view that will be shown in the right-hand-side of the List.
+     * A dropdown menu that will be shown in the right-hand-side of the search bar.
      *
      * @example
      * ```typescript
      * import { List } from "@raycast/api";
      *
+     * function DrinkDropdown(props: DrinkDropdownProps) {
+     *   const { isLoading = false, drinkTypes, onDrinkTypeChange } = props;
+     *   return (
+     *     <List.Dropdown
+     *       tooltip="Select Drink Type"
+     *       disabled={isLoading}
+     *       storeValue={true}
+     *       onChange={(newValue) => {
+     *         onDrinkTypeChange(newValue);
+     *       }}
+     *     >
+     *       <List.Dropdown.Section title="Alcoholic Beverages">
+     *         {drinkTypes.map((drinkType) => (
+     *           <List.Dropdown.Item key={drinkType.id} title={drinkType.name} value={drinkType.id} />
+     *         ))}
+     *       </List.Dropdown.Section>
+     *     </List.Dropdown>
+     *   );
+     * }
+     *
      * export default function Command() {
+     *   const drinkTypes = [{ id: 1, name: 'Beer' }, { id: 2, name: 'Wine' }];
+     *   const onDrinkTypeChange = (newValue) => {
+     *     console.log(newValue);
+     *   }
      *   return (
-     *     <List isShowingDetail>
-     *       <List.Item
-     *         title="Pikachu"
-     *         subtitle="Electric"
-     *         detail={<List.Item.Detail markdown="![Illustration](https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/25.png)" />}
-     *       />
+     *     <List
+     *       navigationTitle="Search Beers"
+     *       searchBarPlaceholder="Search your favorite drink"
+     *       searchBarAccessory={<DrinkDropdown drinkTypes={drinkTypes} onDrinkTypeChange={onDrinkTypeChange} />}
+     *     >
+     *       <List.Item title="Augustiner Helles" />
+     *       <List.Item title="Camden Hells" />
+     *       <List.Item title="Leffe Blonde" />
+     *       <List.Item title="Sierra Nevada IPA" />
      *     </List>
      *   );
      * }
      * ```
      */
-    const Detail: typeof ListItemDetail;
-}
-
-/**
- * See {@link List.Item.Detail}
- */
-declare function ListItemDetail(props: List.Item.Detail.Props): ReactElement<List.Item.Detail.Props>;
-
-declare namespace ListItemDetail {
-    var propTypes: {
-        isLoading: PropTypes.Requireable<boolean>;
-        markdown: PropTypes.Requireable<string>;
-    };
-    var displayName: string;
-}
-
-/**
- * @deprecated Use {@link List.Item.Props} instead.
- */
-export declare interface ListItemProps extends List.Item.Props {
+    Dropdown: typeof Dropdown_2;
 }
 
 /**
@@ -4374,25 +4041,69 @@ export declare interface ListItemProps extends List.Item.Props {
 export declare interface ListProps extends List.Props {
 }
 
+declare interface ListProps_2 extends ActionsInterface, NavigationChildInterface {
+    /**
+     * List sections or items. If {@link List.Item} elements are specified, a default section is automatically created.
+     */
+    children?: ReactNode;
+    /**
+     * Callback triggered when the item selection in the list changes.
+     */
+    onSelectionChange?: (id?: string) => void;
+    /**
+     * {@link List.Dropdown} that will be shown in the right-hand-side of the search bar.
+     */
+    searchBarAccessory?: ReactElement<DropdownProps_2> | undefined | null;
+    /**
+     * The text that will be displayed in the search bar.
+     */
+    searchText?: string;
+    /**
+     * Toggles Raycast filtering. When `true`, Raycast will use the query in the search bar to filter list
+     * items. When `false`, the extension needs to take care of the filtering.
+     *
+     * @remarks
+     * Having this enabled when filtering items in the extension is unspecified behaviour.
+     *
+     * @defaultValue `false` when `onSearchTextChange` is specified, `true` otherwise.
+     */
+    enableFiltering?: boolean;
+    /**
+     * Placeholder text that will be shown in the search bar.
+     *
+     * @defaultValue `"Search value..."`
+     */
+    searchBarPlaceholder?: string;
+    /**
+     * Selects the item with the specified id.
+     */
+    selectedItemId?: string;
+    /**
+     * Defines whether the {@link List.Props.onSearchTextChange} will be triggered on every keyboard press or with a delay for throttling the events.
+     * Recommended to set to `true` when using custom filtering logic with asynchronous operations (e.g. network requests).
+     * @defaultValue `false`
+     */
+    throttle?: boolean;
+    /**
+     * Callback triggered when the search bar text changes.
+     *
+     * @remarks
+     * Specifying this implicitly toggles `enableFiltering` to false. To enable native filtering when using `onSearchTextChange`, explicitly set `enableFiltering` to true.
+     */
+    onSearchTextChange?: (text: string) => void;
+    /**
+     * Whether the List should have an area on the right side of the items to show additional details about the selected item.
+     *
+     * When true, it is recommended not to show any accessories on the `List.Item` and instead show the additional information in the `List.Item.Detail` view.
+     */
+    isShowingDetail?: boolean;
+}
+
 /**
  * @deprecated Use {@link List.Section} instead.
  */
 export declare const ListSection: typeof List.Section;
 
-/**
- * See {@link List.Section}
- */
-declare function ListSection_2(props: List.Section.Props): ReactElement<List.Section.Props>;
-
-declare namespace ListSection_2 {
-    var propTypes: {
-        id: PropTypes.Requireable<string>;
-        title: PropTypes.Requireable<string>;
-        subtitle: PropTypes.Requireable<string>;
-    };
-    var displayName: string;
-}
-
 /**
  * @deprecated Use {@link List.Section.Props} instead.
  */
@@ -4530,6 +4241,110 @@ export declare type LocalStorageValue = LocalStorage.Value;
 export declare interface LocalStorageValues extends LocalStorage.Values {
 }
 
+/**
+ * See {@link Detail.Metadata}
+ */
+declare const Metadata: FunctionComponent<MetadataProps> & MetadataMembers;
+
+/**
+ * See {@link List.Item.Detail.Metadata}
+ */
+declare const Metadata_2: FunctionComponent<MetadataProps_2> & MetadataMembers_2;
+
+declare interface MetadataMembers {
+    /**
+     * A single value with an optional icon.
+     */
+    Label: typeof Label;
+    /**
+     * A metadata item that shows a separator line. Use it for grouping and visually separating metadata items.
+     */
+    Separator: typeof Separator_2;
+    /**
+     * An item to display a link.
+     */
+    Link: typeof Link;
+    /**
+     * A list of {@link Detail.Metadata.TagList.Item} displayed in a row.
+     */
+    TagList: typeof TagList;
+}
+
+declare interface MetadataMembers_2 {
+    /**
+     * A title with, optionally, an icon and/or text to its right.
+     *
+     * @example
+     * ```typescript
+     * import { List } from "@raycast/api";
+     *
+     * export default function Metadata() {
+     *   return (
+     *     <List isShowingDetail>
+     *       <List.Item
+     *         title="Bulbasaur"
+     *         detail={
+     *           <List.Item.Detail
+     *             metadata={
+     *               <List.Item.Detail.Metadata>
+     *                 <List.Item.Detail.Metadata.Label title="Type" icon="pokemon_types/grass.svg" text="Grass"/>
+     *               </List.Item.Detail.Metadata>
+     *             }
+     *           />
+     *         }
+     *       />
+     *     </List>
+     *   );
+     * }
+     * ```
+     */
+    Label: typeof Label_2;
+    /**
+     * A metadata item that shows a separator line. Use it for grouping and visually separating metadata items.
+     *
+     * @example
+     * ```typescript
+     * import { List } from "@raycast/api";
+     *
+     * export default function Metadata() {
+     *   return (
+     *     <List isShowingDetail>
+     *       <List.Item
+     *         title="Bulbasaur"
+     *         detail={
+     *           <List.Item.Detail
+     *             metadata={
+     *               <List.Item.Detail.Metadata>
+     *                 <List.Item.Detail.Metadata.Label title="Type" icon="pokemon_types/grass.svg" text="Grass"/>
+     *                 <List.Item.Detail.Metadata.Separator />
+     *                 <List.Item.Detail.Metadata.Label title="Type" icon="pokemon_types/poison.svg" text="Poison"/>
+     *               </List.Item.Detail.Metadata>
+     *             }
+     *           />
+     *         }
+     *       />
+     *     </List>
+     *   );
+     * }
+     * ```
+     */
+    Separator: typeof Separator_3;
+}
+
+declare interface MetadataProps {
+    /**
+     * The Detail.Metadata.Item elements of the Metadata view.
+     */
+    children: ReactNode;
+}
+
+declare interface MetadataProps_2 {
+    /**
+     * The {@link Detail.Metadata.Item}s of the Metadata view.
+     */
+    children: ReactNode;
+}
+
 /**
  * Return type of the {@link useNavigation} hook to perform push and pop actions.
  */
@@ -4560,7 +4375,7 @@ declare interface NavigationChildInterface {
     /**
      * Indicates whether a loading bar should be shown or hidden below the search bar
      *
-     * @defaultValue false
+     * @defaultValue `false`
      */
     isLoading?: boolean;
 }
@@ -4689,7 +4504,7 @@ export declare namespace OAuth {
         /**
          * 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`)
+         * (Note the single slash - Google, for example, would require this flavor for an OAuth app where the Bundle ID is `com.raycast`)
          */
         AppURI = "appURI"
     }
@@ -4804,6 +4619,7 @@ export declare namespace OAuth {
         updatedAt: Date;
         /**
          * A convenience method for checking whether the access token has expired.
+         * The method factors in some seconds of "buffer", so it returns true a couple of seconds before the actual expiration time.
          * This requires the `expiresIn` parameter to be set.
          */
         isExpired(): boolean;
@@ -4861,6 +4677,11 @@ export declare namespace OAuth {
     }
 }
 
+/**
+ * See {@link Action.Open}
+ */
+declare const Open: FunctionComponent<OpenProps>;
+
 /**
  * Opens a target with the default application or specified application.
  *
@@ -4878,83 +4699,38 @@ export declare namespace OAuth {
  * };
  * ```
  */
-export declare function open(target: string, application?: Application | string): Promise<void>;
-
-/**
- * @deprecated Use {@link Action.Open} instead.
- */
-export declare const OpenAction: OpenAction_2;
-
-/**
- * See {@link Action.Open}
- */
-declare function OpenAction_2(props: OpenActionProps_2): ReactElement<OpenActionProps_2>;
-
-declare namespace OpenAction_2 {
-    var displayName: string;
-}
-
-/**
- * @deprecated Use {@link Action.Open.Props} instead.
- */
-export declare interface OpenActionProps extends Action.Open.Props {
-}
-
-/**
- * See {@link Action.Open.Props}
- */
-declare interface OpenActionProps_2 {
-    /**
-     * The file, folder or URL to open.
-     */
-    target: string;
-    /**
-     * The application name to use for opening the file.
-     *
-     * @remarks
-     * If no application is specified, the default application as determined by the system is used to open the
-     * specified file. Note that you can use the application name, app identifier, or absolute path to the app.
-     */
-    application?: Application | string;
-    /**
-     * The title for the action.
-     */
-    title: string;
-    /**
-     * The icon displayed for the action.
-     * @defaultValue {@link Icon.Finder}
-     */
-    icon?: Image.ImageLike;
-    /**
-     * The keyboard shortcut for the action.
-     */
-    shortcut?: Keyboard.Shortcut;
-    /**
-     * Callback when the file or folder was opened.
-     *
-     * @remarks
-     * This is handy when you want to act on an opened file or folder, e.g. store a history of opened items.
-     */
-    onOpen?: (target: string) => void;
+export declare function open(target: string, application?: Application | string): Promise<void>;
+
+/**
+ * @deprecated Use {@link Action.Open} instead.
+ */
+export declare const OpenAction: FunctionComponent<OpenProps>;
+
+/**
+ * @deprecated Use {@link Action.Open.Props} instead.
+ */
+export declare interface OpenActionProps extends Action.Open.Props {
 }
 
 /**
- * @deprecated Use {@link Action.OpenInBrowser} instead.
+ * Opens Raycast's preference window and selects the current command.
  */
-export declare const OpenInBrowserAction: OpenInBrowserAction_2;
+export declare function openCommandPreferences(): Promise<void>;
 
 /**
- * See {@link Action.OpenInBrowser}
+ * Opens Raycast's preference window and selects the current extension.
  */
-declare function OpenInBrowserAction_2(props: OpenInBrowserActionProps_2): ReactElement<OpenInBrowserActionProps_2>;
+export declare function openExtensionPreferences(): Promise<void>;
 
-declare namespace OpenInBrowserAction_2 {
-    var displayName: string;
-}
+/**
+ * See {@link Action.OpenInBrowser}
+ */
+declare const OpenInBrowser: FunctionComponent<OpenInBrowserProps>;
 
-declare namespace OpenInBrowserAction_2 {
-    type Props = OpenInBrowserActionProps_2;
-}
+/**
+ * @deprecated Use {@link Action.OpenInBrowser} instead.
+ */
+export declare const OpenInBrowserAction: FunctionComponent<OpenInBrowserProps>;
 
 /**
  * @deprecated Use {@link Action.OpenInBrowser.Props} instead.
@@ -4965,14 +4741,14 @@ export declare interface OpenInBrowserActionProps extends Action.OpenInBrowser.P
 /**
  * See {@link Action.OpenInBrowser.Props}
  */
-declare interface OpenInBrowserActionProps_2 {
+declare interface OpenInBrowserProps {
     /**
      * The URL to open.
      */
     url: string;
     /**
      * An optional title for the action.
-     * @defaultValue Open in Browser
+     * @defaultValue `"Open in Browser"`
      */
     title?: string;
     /**
@@ -4994,18 +4770,52 @@ declare interface OpenInBrowserActionProps_2 {
 }
 
 /**
- * @deprecated Use {@link Action.OpenWith} instead.
+ * See {@link Action.Open.Props}
  */
-export declare const OpenWithAction: OpenWithAction_2;
+declare interface OpenProps {
+    /**
+     * The file, folder or URL to open.
+     */
+    target: string;
+    /**
+     * The application name to use for opening the file.
+     *
+     * @remarks
+     * If no application is specified, the default application as determined by the system is used to open the
+     * specified file. Note that you can use the application name, app identifier, or absolute path to the app.
+     */
+    application?: Application | string;
+    /**
+     * The title for the action.
+     */
+    title: string;
+    /**
+     * The icon displayed for the action.
+     * @defaultValue {@link Icon.Finder}
+     */
+    icon?: Image.ImageLike;
+    /**
+     * The keyboard shortcut for the action.
+     */
+    shortcut?: Keyboard.Shortcut;
+    /**
+     * Callback when the file or folder was opened.
+     *
+     * @remarks
+     * This is handy when you want to act on an opened file or folder, e.g. store a history of opened items.
+     */
+    onOpen?: (target: string) => void;
+}
 
 /**
  * See {@link Action.OpenWith}
  */
-declare function OpenWithAction_2(props: OpenWithActionProps_2): ReactElement<OpenWithActionProps_2>;
+declare const OpenWith: FunctionComponent<OpenWithProps>;
 
-declare namespace OpenWithAction_2 {
-    var displayName: string;
-}
+/**
+ * @deprecated Use {@link Action.OpenWith} instead.
+ */
+export declare const OpenWithAction: FunctionComponent<OpenWithProps>;
 
 /**
  * @deprecated Use {@link Action.OpenWith.Props} instead.
@@ -5016,14 +4826,14 @@ export declare interface OpenWithActionProps extends Action.OpenWith.Props {
 /**
  * See {@link Action.OpenWith.Props}
  */
-declare interface OpenWithActionProps_2 {
+declare interface OpenWithProps {
     /**
      * The path to open.
      */
     path: string;
     /**
      * The title for the action.
-     * @defaultValue Open With
+     * @defaultValue `"Open With"`
      */
     title?: string;
     /**
@@ -5065,18 +4875,14 @@ declare interface PasswordFieldProps extends FormItemProps_2<string> {
 declare type PasswordFieldRef = FormItemRef;
 
 /**
- * @deprecated Use {@link Action.Paste} instead.
+ * See {@link Action.Paste.Props}
  */
-export declare const PasteAction: PasteAction_2;
+declare const Paste: FunctionComponent<PasteProps>;
 
 /**
- * See {@link Action.Paste.Props}
+ * @deprecated Use {@link Action.Paste} instead.
  */
-declare function PasteAction_2(props: PasteActionProps_2): ReactElement<PasteActionProps_2>;
-
-declare namespace PasteAction_2 {
-    var displayName: string;
-}
+export declare const PasteAction: FunctionComponent<PasteProps>;
 
 /**
  * @deprecated Use {@link Action.Paste.Props} instead.
@@ -5087,14 +4893,14 @@ export declare interface PasteActionProps extends Action.Paste.Props {
 /**
  * See {@link Action.Paste.Props}
  */
-declare interface PasteActionProps_2 {
+declare interface PasteProps {
     /**
      * The contents that will be written to the clipboard as string.
      */
     content: string | number;
     /**
      * An optional title for the action.
-     * @defaultValue Paste in Active app
+     * @defaultValue `"Paste in Active app"`
      */
     title?: string;
     /**
@@ -5175,7 +4981,7 @@ declare interface Preference_2 {
      * If the preference is required, an onboarding view is shown when the
      * extension is opened for the first time.
      *
-     * @defaultValue false
+     * @defaultValue `false`
      */
     required: boolean;
     /**
@@ -5242,18 +5048,14 @@ export declare interface PreferenceValues {
 }
 
 /**
- * @deprecated Use {@link Action.Push} instead.
+ * See {@link Action.Push.Props}
  */
-export declare const PushAction: PushAction_2;
+declare const Push: FunctionComponent<PushProps>;
 
 /**
- * See {@link Action.Push.Props}
+ * @deprecated Use {@link Action.Push} instead.
  */
-declare function PushAction_2(props: PushActionProps_2): ReactElement<PushActionProps_2>;
-
-declare namespace PushAction_2 {
-    var displayName: string;
-}
+export declare const PushAction: FunctionComponent<PushProps>;
 
 /**
  * @deprecated Use {@link Action.Push.Props} instead.
@@ -5264,7 +5066,7 @@ export declare interface PushActionProps extends Action.Push.Props {
 /**
  * See {@link Action.Push.Props}
  */
-declare interface PushActionProps_2 {
+declare interface PushProps {
     /**
      * The title displayed for the item.
      */
@@ -5308,7 +5110,7 @@ declare interface Quicklink {
 /**
  * @deprecated Add `nanoid` as a dependency and use it instead.
  */
-export declare const randomId: typeof randomId_2;
+export declare const randomId: any;
 
 /**
  * @deprecated Use {@link LocalStorage.removeItem} instead
@@ -5318,19 +5120,81 @@ export declare const removeLocalStorageItem: typeof LocalStorage.removeItem;
 /**
  * @deprecated Use `export default function Command() { ... }` instead
  */
-export declare const render: typeof render_2;
+export declare const render: any;
+
+/**
+ * See {@link ActionPanel.Section}
+ */
+declare const Section: FunctionComponent<SectionProps>;
+
+/**
+ * See {@link List.Section}
+ */
+declare const Section_2: FunctionComponent<SectionProps_2>;
+
+declare type SectionChildren = ReactElement<ActionProps> | ReactElement<ActionProps>[] | ReactElement<SubmenuProps> | Array<ReactElement<SubmenuProps>> | Array<ReactElement<SubmenuProps> | ReactElement<ActionProps>> | null;
+
+/**
+ * See {@link ActionPanel.Section}.
+ */
+declare interface SectionProps {
+    /**
+     * The item elements of the section.
+     */
+    children?: ReactNode;
+    /**
+     * Title displayed above the section
+     */
+    title?: string;
+}
+
+declare interface SectionProps_2 {
+    /**
+     * The {@link List.Item} elements of the section.
+     */
+    children?: ReactNode;
+    /**
+     * ID of the section.
+     * @deprecated - This is an internal prop which not not have been exposed. You can safely remove it.
+     */
+    id?: string;
+    /**
+     * Title displayed above the section.
+     */
+    title?: string;
+    /**
+     * An optional subtitle displayed next to the title of the section.
+     */
+    subtitle?: string;
+}
 
 /**
  * See {@link Form.Separator}
  */
 declare const Separator: FunctionComponent<SeparatorProps>;
 
+/**
+ * See {@link Detail.Metadata.Separator}
+ */
+declare const Separator_2: FunctionComponent<SeparatorProps_2>;
+
+/**
+ * See {@link List.Item.Detail.Metadata.Label}
+ */
+declare const Separator_3: FunctionComponent<SeparatorProps_3>;
+
 /**
  * See {@link Form.Separator.Props}
  */
 declare interface SeparatorProps {
 }
 
+declare interface SeparatorProps_2 {
+}
+
+declare interface SeparatorProps_3 {
+}
+
 /**
  * @deprecated Use {@link LocalStorage.setItem} instead
  */
@@ -5353,6 +5217,11 @@ export declare const setLocalStorageItem: typeof LocalStorage.setItem;
  */
 export declare function showHUD(title: string): Promise<void>;
 
+/**
+ * See {@link Action.ShowInFinder.Props}
+ */
+declare const ShowInFinder: FunctionComponent<ShowInFinderProps>;
+
 /**
  * Utils
  */
@@ -5375,16 +5244,7 @@ export declare function showInFinder(path: PathLike): Promise<void>;
 /**
  * @deprecated Use {@link Action.ShowInFinder} instead.
  */
-export declare const ShowInFinderAction: ShowInFinderAction_2;
-
-/**
- * See {@link Action.ShowInFinder.Props}
- */
-declare function ShowInFinderAction_2(props: ShowInFinderActionProps_2): ReactElement<ShowInFinderActionProps_2>;
-
-declare namespace ShowInFinderAction_2 {
-    var displayName: string;
-}
+export declare const ShowInFinderAction: FunctionComponent<ShowInFinderProps>;
 
 /**
  * @deprecated Use {@link Action.ShowInFinder.Props} instead.
@@ -5395,14 +5255,14 @@ export declare interface ShowInFinderActionProps extends Action.ShowInFinder.Pro
 /**
  * See {@link Action.ShowInFinder.Props}
  */
-declare interface ShowInFinderActionProps_2 {
+declare interface ShowInFinderProps {
     /**
      * The path to open.
      */
     path: PathLike;
     /**
      * An optional title for the action.
-     * @defaultValue Show in Finder
+     * @defaultValue `"Show in Finder"`
      */
     title?: string;
     /**
@@ -5489,21 +5349,68 @@ declare interface Snippet {
 /**
  * @deprecated Use the key directly
  */
-export declare const specialKeys: Record<string, string>;
+export declare const specialKeys: any;
 
 /**
- * @deprecated Use {@link Action.SubmitForm} instead.
+ * See {@link ActionPanel.Submenu}
+ */
+declare const Submenu: FunctionComponent<SubmenuProps>;
+
+declare type SubmenuChildren = ReactElement<SectionProps> | ReactElement<SectionProps>[] | SectionChildren | null;
+
+/**
+ * See {@link ActionPanel.Submenu.Props}.
  */
-export declare const SubmitFormAction: SubmitFormAction_2;
+declare interface SubmenuProps {
+    /**
+     * ID of the submenu.
+     * @deprecated - This is an internal prop which not not have been exposed. You can safely remove it.
+     */
+    id?: string;
+    /**
+     * The title displayed for submenu.
+     */
+    title: string;
+    /**
+     * The icon displayed for the submenu.
+     */
+    icon?: Image.ImageLike;
+    /**
+     * The keyboard shortcut for the submenu.
+     */
+    shortcut?: Keyboard.Shortcut;
+    /**
+     * Items of the submenu.
+     *
+     * @example
+     * ```typescript
+     * <ActionPanel.Submenu title="Submenu">
+     *    <Action title="Just an action" />
+     * </ActionPanel.Submenu>
+     * ```
+     *
+     * @remarks
+     * If {@link Action} elements are specified, a default section is automatically created.
+     * Use {@link ActionPanel.Submenu} as parent when specifying sub-menu's children to make code is more readable.
+     */
+    children?: ReactNode;
+}
 
 /**
  * See {@link Action.SubmitForm.Props}
  */
-declare function SubmitFormAction_2<Values extends Form.Values = Form.Values>(props: SubmitFormActionProps_2<Values>): ReactElement<SubmitFormActionProps_2<Values>>;
+declare const SubmitForm: {
+    <T extends FormValues_2>(props: SubmitFormProps<T>): JSX.Element;
+    displayName: string;
+};
 
-declare namespace SubmitFormAction_2 {
-    var displayName: string;
-}
+/**
+ * @deprecated Use {@link Action.SubmitForm} instead.
+ */
+export declare const SubmitFormAction: {
+    <T extends FormValues_2>(props: SubmitFormProps<T>): JSX.Element;
+    displayName: string;
+};
 
 /**
  * @deprecated Use {@link Action.SunmitForm.Props} instead.
@@ -5514,10 +5421,10 @@ export declare interface SubmitFormActionProps<T> extends Action.SubmitForm.Prop
 /**
  * See {@link Action.SubmitForm.Props}
  */
-declare interface SubmitFormActionProps_2<Values> {
+declare interface SubmitFormProps<T extends Form.Values> {
     /**
      * The title displayed for the item.
-     * @defaultValue Submit Form
+     * @defaultValue `"Submit Form"`
      */
     title?: string;
     /**
@@ -5533,13 +5440,82 @@ declare interface SubmitFormActionProps_2<Values> {
      * Use the handler to perform custom validation logic and call other Raycast API methods.
      * The handler receives a the values object containing the user input.
      */
-    onSubmit?: (input: Values) => void;
+    onSubmit?: (input: T) => void;
+}
+
+/**
+ * See {@link Detail.Metadata.TagList}
+ */
+declare const TagList: FunctionComponent<TagListProps> & TagListMembers;
+
+/**
+ * See {@link Detail.Metadata.TagList.Item}
+ */
+declare const TagListItem: FunctionComponent<TagListItemProps>;
+
+declare interface TagListItemProps {
+    /**
+     * An optional icon in front of the text of the tag.
+     */
+    icon?: Image.ImageLike | undefined | null;
+    /**
+     * The text of the tag.
+     */
+    text: string;
+    /**
+     * Changes the text color to the provided color and sets a transparent background with the same color.
+     */
+    color?: Color.ColorLike | undefined | null;
+}
+
+declare interface TagListMembers {
+    /**
+     * A Tag in a {@link Detail.Metadata.TagList}.
+     */
+    Item: typeof TagListItem;
+}
+
+declare interface TagListProps {
+    /**
+     * The title shown above the item.
+     */
+    title: string;
+    /**
+     * The tags contained in the TagList.
+     */
+    children: ReactNode;
 }
 
 /**
  * See {@link Form.TagPicker}
  */
-declare const TagPicker: ForwardRefExoticComponent<TagPickerProps & RefAttributes<FormItemRef>> & {
+declare const TagPicker: ForwardRefExoticComponent<TagPickerProps & RefAttributes<FormItemRef>> & TagPickerMembers;
+
+/**
+ * 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;
+}
+
+declare interface TagPickerMembers {
     /**
      * A tag picker item in a {@link Form.TagPicker}.
      *
@@ -5567,30 +5543,6 @@ declare const TagPicker: ForwardRefExoticComponent<TagPickerProps & RefAttribute
      * ```
      */
     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;
 }
 
 /**
@@ -5675,14 +5627,29 @@ export declare class Toast {
      * Deprecated - Use `showToast` instead
      */
     constructor(props: Toast.Options);
+    /**
+     * The style of a Toast.
+     */
     get style(): Toast.Style;
     set style(style: Toast.Style);
+    /**
+     * The title of a Toast. Displayed on the top.
+     */
     get title(): string;
     set title(title: string);
+    /**
+     * An additional message for the Toast. Useful to show more information, e.g. an identifier of a newly created asset.
+     */
     get message(): string | undefined;
     set message(message: string | undefined);
+    /**
+     * The primary Action the user can take when hovering on the Toast.
+     */
     get primaryAction(): Toast.ActionOptions | undefined;
     set primaryAction(action: Toast.ActionOptions | undefined);
+    /**
+     * The secondary Action the user can take when hovering on the Toast.
+     */
     get secondaryAction(): Toast.ActionOptions | undefined;
     set secondaryAction(action: Toast.ActionOptions | undefined);
     /**
@@ -5795,6 +5762,11 @@ export declare interface ToastOptions extends Toast.Options {
  */
 export declare const ToastStyle: typeof Toast.Style;
 
+/**
+ * See {@link Action.Trash}
+ */
+declare const Trash: FunctionComponent<TrashProps>;
+
 /**
  * Moves a file or directory to the Trash.
  *
@@ -5819,16 +5791,7 @@ export declare function trash(path: PathLike | PathLike[]): Promise<void>;
 /**
  * @deprecated Use {@link Action.Trash} instead.
  */
-export declare const TrashAction: TrashAction_2;
-
-/**
- * See {@link Action.Trash}
- */
-declare function TrashAction_2(props: TrashActionProps_2): ReactElement<TrashActionProps_2>;
-
-declare namespace TrashAction_2 {
-    var displayName: string;
-}
+export declare const TrashAction: FunctionComponent<TrashProps>;
 
 /**
  * @deprecated Use {@link Action.Trash.Props} instead.
@@ -5839,14 +5802,14 @@ export declare interface TrashActionProps extends Action.Trash.Props {
 /**
  * See {@link Action.Trash.Props}
  */
-declare interface TrashActionProps_2 {
+declare interface TrashProps {
     /**
      * The item or items to move to the trash.
      */
     paths: PathLike | PathLike[];
     /**
      * An optional title for the action.
-     * @defaultValue Move to Trash
+     * @defaultValue `"Move to Trash"`
      */
     title?: string;
     /**
@@ -5876,7 +5839,7 @@ export declare function useActionPanel(): ActionPanelState;
 /**
  * @deprecated Use `useRef` with `nanoid`
  */
-export declare const useId: typeof useId_2;
+export declare const useId: any;
 
 /**
  * A hook that lets you push and pop view components in the navigation stack.