@raycast/api 1.33.0 → 1.34.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;
 }
 
 /**
@@ -917,285 +510,567 @@ declare const Checkbox: ForwardRefExoticComponent<CheckboxProps & RefAttributes<
  */
 declare interface CheckboxProps extends FormItemProps_2<boolean> {
     /**
-     * The label displayed on the right side of the checkbox.
+     * The label displayed on the right side of the checkbox.
+     */
+    label: string;
+}
+
+/**
+ * Form.Checkbox Ref type.
+ */
+declare type CheckboxRef = FormItemRef;
+
+/**
+ * @deprecated Use {@link Clipboard.clear} instead
+ */
+export declare const clearClipboard: typeof Clipboard.clear;
+
+/**
+ * @deprecated Use {@link LocalStorage.clear} instead
+ */
+export declare const clearLocalStorage: typeof LocalStorage.clear;
+
+/**
+ * Clear the text in the search bar.
+ *
+ * @param options - Can be used to force scrolling to the top. Defaults to scrolling to the top after the
+ * the search bar was cleared.
+ * @returns A Promise that resolves when the search bar is cleared.
+ */
+export declare function clearSearchBar(options?: {
+    forceScrollToTop?: boolean;
+}): Promise<void>;
+
+export declare namespace Clipboard {
+    /**
+     * Copies text to the clipboard.
+     *
+     * @param text - The text to copy to the clipboard.
+     * @returns A Promise that resolves when the text is copied to the clipboard.
+     *
+     * @example
+     * ```typescript
+     * import { Clipboard } from "@raycast/api";
+     *
+     * export default async () => {
+     *   await Clipboard.copy("https://raycast.com");
+     * };
+     * ```
+     */
+    export function copy(text: string): Promise<void>;
+    /**
+     * Clears the current clipboard contents.
+     *
+     * @returns A Promise that resolves when the clipboard is cleared.
+     *
+     * @example
+     * ```typescript
+     * import { Clipboard } from "@raycast/api";
+     *
+     * export default async () => {
+     *   await Clipboard.clear();
+     * };
+     * ```
+     */
+    export function clear(): Promise<void>;
+    /**
+     * Pastes text to the current selection of the frontmost application.
+     *
+     * @param text - The text to insert at the cursor.
+     * @returns A Promise that resolves when the text is pasted.
+     *
+     * @example
+     * ```typescript
+     * import { Clipboard } from "@raycast/api";
+     *
+     * export default async () => {
+     *   await Clipboard.paste("I really like Raycast's API");
+     * };
+     * ```
+     */
+    export function paste(text: string): Promise<void>;
+    /**
+     * Reads the clipboard as plain text.
+     *
+     * @returns A promise that resolves when the clipboard content was read as plain text.
+     *
+     * @example
+     * ```typescript
+     * import { Clipboard } from "@raycast/api";
+     *
+     * export default async () => {
+     *   const text = await Clipboard.readText();
+     *   console.log(text);
+     * };
+     * ```
+     */
+    export function readText(): Promise<string | undefined>;
+}
+
+/**
+ * Closes the main Raycast window.
+ *
+ * @param options - Can be used to clear the root search. Defaults to not clearing the root search after
+ * the window was closed.
+ * @returns A Promise that resolves when the main window is closed.
+ *
+ * @example
+ * ```typescript
+ * import { closeMainWindow } from "@raycast/api";
+ * import { setTimeout } from "timers/promises";
+ *
+ * export default async () => {
+ *   await setTimeout(1000);
+ *   await closeMainWindow({ clearRootSearch: true });
+ * };
+ * ```
+ */
+export declare function closeMainWindow(options?: {
+    clearRootSearch?: boolean;
+}): Promise<void>;
+
+/**
+ * The standard colors. Use those colors for consistency.
+ *
+ * @remarks
+ * The colors automatically adapt to the Raycast theme (light or dark).
+ *
+ * @example
+ * ```typescript
+ * import { Color, Icon, List } from "@raycast/api";
+ *
+ * export default function Command() {
+ *  return (
+ *  <List>
+ *    <List.Item title="Blue" icon={{ source: Icon.Circle, tintColor: Color.Blue }} />
+ *    <List.Item title="Green" icon={{ source: Icon.Circle, tintColor: Color.Green }} />
+ *    <List.Item title="Brown" icon={{ source: Icon.Circle, tintColor: Color.Brown }} />
+ *    <List.Item title="Magenta" icon={{ source: Icon.Circle, tintColor: Color.Magenta }} />
+ *    <List.Item title="Orange" icon={{ source: Icon.Circle, tintColor: Color.Orange }} />
+ *    <List.Item title="Purple" icon={{ source: Icon.Circle, tintColor: Color.Purple }} />
+ *    <List.Item title="Red" icon={{ source: Icon.Circle, tintColor: Color.Red }} />
+ *    <List.Item title="Yellow" icon={{ source: Icon.Circle, tintColor: Color.Yellow }} />
+ *    <List.Item title="PrimaryText" icon={{ source: Icon.Circle, tintColor: Color.PrimaryText }} />
+ *    <List.Item title="SecondaryText" icon={{ source: Icon.Circle, tintColor: Color.SecondaryText }} />
+ *  </List>
+ *  );
+ * };
+ * ```
+ */
+export declare enum Color {
+    Blue = "raycast-blue",
+    Brown = "raycast-brown",
+    Green = "raycast-green",
+    Magenta = "raycast-magenta",
+    Orange = "raycast-orange",
+    Purple = "raycast-purple",
+    Red = "raycast-red",
+    Yellow = "raycast-yellow",
+    PrimaryText = "raycast-primary-text",
+    SecondaryText = "raycast-secondary-text"
+}
+
+export declare namespace Color {
+    /**
+     * Union type for the supported color types.
+     *
+     * {@link Color.Raw} will be dynamically adjusted to achieve high contrast with the Raycast user interface.
+     *
+     * @example
+     * ```typescript
+     * import { Color, Icon, List } from "@raycast/api";
+     *
+     * export default function Command() {
+     *   return (
+     *     <List>
+     *       <List.Item title="Built-in color" icon={{ source: Icon.Circle, tintColor: Color.Red }} />
+     *       <List.Item title="HEX" icon={{ source: Icon.Circle, tintColor: "#FF0000" }} />
+     *       <List.Item title="Short HEX" icon={{ source: Icon.Circle, tintColor: "#F00" }} />
+     *       <List.Item title="RGBA" icon={{ source: Icon.Circle, tintColor: "rgb(255, 0, 0)" }} />
+     *       <List.Item title="RGBA Percentage" icon={{ source: Icon.Circle, tintColor: "rgb(255, 0, 0, 1.0)" }} />
+     *       <List.Item title="HSL" icon={{ source: Icon.Circle, tintColor: "hsla(200, 20%, 33%, 0.2)" }} />
+     *       <List.Item title="Keywords" icon={{ source: Icon.Circle, tintColor: "red" }} />
+     *     </List>
+     *   );
+     * };
+     * ```
+     */
+    export type ColorLike = Color | Color.Dynamic | Color.Raw;
+    /**
+     * A dynamic color applies different colors depending on the active Raycast theme.
+     *
+     * @example
+     * ```typescript
+     * import { Color, Icon, List } from "@raycast/api";
+     *
+     * export default function Command() {
+     *  return (
+     *  <List>
+     *    <List.Item title="Dynamic Tint Color" icon={{ source: Icon.Circle, tintColor: { light: "#FF01FF", dark: "#FFFF50", adjustContrast: true } }} />
+     *    <List.Item title="Dynamic Tint Color" icon={{ source: Icon.Circle, tintColor: { light: "#FF01FF", dark: "#FFFF50" } }} />
+     *  </List>
+     *  );
+     * };
+     * ```
+     */
+    export interface Dynamic {
+        /**
+         * The color which is used in light theme.
+         */
+        light: Color.Raw;
+        /**
+         * The color which is used in dark theme.
+         */
+        dark: Color.Raw;
+        /**
+         * Enables dynamic contrast adjustment for light and dark theme color.
+         *
+         * @remarks
+         * Colors different to the built-in {@link Color} can be dynamically adjusted to achieve high contrast with the
+         * 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
+         */
+        adjustContrast?: boolean | undefined | null;
+    }
+    /**
+     * You can use any of the following color formats:
+     * - HEX, e.g `#FF0000`
+     * - Short HEX, e.g. `#F00`
+     * - RGBA, e.g. `rgb(255, 0, 0)`
+     * - RGBA Percentage, e.g. `rgb(255, 0, 0, 1.0)`
+     * - HSL, e.g. `hsla(200, 20%, 33%, 0.2)`
+     * - Keywords, e.g. `red`
      */
-    label: string;
+    export type Raw = string;
 }
 
 /**
- * Form.Checkbox Ref type.
- */
-declare type CheckboxRef = FormItemRef;
-
-/**
- * @deprecated Use {@link Clipboard.clear} instead
- */
-export declare const clearClipboard: typeof Clipboard.clear;
-
-/**
- * @deprecated Use {@link LocalStorage.clear} instead
+ * @deprecated Use {@link Color.ColorLike} instead
  */
-export declare const clearLocalStorage: typeof LocalStorage.clear;
+export declare type ColorLike = Color.ColorLike;
 
 /**
- * Clear the text in the search bar.
+ * Creates and shows a confirmation Alert with the given options.
  *
- * @param options - Can be used to force scrolling to the top. Defaults to scrolling to the top after the
- * the search bar was cleared.
- * @returns A Promise that resolves when the search bar is cleared.
+ * @param options - The options used to create the Alert.
+ * @returns A Promise that resolves to a boolean when the user triggers one of the actions.
+ * It will be `true` for the primary Action, `false` for the dismiss Action.
+ *
+ * @example
+ * ```typescript
+ * import { confirmAlert } from "@raycast/api";
+ *
+ * export default async () => {
+ *   if (await confirmAlert({ title: "Are you sure?" })) {
+ *     // do something
+ *   }
+ * };
+ * ```
  */
-export declare function clearSearchBar(options?: {
-    forceScrollToTop?: boolean;
-}): Promise<void>;
+export declare function confirmAlert(options: Alert.Options): Promise<boolean>;
 
-export declare namespace Clipboard {
+declare interface ConvenienceActions {
     /**
-     * Copies text to the clipboard.
+     * Action that copies the content to the clipboard.
      *
-     * @param text - The text to copy to the clipboard.
-     * @returns A Promise that resolves when the text is copied 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 { Clipboard } from "@raycast/api";
+     * import { ActionPanel, Action, Detail } from "@raycast/api";
      *
-     * export default async () => {
-     *   await Clipboard.copy("https://raycast.com");
-     * };
+     * export default function Command() {
+     *   return (
+     *     <Detail
+     *       markdown="Press `⌘ + .` and share some love."
+     *       actions={
+     *         <ActionPanel>
+     *           <Action.CopyToClipboard content="I ❤️ Raycast" shortcut={{ modifiers: ["cmd"], key: "." }} />
+     *         </ActionPanel>
+     *       }
+     *     />
+     *   );
+     * }
      * ```
      */
-    export function copy(text: string): Promise<void>;
+    CopyToClipboard: typeof CopyToClipboard;
     /**
-     * Clears the current clipboard contents.
+     * An action to open a file or folder with a specific application, just as if you had double-clicked the
+     * file's icon.
      *
-     * @returns A Promise that resolves when the clipboard is cleared.
+     * @remarks
+     * The main window is closed after the file is opened.
      *
      * @example
      * ```typescript
-     * import { Clipboard } from "@raycast/api";
+     * import { ActionPanel, Detail, Action } from "@raycast/api";
      *
-     * export default async () => {
-     *   await Clipboard.clear();
-     * };
+     * export default function Command() {
+     *   return (
+     *     <Detail
+     *       markdown="Check out your extension code."
+     *       actions={
+     *         <ActionPanel>
+     *           <Action.Open title="Open Folder" target={__dirname} />
+     *         </ActionPanel>
+     *       }
+     *     />
+     *   );
+     * }
      * ```
      */
-    export function clear(): Promise<void>;
+    Open: typeof Open;
     /**
-     * Pastes text to the current selection of the frontmost application.
+     * Action that opens a URL in the default browser.
      *
-     * @param text - The text to insert at the cursor.
-     * @returns A Promise that resolves when the text is pasted.
+     * @remarks
+     * The main window is closed after the URL is opened in the browser.
      *
      * @example
      * ```typescript
-     * import { Clipboard } from "@raycast/api";
+     * import { ActionPanel, Detail, Action } from "@raycast/api";
      *
-     * export default async () => {
-     *   await Clipboard.paste("I really like Raycast's 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>
+     *   );
+     * }
      * ```
      */
-    export function paste(text: string): Promise<void>;
+    SubmitForm: typeof SubmitForm;
     /**
-     * Reads the clipboard as plain text.
-     *
-     * @returns A promise that resolves when the clipboard content was read as plain text.
+     * Action that moves a file or folder to the Trash.
      *
      * @example
      * ```typescript
-     * import { Clipboard } from "@raycast/api";
+     * import { ActionPanel, Detail, Action } from "@raycast/api";
+     * import { homedir } from "os";
      *
-     * export default async () => {
-     *   const text = await Clipboard.readText();
-     *   console.log(text);
-     * };
+     * 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>
+     *       }
+     *     />
+     *   );
+     * }
      * ```
      */
-    export function readText(): Promise<string | undefined>;
-}
-
-/**
- * Closes the main Raycast window.
- *
- * @param options - Can be used to clear the root search. Defaults to not clearing the root search after
- * the window was closed.
- * @returns A Promise that resolves when the main window is closed.
- *
- * @example
- * ```typescript
- * import { closeMainWindow } from "@raycast/api";
- * import { setTimeout } from "timers/promises";
- *
- * export default async () => {
- *   await setTimeout(1000);
- *   await closeMainWindow({ clearRootSearch: true });
- * };
- * ```
- */
-export declare function closeMainWindow(options?: {
-    clearRootSearch?: boolean;
-}): Promise<void>;
-
-/**
- * The standard colors. Use those colors for consistency.
- *
- * @remarks
- * The colors automatically adapt to the Raycast theme (light or dark).
- *
- * @example
- * ```typescript
- * import { Color, Icon, List } from "@raycast/api";
- *
- * export default function Command() {
- *  return (
- *  <List>
- *    <List.Item title="Blue" icon={{ source: Icon.Circle, tintColor: Color.Blue }} />
- *    <List.Item title="Green" icon={{ source: Icon.Circle, tintColor: Color.Green }} />
- *    <List.Item title="Brown" icon={{ source: Icon.Circle, tintColor: Color.Brown }} />
- *    <List.Item title="Magenta" icon={{ source: Icon.Circle, tintColor: Color.Magenta }} />
- *    <List.Item title="Orange" icon={{ source: Icon.Circle, tintColor: Color.Orange }} />
- *    <List.Item title="Purple" icon={{ source: Icon.Circle, tintColor: Color.Purple }} />
- *    <List.Item title="Red" icon={{ source: Icon.Circle, tintColor: Color.Red }} />
- *    <List.Item title="Yellow" icon={{ source: Icon.Circle, tintColor: Color.Yellow }} />
- *    <List.Item title="PrimaryText" icon={{ source: Icon.Circle, tintColor: Color.PrimaryText }} />
- *    <List.Item title="SecondaryText" icon={{ source: Icon.Circle, tintColor: Color.SecondaryText }} />
- *  </List>
- *  );
- * };
- * ```
- */
-export declare enum Color {
-    Blue = "raycast-blue",
-    Brown = "raycast-brown",
-    Green = "raycast-green",
-    Magenta = "raycast-magenta",
-    Orange = "raycast-orange",
-    Purple = "raycast-purple",
-    Red = "raycast-red",
-    Yellow = "raycast-yellow",
-    PrimaryText = "raycast-primary-text",
-    SecondaryText = "raycast-secondary-text"
-}
-
-export declare namespace Color {
+    Trash: typeof Trash;
     /**
-     * Union type for the supported color types.
-     *
-     * {@link Color.Raw} will be dynamically adjusted to achieve high contrast with the Raycast user interface.
+     * Action that navigates to the the Create Snippet command with some or all of the fields prefilled.
      *
      * @example
      * ```typescript
-     * import { Color, Icon, List } from "@raycast/api";
+     * import { ActionPanel, Detail, Action } from "@raycast/api";
      *
      * export default function Command() {
      *   return (
-     *     <List>
-     *       <List.Item title="Built-in color" icon={{ source: Icon.Circle, tintColor: Color.Red }} />
-     *       <List.Item title="HEX" icon={{ source: Icon.Circle, tintColor: "#FF0000" }} />
-     *       <List.Item title="Short HEX" icon={{ source: Icon.Circle, tintColor: "#F00" }} />
-     *       <List.Item title="RGBA" icon={{ source: Icon.Circle, tintColor: "rgb(255, 0, 0)" }} />
-     *       <List.Item title="RGBA Percentage" icon={{ source: Icon.Circle, tintColor: "rgb(255, 0, 0, 1.0)" }} />
-     *       <List.Item title="HSL" icon={{ source: Icon.Circle, tintColor: "hsla(200, 20%, 33%, 0.2)" }} />
-     *       <List.Item title="Keywords" icon={{ source: Icon.Circle, tintColor: "red" }} />
-     *     </List>
+     *     <Detail
+     *       markdown="Test out snippet creation"
+     *       actions={
+     *         <ActionPanel>
+     *           <Action.CreateSnippet snippet={{ text: "DE75512108001245126199" }} />
+     *         </ActionPanel>
+     *       }
+     *     />
      *   );
-     * };
+     * }
      * ```
      */
-    export type ColorLike = Color | Color.Dynamic | Color.Raw;
+    CreateSnippet: typeof CreateSnippet;
     /**
-     * A dynamic color applies different colors depending on the active Raycast theme.
+     * Action that navigates to the the Create Quicklink command with some or all of the fields prefilled.
      *
      * @example
      * ```typescript
-     * import { Color, Icon, List } from "@raycast/api";
+     * import { ActionPanel, Detail, Action } from "@raycast/api";
      *
      * export default function Command() {
-     *  return (
-     *  <List>
-     *    <List.Item title="Dynamic Tint Color" icon={{ source: Icon.Circle, tintColor: { light: "#FF01FF", dark: "#FFFF50", adjustContrast: true } }} />
-     *    <List.Item title="Dynamic Tint Color" icon={{ source: Icon.Circle, tintColor: { light: "#FF01FF", dark: "#FFFF50" } }} />
-     *  </List>
-     *  );
-     * };
+     *   return (
+     *     <Detail
+     *       markdown="Test out quicklink creation"
+     *       actions={
+     *         <ActionPanel>
+     *           <Action.CreateQuicklink quicklink={{ link: "https://duckduckgo.com/?q={Query}" }} />
+     *         </ActionPanel>
+     *       }
+     *     />
+     *   );
+     * }
      * ```
      */
-    export interface Dynamic {
-        /**
-         * The color which is used in light theme.
-         */
-        light: Color.Raw;
-        /**
-         * The color which is used in dark theme.
-         */
-        dark: Color.Raw;
-        /**
-         * Enables dynamic contrast adjustment for light and dark theme color.
-         *
-         * @remarks
-         * Colors different to the built-in {@link Color} can be dynamically adjusted to achieve high contrast with the
-         * 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
-         */
-        adjustContrast?: boolean | undefined | null;
-    }
-    /**
-     * You can use any of the following color formats:
-     * - HEX, e.g `#FF0000`
-     * - Short HEX, e.g. `#F00`
-     * - RGBA, e.g. `rgb(255, 0, 0)`
-     * - RGBA Percentage, e.g. `rgb(255, 0, 0, 1.0)`
-     * - HSL, e.g. `hsla(200, 20%, 33%, 0.2)`
-     * - Keywords, e.g. `red`
-     */
-    export type Raw = string;
+    CreateQuicklink: typeof CreateQuicklink;
 }
 
-/**
- * @deprecated Use {@link Color.ColorLike} instead
- */
-export declare type ColorLike = Color.ColorLike;
-
-/**
- * Creates and shows a confirmation Alert with the given options.
- *
- * @param options - The options used to create the Alert.
- * @returns A Promise that resolves to a boolean when the user triggers one of the actions.
- * It will be `true` for the primary Action, `false` for the dismiss Action.
- *
- * @example
- * ```typescript
- * import { confirmAlert } from "@raycast/api";
- *
- * export default async () => {
- *   if (await confirmAlert({ title: "Are you sure?" })) {
- *     // do something
- *   }
- * };
- * ```
- */
-export declare function confirmAlert(options: Alert.Options): Promise<boolean>;
-
 /**
  * @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,7 +1081,7 @@ 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.
      */
@@ -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,14 +1157,16 @@ 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;
-};
+}
 
 declare interface DatePickerProps extends FormItemProps_2<Date> {
     /**
@@ -1313,7 +1182,14 @@ declare interface DatePickerProps extends FormItemProps_2<Date> {
  */
 declare type DatePickerRef = FormItemRef;
 
-declare interface DeprecatedFormItems {
+declare interface DeprecatedActionPanelMembers {
+    /**
+     * @deprecated Use {@link Action} instead.
+     */
+    Item: typeof Action;
+}
+
+declare interface DeprecatedFormMembers {
     /**
      * @deprecated Use {@link Form.Dropdown.Section} instead.
      */
@@ -1385,276 +1261,151 @@ 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 const Detail_2: FunctionComponent<DetailProps_3>;
+
+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;
+}
+
+/**
+ * @deprecated Use {@link Detail.Props} instead.
  */
-declare function DetailMetadata(props: Detail.Metadata.Props): ReactElement<Detail.Metadata.Props>;
-
-declare namespace DetailMetadata {
-    var propTypes: {};
-    var displayName: string;
+export declare interface DetailProps extends Detail.Props {
 }
 
-declare namespace DetailMetadata {
+declare interface DetailProps_2 extends ActionsInterface, NavigationChildInterface {
     /**
-     * A single value with an optional icon.
+     * 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.
      */
-    const TagList: typeof DetailMetadataTagList;
+    markdown?: string | null;
 }
 
 /**
- * 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.
      *
@@ -1715,30 +1466,61 @@ declare const Dropdown: ForwardRefExoticComponent<DropdownProps & RefAttributes<
      * ```
      */
     Item: typeof DropdownItem;
-};
-
-/**
- * See {@link Form.Dropdown.Item}
- */
-declare const DropdownItem: FunctionComponent<DropdownItemProps>;
+}
 
-/**
- * See {@link Form.Dropdown.Item.Props}
- */
-declare interface DropdownItemProps {
-    /**
-     * Value of the dropdown item.
-     * Make sure to assign each unique value for each item.
-     */
-    value: string;
+declare interface DropdownMembers_2 {
     /**
-     * The title displayed for the item.
+     * 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>
+     *   );
+     * }
+     * ```
      */
-    title: string;
+    Section: typeof DropdownSection_2;
     /**
-     * A optional icon displayed for the item.
+     * 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>
+     *   );
+     * }
+     * ```
      */
-    icon?: Image.ImageLike;
+    Item: typeof DropdownItem_2;
 }
 
 /**
@@ -1751,6 +1533,48 @@ declare interface DropdownProps extends FormItemProps_2<string> {
     children?: ReactNode;
 }
 
+declare interface DropdownProps_2 {
+    /**
+     * 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 | undefined;
+    /**
+     * 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;
+}
+
 /**
  * Form.Dropdown Ref type.
  */
@@ -1761,6 +1585,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 +1604,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 +1732,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>;
@@ -1880,7 +1741,7 @@ export declare namespace Form {
     export type Props = FormProps_2;
     /**
      * A Ref Type for the {@link Form.TextField}.
-     * Use refs to control your Form by calling {@link Form.TextField.focus()} or {@link Form.TextField.reset()} functions.
+     * Use refs to control your Form by calling `Form.TextField.focus()` or `Form.TextField.reset()` functions.
      *
      * @example
      * Using Ref to focus {@link Form.TextField}.
@@ -1953,7 +1814,7 @@ export declare namespace Form {
     }
     /**
      * A Ref Type for the {@link Form.PasswordField}.
-     * Use refs to control your Form by calling {@link Form.PasswordField.focus()} or {@link Form.PasswordField.reset()} functions.
+     * Use refs to control your Form by calling `Form.PasswordField.focus()` or `Form.PasswordField.reset()` functions.
      *
      * @example
      * Using Ref to focus {@link Form.PasswordField}.
@@ -2026,7 +1887,7 @@ export declare namespace Form {
     }
     /**
      * A Ref Type for the {@link Form.TextArea}.
-     * Use refs to control your Form by calling {@link Form.TextArea.focus()} or {@link Form.TextArea.reset()} functions.
+     * Use refs to control your Form by calling `Form.TextArea.focus()` or `Form.TextArea.reset()` functions.
      *
      * @example
      * Using Ref to focus {@link Form.TextArea}.
@@ -2111,7 +1972,7 @@ export declare namespace Form {
     }
     /**
      * A Ref Type for the {@link Form.Checkbox}.
-     * Use refs to control your Form by calling {@link Form.Checkbox.focus()} or {@link Form.Checkbox.reset()} functions.
+     * Use refs to control your Form by calling `Form.Checkbox.focus()` or `Form.Checkbox.reset()` functions.
      *
      * @example
      * Using Ref to focus {@link Form.Checkbox}.
@@ -2186,7 +2047,7 @@ export declare namespace Form {
     }
     /**
      * A Ref Type for the {@link Form.DatePicker}.
-     * Use refs to control your Form by calling {@link Form.DatePicker.focus()} or {@link Form.DatePicker.reset()} functions.
+     * Use refs to control your Form by calling `Form.DatePicker.focus()` or `Form.DatePicker.reset()` functions.
      *
      * @example
      * Using Ref to focus {@link Form.DatePicker}.
@@ -2261,7 +2122,7 @@ export declare namespace Form {
     }
     /**
      * A Ref Type for the {@link Form.Dropdown}.
-     * Use refs to control your Form by calling {@link Form.Dropdown.focus()} or {@link Form.Dropdown.reset()} functions.
+     * Use refs to control your Form by calling `Form.Dropdown.focus()` or `Form.Dropdown.reset()` functions.
      *
      * @example
      * Using Ref to focus {@link Form.Dropdown}.
@@ -2356,7 +2217,7 @@ export declare namespace Form {
     }
     /**
      * A Ref Type for the {@link Form.TagPicker}.
-     * Use refs to control your Form by calling {@link Form.TagPicker.focus()} or {@link Form.TagPicker.reset()} functions.
+     * Use refs to control your Form by calling `Form.TagPicker.focus()` or `Form.TagPicker.reset()` functions.
      *
      * @example
      * Using Ref to focus {@link Form.TagPicker}.
@@ -2561,10 +2422,84 @@ declare interface FormItemProps_2<T extends FormValue_2> {
     /**
      * The callback which will be triggered on the {@link Form.Item.Props.value} change for the item.
      */
-    onChange?: (newValue: T & FormValue_2) => void;
+    onChange?: (newValue: T & FormValue_2) => void;
+}
+
+/**
+ * Interface describing common functions and props that Form.Item Refs has.
+ */
+declare interface FormItemRef {
+    /**
+     * Makes the item focused
+     *
+     * @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>
+     *   );
+     * }
+     * ```
+     */
+    focus: () => void;
+    /**
+     * Resets value of the item
+     * @remarks
+     * In case if {@link FormItemProps.defaultValue} is defined, calling the `.reset()` function will drop the value to the provided one.
+     *
+     * @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>
+     *   );
+     * }
+     * ```
+     */
+    reset: () => void;
 }
 
-declare interface FormItems {
+declare interface FormMembers {
     /**
      * A form item with a checkbox.
      *
@@ -3497,6 +3432,106 @@ export declare const ImageMask: typeof Image.Mask;
  */
 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.
+     */
+    detail?: ReactNode;
+}
+
 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 +3608,122 @@ 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>
- *   );
- * }
- * ```
- */
-export declare function List(props: List.Props): ReactElement<List.Props>;
-
-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;
-}
-
-export declare namespace List {
-    /**
-     * 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>
-     *   );
-     * }
-     * ```
-     */
-    const EmptyView: typeof ListEmptyView;
-    /**
-     * 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>
-     *   );
-     * }
-     * ```
-     */
-    const Item: typeof ListItem_2;
-    /**
-     * 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 Section: typeof ListSection_2;
-    /**
-     * 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>
-     *   );
-     * }
-     * ```
+ * See {@link Detail.Metadata.Label}
+ */
+declare const Label: FunctionComponent<LabelProps>;
+
+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;
+}
+
+/**
+ * See {@link Detail.Metadata.Link}
+ */
+declare const Link: FunctionComponent<LinkProps>;
+
+declare interface LinkProps {
+    /**
+     * The title shown above the item.
      */
-    const Dropdown: typeof ListDropdown;
+    title: string;
+    /**
+     * The target of the link.
+     */
+    target: string;
+    /**
+     * The text value of the item.
+     */
+    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 +3743,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 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>
+     *   );
+     * }
+     * ```
+     */
+    EmptyView: typeof EmptyView;
+    /**
+     * 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 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>
+     *       <List.Item icon={Icon.Star} title="Augustiner Helles" subtitle="0,5 Liter" accessories={[{ text: "Germany" }]} />
      *     </List>
      *   );
      * }
      * ```
      */
-    const Section: typeof ListDropdownSection;
+    Item: typeof Item;
     /**
-     * A dropdown item in a {@link List.Dropdown}
+     * 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 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.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 +3920,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 +4120,37 @@ export declare type LocalStorageValue = LocalStorage.Value;
 export declare interface LocalStorageValues extends LocalStorage.Values {
 }
 
+/**
+ * See {@link Detail.Metadata}
+ */
+declare const Metadata: FunctionComponent<MetadataProps> & MetadataMembers;
+
+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 MetadataProps {
+    /**
+     * The Detail.Metadata.Item elements of the Metadata view.
+     */
+    children: ReactNode;
+}
+
 /**
  * Return type of the {@link useNavigation} hook to perform push and pop actions.
  */
@@ -4689,7 +4310,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 +4425,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;
@@ -4862,100 +4484,50 @@ export declare namespace OAuth {
 }
 
 /**
- * Opens a target with the default application or specified application.
- *
- * @param target - The file, folder or URL to open.
- * @param application - The application name to use for opening the file. 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.
- * @returns A Promise that resolves when the target has been opened.
- *
- * @example
- * ```typescript
- * import { open } from "@raycast/api";
- *
- * export default async () => {
- *   await open("https://www.raycast.com", "com.google.Chrome");
- * };
- * ```
- */
-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;
-}
-
-/**
- * @deprecated Use {@link Action.OpenInBrowser} instead.
+ * See {@link Action.Open}
  */
-export declare const OpenInBrowserAction: OpenInBrowserAction_2;
+declare const Open: FunctionComponent<OpenProps>;
 
 /**
- * See {@link Action.OpenInBrowser}
+ * Opens a target with the default application or specified application.
+ *
+ * @param target - The file, folder or URL to open.
+ * @param application - The application name to use for opening the file. 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.
+ * @returns A Promise that resolves when the target has been opened.
+ *
+ * @example
+ * ```typescript
+ * import { open } from "@raycast/api";
+ *
+ * export default async () => {
+ *   await open("https://www.raycast.com", "com.google.Chrome");
+ * };
+ * ```
  */
-declare function OpenInBrowserAction_2(props: OpenInBrowserActionProps_2): ReactElement<OpenInBrowserActionProps_2>;
+export declare function open(target: string, application?: Application | string): Promise<void>;
 
-declare namespace OpenInBrowserAction_2 {
-    var displayName: string;
-}
+/**
+ * @deprecated Use {@link Action.Open} instead.
+ */
+export declare const OpenAction: FunctionComponent<OpenProps>;
 
-declare namespace OpenInBrowserAction_2 {
-    type Props = OpenInBrowserActionProps_2;
+/**
+ * @deprecated Use {@link Action.Open.Props} instead.
+ */
+export declare interface OpenActionProps extends Action.Open.Props {
 }
 
+/**
+ * See {@link Action.OpenInBrowser}
+ */
+declare const OpenInBrowser: FunctionComponent<OpenInBrowserProps>;
+
+/**
+ * @deprecated Use {@link Action.OpenInBrowser} instead.
+ */
+export declare const OpenInBrowserAction: FunctionComponent<OpenInBrowserProps>;
+
 /**
  * @deprecated Use {@link Action.OpenInBrowser.Props} instead.
  */
@@ -4965,7 +4537,7 @@ export declare interface OpenInBrowserActionProps extends Action.OpenInBrowser.P
 /**
  * See {@link Action.OpenInBrowser.Props}
  */
-declare interface OpenInBrowserActionProps_2 {
+declare interface OpenInBrowserProps {
     /**
      * The URL to open.
      */
@@ -4994,18 +4566,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,7 +4622,7 @@ export declare interface OpenWithActionProps extends Action.OpenWith.Props {
 /**
  * See {@link Action.OpenWith.Props}
  */
-declare interface OpenWithActionProps_2 {
+declare interface OpenWithProps {
     /**
      * The path to open.
      */
@@ -5065,18 +4671,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,7 +4689,7 @@ 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.
      */
@@ -5148,7 +4750,7 @@ export declare function popToRoot(options?: {
 }): Promise<void>;
 
 /**
- * @deprecated Use {@link getPreferenceValues()} instead.
+ * @deprecated Use {@link getPreferenceValues} instead.
  */
 export declare interface Preference extends Preference_2 {
 }
@@ -5220,12 +4822,12 @@ declare interface Preference_2 {
 }
 
 /**
- * @deprecated Use {@link getPreferenceValues()} instead.
+ * @deprecated Use {@link getPreferenceValues} instead.
  */
 export declare type Preferences = Preferences_2;
 
 /**
- * @deprecated Use {@link getPreferenceValues()} instead.
+ * @deprecated Use {@link getPreferenceValues} instead.
  */
 export declare const preferences: Preferences_2;
 
@@ -5242,18 +4844,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 +4862,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 +4906,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 +4916,73 @@ 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 Form.Separator.Props}
  */
 declare interface SeparatorProps {
 }
 
+declare interface SeparatorProps_2 {
+}
+
 /**
  * @deprecated Use {@link LocalStorage.setItem} instead
  */
@@ -5353,6 +5005,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 +5032,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,7 +5043,7 @@ export declare interface ShowInFinderActionProps extends Action.ShowInFinder.Pro
 /**
  * See {@link Action.ShowInFinder.Props}
  */
-declare interface ShowInFinderActionProps_2 {
+declare interface ShowInFinderProps {
     /**
      * The path to open.
      */
@@ -5489,21 +5137,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,7 +5209,7 @@ 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
@@ -5533,13 +5228,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 +5331,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;
 }
 
 /**
@@ -5795,6 +5535,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 +5564,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,7 +5575,7 @@ 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.
      */
@@ -5876,7 +5612,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.