@raycast/api 1.63.0 → 1.64.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@raycast/api",
-  "version": "1.63.0",
+  "version": "1.64.1",
   "description": "Build extensions for Raycast with React and Node.js.",
   "author": "Raycast Technologies Ltd.",
   "homepage": "https://developers.raycast.com",

package/types/index.d.ts

@@ -2500,6 +2500,12 @@ export declare namespace Form {
          */
         export type Props = TextFieldProps;
     }
+    export namespace LinkAccessory {
+        /**
+         * Props of the {@link Form.LinkAccessory} React component.
+         */
+        export type Props = LinkAccessoryProps;
+    }
     /**
      * A Ref Type for the {@link Form.PasswordField}.
      * Use refs to control your Form by calling `Form.PasswordField.focus()` or `Form.PasswordField.reset()` functions.
@@ -3856,6 +3862,38 @@ declare interface FormMembers {
      * ```
      */
     FilePicker: typeof FilePicker;
+    /**
+     * A link that will be shown in the right-hand-side of the navigation bar.
+     *
+     * @example
+     * ```typescript
+     * import { ActionPanel, Form, Action } from "@raycast/api";
+     * import { useState } from "react";
+     *
+     * export default function Command() {
+     *   const [name, setName] = useState<string>("");
+     *
+     *   return (
+     *     <Form
+     *       searchBarAccessory={
+     *         <Form.LinkAccessory
+     *           target="https://developers.raycast.com/api-reference/user-interface/form"
+     *           text="Open Documentation"
+     *         />
+     *       }
+     *       actions={
+     *         <ActionPanel>
+     *           <Action.SubmitForm title="Submit Name" onSubmit={(values) => console.log(values)} />
+     *         </ActionPanel>
+     *       }
+     *     >
+     *       <Form.TextField id="name" value={name} onChange={setName} />
+     *     </Form>
+     *   );
+     * }
+     * ```
+     */
+    LinkAccessory: typeof LinkAccessory;
 }
 
 /**
@@ -3874,6 +3912,10 @@ declare interface FormProps_2 extends ActionsInterface, NavigationChildInterface
      * @defaultValue `false`
      */
     enableDrafts?: boolean;
+    /**
+     * {@link Form.LinkAccessory} that will be shown in the right-hand-side of the search bar.
+     */
+    searchBarAccessory?: ReactElement<LinkAccessoryProps> | undefined | null;
     /**
      * The Form.Item elements of the form.
      */
@@ -5717,6 +5759,22 @@ declare interface LabelProps {
   */
  declare const Link: FunctionComponent<LinkProps>;
 
+ /**
+  * See {@link Form.Link}
+  */
+ declare const LinkAccessory: FunctionComponent<LinkAccessoryProps>;
+
+ declare interface LinkAccessoryProps {
+     /**
+      * The target of the link.
+      */
+     target: string;
+     /**
+      * The text value of the item.
+      */
+     text: string;
+ }
+
  declare interface LinkProps {
      /**
       * The title shown above the item.