@raycast/api 1.25.7 → 1.27.0

package/package.json

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

package/types/index.d.ts

@@ -225,30 +225,6 @@ export function clearClipboard(): Promise<void>;
  * @category Clipboard
  */
 export function pasteText(text: string): Promise<void>;
-/**
- * Gets the selected text of the frontmost application.
- *
- * @throws An error when no text is selected in the frontmost application.
- * @returns Returns a promise that resolves with the selected text.
- *
- * @example
- * ```typescript
- * 
- *
- * export default async () => {
- *   try {
- *     const selectedText = await getSelectedText();
- *     const transformedText = selectedText.toUpperCase();
- *     await pasteText(transformedText);
- *   } catch (error) {
- *     await showToast(ToastStyle.Failure, "Cannot transform text", String(error));
- *   }
- * };
- * ```
- *
- * @category Clipboard
- */
-export function getSelectedText(): Promise<string>;
 /**
  * A keyboard shortcut is defined by one or more modifier keys (command, control, etc.) and a single key equivalent (a character or special key).
  * See {@link KeyModifier} and {@link KeyEquivalent} for supported values.
@@ -931,12 +907,12 @@ export interface FormValues {
  */
 export interface FormProps extends ActionsInterface, NavigationChildInterface {
     /**
-     * The {@link FormItemElement} elements of the form.
+     * The Form.Item elements of the form.
      */
     children?: ReactElement<FormItemProps<FormValue>> | Array<ReactElement<FormItemProps<FormValue>>> | null;
 }
 /**
- * Shows a list of form items such as {@link FormViewTextField}, {@link FormViewCheckbox} or {@link FormViewDropdown}.
+ * Shows a list of form items such as {@link Form.TextField}, {@link Form.Checkbox} or {@link Form.Dropdown}.
  *
  * @category User Interface
  * @subcategory Form
@@ -961,7 +937,7 @@ export namespace Form {
     var TagPickerItem: typeof FormTagPickerItem;
 }
 /**
- * Props of the {@link Form.Item} React component.
+ * Props of the Form.Item React component.
  *
  * @category User Interface
  * @subcategory Form
@@ -1019,7 +995,13 @@ export interface FormTextFieldProps extends FormItemProps<string> {
  *
  * export default function Command() {
  *   return (
- *     <Form onSubmit={(values) => console.log(values)}>
+ *     <Form
+ *       actions={
+ *         <ActionPanel>
+ *           <SubmitFormAction title="Submit Name" onSubmit={(values) => console.log(values)} />
+ *         </ActionPanel>
+ *       }
+ *     >
  *       <Form.TextField id="name" defaultValue="Steve" />
  *     </Form>
  *   );
@@ -1034,11 +1016,17 @@ export interface FormTextFieldProps extends FormItemProps<string> {
  * 
  *
  * export default function Command() {
- *   const [text, setText] = useState<string>();
+ *   const [name, setName] = useState<string>();
  *
  *   return (
- *     <Form onSubmit={(values) => console.log(values)}>
- *       <Form.TextField id="textfield" value={text} onChange={setText} />
+ *     <Form
+ *       actions={
+ *         <ActionPanel>
+ *           <SubmitFormAction title="Submit Name" onSubmit={(values) => console.log(values)} />
+ *         </ActionPanel>
+ *       }
+ *     >
+ *       <Form.TextField id="name" value={name} onChange={setName} />
  *     </Form>
  *   );
  * }
@@ -1087,7 +1075,13 @@ export interface FormTextAreaProps extends FormItemProps<string> {
  *
  * export default function Command() {
  *   return (
- *     <Form onSubmit={(values) => console.log(values)}>
+ *     <Form
+ *       actions={
+ *         <ActionPanel>
+ *           <SubmitFormAction title="Submit Description" onSubmit={(values) => console.log(values)} />
+ *         </ActionPanel>
+ *       }
+ *     >
  *       <Form.TextArea id="description" defaultValue={DESCRIPTION} />
  *     </Form>
  *   );
@@ -1102,11 +1096,17 @@ export interface FormTextAreaProps extends FormItemProps<string> {
  * 
  *
  * export default function Command() {
- *   const [text, setText] = useState<string>();
+ *   const [description, setDescription] = useState<string>();
  *
  *   return (
- *     <Form onSubmit={(values) => console.log(values)}>
- *       <Form.TextArea id="textarea" value={text} onChange={setText} />
+ *     <Form
+ *       actions={
+ *         <ActionPanel>
+ *           <SubmitFormAction title="Submit Description" onSubmit={(values) => console.log(values)} />
+ *         </ActionPanel>
+ *       }
+ *     >
+ *       <Form.TextArea id="description" value={description} onChange={setDescription} />
  *     </Form>
  *   );
  * }
@@ -1151,8 +1151,14 @@ export interface FormCheckboxProps extends FormItemProps<boolean> {
  *
  * export default function Command() {
  *   return (
- *     <Form onSubmit={(values) => console.log(values)}>
- *       <Form.Checkbox id="checkbox" label="Are you happy?" defaultValue={true} />
+ *     <Form
+ *       actions={
+ *         <ActionPanel>
+ *           <SubmitFormAction title="Submit Answer" onSubmit={(values) => console.log(values)} />
+ *         </ActionPanel>
+ *       }
+ *     >
+ *       <Form.Checkbox id="answer" label="Are you happy?" defaultValue={true} />
  *     </Form>
  *   );
  * }
@@ -1169,8 +1175,14 @@ export interface FormCheckboxProps extends FormItemProps<boolean> {
  *   const [checked, setChecked] = useState(true);
  *
  *   return (
- *     <Form onSubmit={(values) => console.log(values)}>
- *       <Form.Checkbox id="checkbox" label="Do you like orange juice?" value={checked} onChange={setChecked} />
+ *     <Form
+ *       actions={
+ *         <ActionPanel>
+ *           <SubmitFormAction title="Submit Answer" onSubmit={(values) => console.log(values)} />
+ *         </ActionPanel>
+ *       }
+ *     >
+ *       <Form.Checkbox id="answer" label="Do you like orange juice?" value={checked} onChange={setChecked} />
  *     </Form>
  *   );
  * }
@@ -1211,7 +1223,13 @@ export interface FormDatePickerProps extends FormItemProps<Date> {
  *
  * export default function Command() {
  *   return (
- *     <Form onSubmit={(values) => console.log(values)}>
+ *     <Form
+ *       actions={
+ *         <ActionPanel>
+ *           <SubmitFormAction title="Submit Form" onSubmit={(values) => console.log(values)} />
+ *         </ActionPanel>
+ *       }
+ *     >
  *       <Form.DatePicker id="dateOfBirth" title="Date of Birth" defaultValue={new Date(1955, 1, 24)} />
  *     </Form>
  *   );
@@ -1229,7 +1247,13 @@ export interface FormDatePickerProps extends FormItemProps<Date> {
  *   const [date, setDate] = useState<Date>();
  *
  *   return (
- *     <Form onSubmit={(values) => console.log(values)}>
+ *     <Form
+ *       actions={
+ *         <ActionPanel>
+ *           <SubmitFormAction title="Submit Form" onSubmit={(values) => console.log(values)} />
+ *         </ActionPanel>
+ *       }
+ *     >
  *       <Form.DatePicker id="launchDate" title="Launch Date" value={date} onChange={setDate} />
  *     </Form>
  *   );
@@ -1269,7 +1293,13 @@ export interface FormSeparatorProps {
  *
  * export default function Command() {
  *   return (
- *     <Form onSubmit={(values) => console.log(values)}>
+ *     <Form
+ *       actions={
+ *         <ActionPanel>
+ *           <SubmitFormAction title="Submit Form" onSubmit={(values) => console.log(values)} />
+ *         </ActionPanel>
+ *       }
+ *     >
  *       <Form.TextField id="textfield" />
  *       <Form.Separator />
  *       <Form.TextArea id="textarea" />
@@ -1308,7 +1338,13 @@ export interface FormDropdownProps extends FormItemProps<string> {
  *
  * export default function Command() {
  *   return (
- *     <Form onSubmit={(values) => console.log(values)}>
+ *     <Form
+ *       actions={
+ *         <ActionPanel>
+ *           <SubmitFormAction title="Submit Favorite" onSubmit={(values) => console.log(values)} />
+ *         </ActionPanel>
+ *       }
+ *     >
  *       <Form.Dropdown id="emoji" title="Favorite Emoji" defaultValue="lol">
  *         <Form.Dropdown.Item value="poop" title="Pile of poop" icon="💩" />
  *         <Form.Dropdown.Item value="rocket" title="Rocket" icon="🚀" />
@@ -1330,7 +1366,13 @@ export interface FormDropdownProps extends FormItemProps<string> {
  *   const [programmingLanguage, setProgrammingLanguage] = useState<string>("typescript");
  *
  *   return (
- *     <Form onSubmit={(values) => console.log(values)}>
+ *     <Form
+ *       actions={
+ *         <ActionPanel>
+ *           <SubmitFormAction title="Submit Favorite" onSubmit={(values) => console.log(values)} />
+ *         </ActionPanel>
+ *       }
+ *     >
  *       <Form.Dropdown
  *         id="dropdown"
  *         title="Favorite Language"
@@ -1395,7 +1437,13 @@ export interface FormDropdownSectionProps {
  *
  * export default function Command() {
  *   return (
- *     <Form onSubmit={(values) => console.log(values)}>
+ *     <Form
+ *       actions={
+ *         <ActionPanel>
+ *           <SubmitFormAction title="Submit Favorite" onSubmit={(values) => console.log(values)} />
+ *         </ActionPanel>
+ *       }
+ *     >
  *       <Form.Dropdown id="food" title="Favorite Food">
  *         <Form.Dropdown.Section title="Fruits">
  *           <Form.Dropdown.Item value="apple" title="Apple" icon="🍎" />
@@ -1452,7 +1500,13 @@ export interface FormDropdownItemProps {
  *
  * export default function Command() {
  *   return (
- *     <Form onSubmit={(values) => console.log(values)}>
+ *     <Form
+ *       actions={
+ *         <ActionPanel>
+ *           <SubmitFormAction title="Submit Icon" onSubmit={(values) => console.log(values)} />
+ *         </ActionPanel>
+ *       }
+ *     >
  *       <Form.Dropdown id="icon" title="Icon">
  *         <Form.Dropdown.Item value="circle" title="Cirlce" icon={Icon.Circle} />
  *       </Form.Dropdown>
@@ -1513,7 +1567,13 @@ export interface FormTagPickerProps extends FormItemProps<string[]> {
  *
  * export default function Command() {
  *   return (
- *     <Form onSubmit={(values) => console.log(values)}>
+ *     <Form
+ *       actions={
+ *         <ActionPanel>
+ *           <SubmitFormAction title="Submit Favorite" onSubmit={(values) => console.log(values)} />
+ *         </ActionPanel>
+ *       }
+ *     >
  *       <Form.TagPicker id="sports" title="Favorite Sports" defaultValue={["football"]}>
  *         <Form.TagPicker.Item value="basketball" title="Basketball" icon="🏀" />
  *         <Form.TagPicker.Item value="football" title="Football" icon="⚽️" />
@@ -1535,7 +1595,13 @@ export interface FormTagPickerProps extends FormItemProps<string[]> {
  *   const [countries, setCountries] = useState<string[]>(["ger", "ned", "pol"]);
  *
  *   return (
- *     <Form onSubmit={(values) => console.log(values)}>
+ *     <Form
+ *       actions={
+ *         <ActionPanel>
+ *           <SubmitFormAction title="Submit Countries" onSubmit={(values) => console.log(values)} />
+ *         </ActionPanel>
+ *       }
+ *     >
  *       <Form.TagPicker id="countries" title="Visited Countries" value={countries} onChange={setCountries}>
  *         <Form.TagPicker.Item value="ger" title="Germany" icon="🇩🇪" />
  *         <Form.TagPicker.Item value="ind" title="India" icon="🇮🇳" />
@@ -1597,9 +1663,17 @@ export interface FormTagPickerItemProps {
  *
  * export default function Command() {
  *   return (
- *     <Form onSubmit={(values) => console.log(values)}>
+ *     <Form
+ *       actions={
+ *         <ActionPanel>
+ *           <SubmitFormAction title="Submit Color" onSubmit={(values) => console.log(values)} />
+ *         </ActionPanel>
+ *       }
+ *     >
  *       <Form.TagPicker id="color" title="Color">
- *         <Form.TagPicker.Item value="ger" title="Germany" icon={{ source: Icon.Circle, tintColor: Color.Red }} />
+ *         <Form.TagPicker.Item value="red" title="Red" icon={{ source: Icon.Circle, tintColor: Color.Red }} />
+ *         <Form.TagPicker.Item value="green" title="Green" icon={{ source: Icon.Circle, tintColor: Color.Green }} />
+ *         <Form.TagPicker.Item value="blue" title="Blue" icon={{ source: Icon.Circle, tintColor: Color.Blue }} />
  *       </Form.TagPicker>
  *     </Form>
  *   );
@@ -2756,6 +2830,66 @@ export interface PreferenceValues {
  * @category Preferences
  */
 export function getPreferenceValues<Values extends PreferenceValues = PreferenceValues>(): Values;
+/**
+ * Gets the selected text of the frontmost application.
+ *
+ * @throws An error when no text is selected in the frontmost application.
+ * @returns Returns a promise that resolves with the selected text.
+ *
+ * @example
+ * ```typescript
+ * 
+ *
+ * export default async () => {
+ *   try {
+ *     const selectedText = await getSelectedText();
+ *     const transformedText = selectedText.toUpperCase();
+ *     await pasteText(transformedText);
+ *   } catch (error) {
+ *     await showToast(ToastStyle.Failure, "Cannot transform text", String(error));
+ *   }
+ * };
+ * ```
+ *
+ * @category Environment
+ */
+export function getSelectedText(): Promise<string>;
+/**
+ * Holds data about a File System item. Use the {@link getSelectedFinderItems} method to retrieve values.
+ *
+ * @category Environment
+ */
+export interface FileSystemItem {
+    /**
+     * The path to the item
+     */
+    path: string;
+}
+/**
+ * Gets the selected items from Finder.
+ *
+ * @throws An error when Finder is not the frontmost application.
+ * @returns Returns a promise that resolves with the selected file system items.
+ *
+ * @example
+ * ```typescript
+ * 
+ *
+ * export default async () => {
+ *   try {
+ *     const selectedItems = await getSelectedFinderItems();
+ *     if (selectedItems.length) {
+ *       await pasteText(selectedItems[0].path);
+ *     }
+ *   } catch (error) {
+ *     await showToast(ToastStyle.Failure, "Cannot copy file path", String(error));
+ *   }
+ * };
+ * ```
+ *
+ * @category Environment
+ */
+export function getSelectedFinderItems(): Promise<FileSystemItem[]>;
 
 
 /**
@@ -2897,6 +3031,150 @@ export function useNavigation(): Navigation;
  * @subcategory Rendering
  */
 export function render(nodeToRender: ReactNode): void;
+
+/**
+ * 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 takes an action.
+ * It will be `true` for the primary Action, `false` for the dismiss Action.
+ *
+ * @example
+ * ```typescript
+ * 
+ *
+ * export default async () => {
+ *   if (await confirmAlert({ title: "Are you sure?" })) {
+ *     // do something
+ *   }
+ * };
+ * ```
+ *
+ * @category User Interface
+ * @subcategory Alert
+ */
+export function confirmAlert(options: AlertOptions): Promise<boolean>;
+/**
+ * The options to create an {@link Alert}.
+ *
+ * @example
+ * ```typescript
+ * 
+ *
+ * export default async () => {
+ *   const options: AlertOptions = {
+ *     title: "Finished cooking",
+ *     message: "Delicious pasta for lunch",
+ *     primaryAction: {
+ *       title: 'Do something',
+ *       onAction: () => {
+ *         // while you can register a handler for an action, it's more elegant
+ *         // to use the `if (await confirmAlert(...)) { ... }` pattern
+ *         console.log("The alert action has been triggered")
+ *       }
+ *     }
+ *   };
+ *   await confirmAlert(options);
+ * };
+ * ```
+ *
+ * @category User Interface
+ * @subcategory Alert
+ */
+export interface AlertOptions {
+    /**
+     * The icon of an alert to illustrate the action. Displayed on the top.
+     */
+    icon?: ImageLike;
+    /**
+     * The title of an alert. Displayed below the icon.
+     */
+    title: string;
+    /**
+     * An additional message for an Alert. Useful to show more information, e.g. a confirmation message for a destructive action.
+     */
+    message?: string;
+    /**
+     * The primary Action the user can take.
+     */
+    primaryAction?: AlertActionOptions;
+    /**
+     * The Action to dismiss the alert. There usually shouldn't be any side effects when the user takes this action.
+     */
+    dismissAction?: AlertActionOptions;
+}
+/**
+ * The options to create an {@link Alert} Action.
+ *
+ * @category User Interface
+ * @subcategory Alert
+ */
+export interface AlertActionOptions {
+    /**
+     * The title of the action.
+     */
+    title: string;
+    /**
+     * The style of the action.
+     */
+    style?: AlertActionStyle;
+    /**
+     * A callback called when the action is triggered.
+     */
+    onAction?: () => void;
+}
+/**
+ * Defines the visual style of an Action of the Alert.
+ *
+ * @remarks
+ * Use {@link AlertActionStyle.Default} for confirmations of a positive action.
+ * Use {@link AlertActionStyle.Destructive} for confirmations of a destructive action (eg. deleting a file).
+ *
+ * @category User Interface
+ * @subcategory Alert
+ */
+export enum AlertActionStyle {
+    Default = "DEFAULT",
+    Cancel = "CANCEL",
+    Destructive = "DESTRUCTIVE"
+}
+/**
+ * Union type for the supported color types.
+ *
+ * @remark
+ * Besides the {@link Color}, 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`
+ *
+ * Colors different to the built-in ones (see {@link Color}) will be dynamically adjusted to fit the contrast.
+ *
+ * @example
+ * ```typescript
+ * 
+ *
+ * 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>
+ *   );
+ * };
+ * ```
+ *
+ * @category User Interface
+ * @subcategory Colors
+ */
+export type ColorLike = Color | DynamicColor | string;
 /**
  * The standard colors. Use this colors for consistency.
  *
@@ -2960,7 +3238,7 @@ export enum Color {
  * @category User Interface
  * @subcategory Colors
  */
-interface DynamicColor {
+export interface DynamicColor {
     /**
      * The color which is used in light theme.
      *
@@ -2988,44 +3266,6 @@ interface DynamicColor {
      */
     adjustContrast?: boolean;
 }
-/**
- * Union type for the supported color types.
- *
- * @remark
- * Besides the {@link Color}, 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`
- *
- * Colors different to the built-in ones (see {@link Color}) will be dynamically adjusted to fit the contrast.
- *
- * @example
- * ```typescript
- * 
- *
- * 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>
- *   );
- * };
- * ```
- *
- * @category User Interface
- * @subcategory Colors
- */
-export type ColorLike = DynamicColor | Color | string;
-export {};
 /**
  * List of built-in icons that can be used for actions or list items.
  *
@@ -3116,7 +3356,7 @@ export enum Icon {
  */
 export interface FileIcon {
     /**
-     * The path to a file or folder to get it's icon from.
+     * The path to a file or folder to get its icon from.
      */
     fileIcon: string;
 }
@@ -3252,6 +3492,7 @@ export enum ImageMask {
      */
     RoundedRectangle = "roundedRectangle"
 }
+
 /**
  * A Toast with a certain style, title, and message.
  *
@@ -3279,17 +3520,23 @@ export enum ImageMask {
  */
 export class Toast {
     private options;
-    constructor(options: ToastOptions);
+    private id;
+    private callbacks;
+    constructor(props: ToastOptions);
     get style(): ToastStyle;
     set style(style: ToastStyle);
     get title(): string;
     set title(title: string);
     get message(): string | undefined;
     set message(message: string | undefined);
+    get primaryAction(): ToastActionOptions | undefined;
+    set primaryAction(action: ToastActionOptions | undefined);
+    get secondaryAction(): ToastActionOptions | undefined;
+    set secondaryAction(action: ToastActionOptions | undefined);
     /**
      * Shows the Toast.
      *
-     * @returns A promise that resolves when toast is shown.
+     * @returns A promise that resolves when the toast is shown.
      */
     show(): Promise<void>;
     /**
@@ -3312,6 +3559,12 @@ export class Toast {
  *     style: ToastStyle.Success,
  *     title: "Finished cooking",
  *     message: "Delicious pasta for lunch",
+ *     primaryAction: {
+ *       title: 'Do something',
+ *       onAction: () => {
+ *         console.log("The toast action has been triggered")
+ *       }
+ *     }
  *   };
  *   const toast = new Toast(options);
  *   await toast.show();
@@ -3331,9 +3584,37 @@ export interface ToastOptions {
      */
     title: string;
     /**
-     * An additional message for the toast. Useful to show more information, e.g. an identifier of a newly create asset
+     * An additional message for the toast. Useful to show more information, e.g. an identifier of a newly created asset.
      */
     message?: string;
+    /**
+     * The primary Action the user can take when hovering on the Toast.
+     */
+    primaryAction?: ToastActionOptions;
+    /**
+     * The secondary Action the user can take when hovering on the Toast.
+     */
+    secondaryAction?: ToastActionOptions;
+}
+/**
+ * The options to create a {@link Toast} Action.
+ *
+ * @category User Interface
+ * @subcategory Toast
+ */
+export interface ToastActionOptions {
+    /**
+     * The title of the action.
+     */
+    title: string;
+    /**
+     * The keyboard shortcut for the action.
+     */
+    shortcut?: KeyboardShortcut;
+    /**
+     * A callback called when the action is triggered.
+     */
+    onAction: () => void;
 }
 /**
  * Defines the visual style of the Toast.
@@ -3352,7 +3633,7 @@ export enum ToastStyle {
     Animated = "ANIMATED"
 }
 /**
- * Creates and shows a Toast with the the given style, title, and message.
+ * Creates and shows a Toast with the given style, title, and message.
  *
  * @param style - The visual style of the Toast.
  * @param title - The title that will be displayed in the Toast.