@okta/odyssey-react-mui 1.15.9 → 1.21.0

package/dist/src/test-selectors/querySelector.d.ts

@@ -0,0 +1,3632 @@
+/*!
+ * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+import { queries, type BoundFunctions } from "@testing-library/dom";
+import { type FeatureTestSelector, type TestSelector } from "./featureTestSelector";
+import { odysseyTestSelectors } from "./odysseyTestSelectors";
+export declare const interpolateString: (string: string, values: Record<string, string | RegExp>) => string | RegExp;
+export declare const querySelector: <TestSelectors extends FeatureTestSelector>({ canvas, templateArgs: templateArgsProp, testSelectors, }: {
+    /**
+     * Testing Library canvas. This is usually `screen`, but Storybook uses `within(canvas)`.
+     */
+    canvas: BoundFunctions<typeof queries>;
+    templateArgs?: TestSelectors extends TestSelector ? Record<TestSelectors["selector"]["templateVariableNames"][number], string | RegExp> : never;
+    testSelectors: TestSelectors;
+}) => {
+    element: HTMLElement | null;
+    select: (<FeatureName extends keyof (typeof testSelectors)["feature"]>(featureName: FeatureName, templateArgs?: (typeof testSelectors)["feature"][FeatureName] extends TestSelector ? Record<(typeof testSelectors)["feature"][FeatureName]["selector"]["templateVariableNames"][number], string | RegExp> : never) => {
+        element: HTMLElement | null;
+        select: (<FeatureName_1 extends keyof ((TestSelectors & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"]>(featureName: FeatureName_1, templateArgs?: (((TestSelectors & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] extends TestSelector ? Record<((TestSelectors & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1]["selector"]["templateVariableNames"][number], string | RegExp> : never) | undefined) => {
+            element: HTMLElement | null;
+            select: (<FeatureName_2 extends keyof (((TestSelectors & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"]>(featureName: FeatureName_2, templateArgs?: ((((TestSelectors & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] extends TestSelector ? Record<(((TestSelectors & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2]["selector"]["templateVariableNames"][number], string | RegExp> : never) | undefined) => {
+                element: HTMLElement | null;
+                select: (<FeatureName_3 extends keyof ((((TestSelectors & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"]>(featureName: FeatureName_3, templateArgs?: (((((TestSelectors & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] extends TestSelector ? Record<((((TestSelectors & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3]["selector"]["templateVariableNames"][number], string | RegExp> : never) | undefined) => {
+                    element: HTMLElement | null;
+                    select: (<FeatureName_4 extends keyof (((((TestSelectors & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"]>(featureName: FeatureName_4, templateArgs?: ((((((TestSelectors & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] extends TestSelector ? Record<(((((TestSelectors & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4]["selector"]["templateVariableNames"][number], string | RegExp> : never) | undefined) => {
+                        element: HTMLElement | null;
+                        select: (<FeatureName_5 extends keyof ((((((TestSelectors & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"]>(featureName: FeatureName_5, templateArgs?: (((((((TestSelectors & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5] extends TestSelector ? Record<((((((TestSelectors & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5]["selector"]["templateVariableNames"][number], string | RegExp> : never) | undefined) => {
+                            element: HTMLElement | null;
+                            select: (<FeatureName_6 extends keyof (((((((TestSelectors & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5] & Record<"feature", unknown>)["feature"]>(featureName: FeatureName_6, templateArgs?: ((((((((TestSelectors & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5] & Record<"feature", unknown>)["feature"][FeatureName_6] extends TestSelector ? Record<(((((((TestSelectors & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5] & Record<"feature", unknown>)["feature"][FeatureName_6]["selector"]["templateVariableNames"][number], string | RegExp> : never) | undefined) => {
+                                element: HTMLElement | null;
+                                select: (<FeatureName_7 extends keyof ((((((((TestSelectors & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5] & Record<"feature", unknown>)["feature"][FeatureName_6] & Record<"feature", unknown>)["feature"]>(featureName: FeatureName_7, templateArgs?: (((((((((TestSelectors & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5] & Record<"feature", unknown>)["feature"][FeatureName_6] & Record<"feature", unknown>)["feature"][FeatureName_7] extends TestSelector ? Record<((((((((TestSelectors & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5] & Record<"feature", unknown>)["feature"][FeatureName_6] & Record<"feature", unknown>)["feature"][FeatureName_7]["selector"]["templateVariableNames"][number], string | RegExp> : never) | undefined) => {
+                                    element: HTMLElement | null;
+                                    select: (<FeatureName_8 extends keyof (((((((((TestSelectors & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5] & Record<"feature", unknown>)["feature"][FeatureName_6] & Record<"feature", unknown>)["feature"][FeatureName_7] & Record<"feature", unknown>)["feature"]>(featureName: FeatureName_8, templateArgs?: ((((((((((TestSelectors & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5] & Record<"feature", unknown>)["feature"][FeatureName_6] & Record<"feature", unknown>)["feature"][FeatureName_7] & Record<"feature", unknown>)["feature"][FeatureName_8] extends TestSelector ? Record<(((((((((TestSelectors & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5] & Record<"feature", unknown>)["feature"][FeatureName_6] & Record<"feature", unknown>)["feature"][FeatureName_7] & Record<"feature", unknown>)["feature"][FeatureName_8]["selector"]["templateVariableNames"][number], string | RegExp> : never) | undefined) => {
+                                        element: HTMLElement | null;
+                                        select: (<FeatureName_9 extends keyof ((((((((((TestSelectors & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5] & Record<"feature", unknown>)["feature"][FeatureName_6] & Record<"feature", unknown>)["feature"][FeatureName_7] & Record<"feature", unknown>)["feature"][FeatureName_8] & Record<"feature", unknown>)["feature"]>(featureName: FeatureName_9, templateArgs?: (((((((((((TestSelectors & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5] & Record<"feature", unknown>)["feature"][FeatureName_6] & Record<"feature", unknown>)["feature"][FeatureName_7] & Record<"feature", unknown>)["feature"][FeatureName_8] & Record<"feature", unknown>)["feature"][FeatureName_9] extends TestSelector ? Record<((((((((((TestSelectors & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5] & Record<"feature", unknown>)["feature"][FeatureName_6] & Record<"feature", unknown>)["feature"][FeatureName_7] & Record<"feature", unknown>)["feature"][FeatureName_8] & Record<"feature", unknown>)["feature"][FeatureName_9]["selector"]["templateVariableNames"][number], string | RegExp> : never) | undefined) => {
+                                            element: HTMLElement | null;
+                                            select: (<FeatureName_10 extends keyof (((((((((((TestSelectors & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5] & Record<"feature", unknown>)["feature"][FeatureName_6] & Record<"feature", unknown>)["feature"][FeatureName_7] & Record<"feature", unknown>)["feature"][FeatureName_8] & Record<"feature", unknown>)["feature"][FeatureName_9] & Record<"feature", unknown>)["feature"]>(featureName: FeatureName_10, templateArgs?: ((((((((((((TestSelectors & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5] & Record<"feature", unknown>)["feature"][FeatureName_6] & Record<"feature", unknown>)["feature"][FeatureName_7] & Record<"feature", unknown>)["feature"][FeatureName_8] & Record<"feature", unknown>)["feature"][FeatureName_9] & Record<"feature", unknown>)["feature"][FeatureName_10] extends TestSelector ? Record<(((((((((((TestSelectors & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5] & Record<"feature", unknown>)["feature"][FeatureName_6] & Record<"feature", unknown>)["feature"][FeatureName_7] & Record<"feature", unknown>)["feature"][FeatureName_8] & Record<"feature", unknown>)["feature"][FeatureName_9] & Record<"feature", unknown>)["feature"][FeatureName_10]["selector"]["templateVariableNames"][number], string | RegExp> : never) | undefined) => any) | null;
+                                        }) | null;
+                                    }) | null;
+                                }) | null;
+                            }) | null;
+                        }) | null;
+                    }) | null;
+                }) | null;
+            }) | null;
+        }) | null;
+    }) | null;
+};
+export declare const queryOdysseySelector: <ComponentName extends keyof typeof odysseyTestSelectors>({ canvas, componentName, templateArgs, }: {
+    canvas: Parameters<typeof querySelector<(typeof odysseyTestSelectors)[ComponentName]>>[0]["canvas"];
+    /**
+     * Name of the component you want to select within.
+     */
+    componentName: ComponentName;
+    /**
+     * String or RegExp values required for this selector.
+     */
+    templateArgs?: Parameters<typeof querySelector<(typeof odysseyTestSelectors)[ComponentName]>>[0]["templateArgs"];
+}) => {
+    element: HTMLElement | null;
+    select: (<FeatureName extends keyof ({
+        readonly Callout: {
+            readonly feature: {
+                readonly link: {
+                    readonly selector: {
+                        readonly method: "ByRole";
+                        readonly options: {
+                            readonly name: "${linkText}";
+                        };
+                        readonly role: "link";
+                        readonly templateVariableNames: ["linkText"];
+                    };
+                };
+                readonly text: {
+                    readonly selector: {
+                        readonly method: "ByText";
+                        readonly templateVariableNames: ["text"];
+                        readonly text: "${text}";
+                    };
+                };
+                readonly title: {
+                    readonly selector: {
+                        readonly method: "ByText";
+                        readonly templateVariableNames: ["title"];
+                        readonly text: "${title}";
+                    };
+                };
+            };
+            readonly selector: {
+                readonly method: "ByRole";
+                readonly options: {
+                    readonly name: "${title}";
+                };
+                readonly role: "${role}";
+                readonly templateVariableNames: ["role", "title"];
+            };
+        };
+        readonly Tabs: {
+            readonly feature: {
+                readonly tabItem: {
+                    readonly selector: {
+                        readonly method: "ByRole";
+                        readonly options: {
+                            readonly name: "${label}";
+                        };
+                        readonly templateVariableNames: ["label"];
+                        readonly role: "tab";
+                    };
+                };
+            };
+            readonly selector: {
+                readonly method: "ByRole";
+                readonly options: {
+                    readonly name: "${ariaLabel}";
+                };
+                readonly role: "tablist";
+                readonly templateVariableNames: ["ariaLabel"];
+            };
+        };
+        readonly TextField: {
+            readonly feature: {
+                readonly description: {
+                    readonly selector: {
+                        readonly method: "ByText";
+                        readonly templateVariableNames: ["hint"];
+                        readonly text: "${hint}";
+                    };
+                };
+                readonly errorMessage: {
+                    readonly selector: {
+                        readonly method: "ByText";
+                        readonly templateVariableNames: ["errorMessage"];
+                        readonly text: "${errorMessage}";
+                    };
+                };
+                readonly input: {
+                    readonly selector: {
+                        readonly method: "ByRole";
+                        readonly options: {
+                            readonly name: "${label}";
+                        };
+                        readonly role: "textbox";
+                        readonly templateVariableNames: ["label"];
+                    };
+                };
+                readonly label: {
+                    readonly selector: {
+                        readonly method: "ByRole";
+                        readonly options: {
+                            readonly name: "${label}";
+                        };
+                        readonly role: "LabelText";
+                        readonly templateVariableNames: ["label"];
+                    };
+                };
+                readonly link: {
+                    readonly selector: {
+                        readonly method: "ByRole";
+                        readonly options: {
+                            readonly name: "${label}";
+                        };
+                        readonly templateVariableNames: ["label"];
+                        readonly role: "link";
+                    };
+                };
+            };
+        };
+    }[ComponentName] & Record<"feature", unknown>)["feature"]>(featureName: FeatureName, templateArgs?: (({
+        readonly Callout: {
+            readonly feature: {
+                readonly link: {
+                    readonly selector: {
+                        readonly method: "ByRole";
+                        readonly options: {
+                            readonly name: "${linkText}";
+                        };
+                        readonly role: "link";
+                        readonly templateVariableNames: ["linkText"];
+                    };
+                };
+                readonly text: {
+                    readonly selector: {
+                        readonly method: "ByText";
+                        readonly templateVariableNames: ["text"];
+                        readonly text: "${text}";
+                    };
+                };
+                readonly title: {
+                    readonly selector: {
+                        readonly method: "ByText";
+                        readonly templateVariableNames: ["title"];
+                        readonly text: "${title}";
+                    };
+                };
+            };
+            readonly selector: {
+                readonly method: "ByRole";
+                readonly options: {
+                    readonly name: "${title}";
+                };
+                readonly role: "${role}";
+                readonly templateVariableNames: ["role", "title"];
+            };
+        };
+        readonly Tabs: {
+            readonly feature: {
+                readonly tabItem: {
+                    readonly selector: {
+                        readonly method: "ByRole";
+                        readonly options: {
+                            readonly name: "${label}";
+                        };
+                        readonly templateVariableNames: ["label"];
+                        readonly role: "tab";
+                    };
+                };
+            };
+            readonly selector: {
+                readonly method: "ByRole";
+                readonly options: {
+                    readonly name: "${ariaLabel}";
+                };
+                readonly role: "tablist";
+                readonly templateVariableNames: ["ariaLabel"];
+            };
+        };
+        readonly TextField: {
+            readonly feature: {
+                readonly description: {
+                    readonly selector: {
+                        readonly method: "ByText";
+                        readonly templateVariableNames: ["hint"];
+                        readonly text: "${hint}";
+                    };
+                };
+                readonly errorMessage: {
+                    readonly selector: {
+                        readonly method: "ByText";
+                        readonly templateVariableNames: ["errorMessage"];
+                        readonly text: "${errorMessage}";
+                    };
+                };
+                readonly input: {
+                    readonly selector: {
+                        readonly method: "ByRole";
+                        readonly options: {
+                            readonly name: "${label}";
+                        };
+                        readonly role: "textbox";
+                        readonly templateVariableNames: ["label"];
+                    };
+                };
+                readonly label: {
+                    readonly selector: {
+                        readonly method: "ByRole";
+                        readonly options: {
+                            readonly name: "${label}";
+                        };
+                        readonly role: "LabelText";
+                        readonly templateVariableNames: ["label"];
+                    };
+                };
+                readonly link: {
+                    readonly selector: {
+                        readonly method: "ByRole";
+                        readonly options: {
+                            readonly name: "${label}";
+                        };
+                        readonly templateVariableNames: ["label"];
+                        readonly role: "link";
+                    };
+                };
+            };
+        };
+    }[ComponentName] & Record<"feature", unknown>)["feature"][FeatureName] extends TestSelector ? Record<({
+        readonly Callout: {
+            readonly feature: {
+                readonly link: {
+                    readonly selector: {
+                        readonly method: "ByRole";
+                        readonly options: {
+                            readonly name: "${linkText}";
+                        };
+                        readonly role: "link";
+                        readonly templateVariableNames: ["linkText"];
+                    };
+                };
+                readonly text: {
+                    readonly selector: {
+                        readonly method: "ByText";
+                        readonly templateVariableNames: ["text"];
+                        readonly text: "${text}";
+                    };
+                };
+                readonly title: {
+                    readonly selector: {
+                        readonly method: "ByText";
+                        readonly templateVariableNames: ["title"];
+                        readonly text: "${title}";
+                    };
+                };
+            };
+            readonly selector: {
+                readonly method: "ByRole";
+                readonly options: {
+                    readonly name: "${title}";
+                };
+                readonly role: "${role}";
+                readonly templateVariableNames: ["role", "title"];
+            };
+        };
+        readonly Tabs: {
+            readonly feature: {
+                readonly tabItem: {
+                    readonly selector: {
+                        readonly method: "ByRole";
+                        readonly options: {
+                            readonly name: "${label}";
+                        };
+                        readonly templateVariableNames: ["label"];
+                        readonly role: "tab";
+                    };
+                };
+            };
+            readonly selector: {
+                readonly method: "ByRole";
+                readonly options: {
+                    readonly name: "${ariaLabel}";
+                };
+                readonly role: "tablist";
+                readonly templateVariableNames: ["ariaLabel"];
+            };
+        };
+        readonly TextField: {
+            readonly feature: {
+                readonly description: {
+                    readonly selector: {
+                        readonly method: "ByText";
+                        readonly templateVariableNames: ["hint"];
+                        readonly text: "${hint}";
+                    };
+                };
+                readonly errorMessage: {
+                    readonly selector: {
+                        readonly method: "ByText";
+                        readonly templateVariableNames: ["errorMessage"];
+                        readonly text: "${errorMessage}";
+                    };
+                };
+                readonly input: {
+                    readonly selector: {
+                        readonly method: "ByRole";
+                        readonly options: {
+                            readonly name: "${label}";
+                        };
+                        readonly role: "textbox";
+                        readonly templateVariableNames: ["label"];
+                    };
+                };
+                readonly label: {
+                    readonly selector: {
+                        readonly method: "ByRole";
+                        readonly options: {
+                            readonly name: "${label}";
+                        };
+                        readonly role: "LabelText";
+                        readonly templateVariableNames: ["label"];
+                    };
+                };
+                readonly link: {
+                    readonly selector: {
+                        readonly method: "ByRole";
+                        readonly options: {
+                            readonly name: "${label}";
+                        };
+                        readonly templateVariableNames: ["label"];
+                        readonly role: "link";
+                    };
+                };
+            };
+        };
+    }[ComponentName] & Record<"feature", unknown>)["feature"][FeatureName]["selector"]["templateVariableNames"][number], string | RegExp> : never) | undefined) => {
+        element: HTMLElement | null;
+        select: (<FeatureName_1 extends keyof (({
+            readonly Callout: {
+                readonly feature: {
+                    readonly link: {
+                        readonly selector: {
+                            readonly method: "ByRole";
+                            readonly options: {
+                                readonly name: "${linkText}";
+                            };
+                            readonly role: "link";
+                            readonly templateVariableNames: ["linkText"];
+                        };
+                    };
+                    readonly text: {
+                        readonly selector: {
+                            readonly method: "ByText";
+                            readonly templateVariableNames: ["text"];
+                            readonly text: "${text}";
+                        };
+                    };
+                    readonly title: {
+                        readonly selector: {
+                            readonly method: "ByText";
+                            readonly templateVariableNames: ["title"];
+                            readonly text: "${title}";
+                        };
+                    };
+                };
+                readonly selector: {
+                    readonly method: "ByRole";
+                    readonly options: {
+                        readonly name: "${title}";
+                    };
+                    readonly role: "${role}";
+                    readonly templateVariableNames: ["role", "title"];
+                };
+            };
+            readonly Tabs: {
+                readonly feature: {
+                    readonly tabItem: {
+                        readonly selector: {
+                            readonly method: "ByRole";
+                            readonly options: {
+                                readonly name: "${label}";
+                            };
+                            readonly templateVariableNames: ["label"];
+                            readonly role: "tab";
+                        };
+                    };
+                };
+                readonly selector: {
+                    readonly method: "ByRole";
+                    readonly options: {
+                        readonly name: "${ariaLabel}";
+                    };
+                    readonly role: "tablist";
+                    readonly templateVariableNames: ["ariaLabel"];
+                };
+            };
+            readonly TextField: {
+                readonly feature: {
+                    readonly description: {
+                        readonly selector: {
+                            readonly method: "ByText";
+                            readonly templateVariableNames: ["hint"];
+                            readonly text: "${hint}";
+                        };
+                    };
+                    readonly errorMessage: {
+                        readonly selector: {
+                            readonly method: "ByText";
+                            readonly templateVariableNames: ["errorMessage"];
+                            readonly text: "${errorMessage}";
+                        };
+                    };
+                    readonly input: {
+                        readonly selector: {
+                            readonly method: "ByRole";
+                            readonly options: {
+                                readonly name: "${label}";
+                            };
+                            readonly role: "textbox";
+                            readonly templateVariableNames: ["label"];
+                        };
+                    };
+                    readonly label: {
+                        readonly selector: {
+                            readonly method: "ByRole";
+                            readonly options: {
+                                readonly name: "${label}";
+                            };
+                            readonly role: "LabelText";
+                            readonly templateVariableNames: ["label"];
+                        };
+                    };
+                    readonly link: {
+                        readonly selector: {
+                            readonly method: "ByRole";
+                            readonly options: {
+                                readonly name: "${label}";
+                            };
+                            readonly templateVariableNames: ["label"];
+                            readonly role: "link";
+                        };
+                    };
+                };
+            };
+        }[ComponentName] & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"]>(featureName: FeatureName_1, templateArgs?: ((({
+            readonly Callout: {
+                readonly feature: {
+                    readonly link: {
+                        readonly selector: {
+                            readonly method: "ByRole";
+                            readonly options: {
+                                readonly name: "${linkText}";
+                            };
+                            readonly role: "link";
+                            readonly templateVariableNames: ["linkText"];
+                        };
+                    };
+                    readonly text: {
+                        readonly selector: {
+                            readonly method: "ByText";
+                            readonly templateVariableNames: ["text"];
+                            readonly text: "${text}";
+                        };
+                    };
+                    readonly title: {
+                        readonly selector: {
+                            readonly method: "ByText";
+                            readonly templateVariableNames: ["title"];
+                            readonly text: "${title}";
+                        };
+                    };
+                };
+                readonly selector: {
+                    readonly method: "ByRole";
+                    readonly options: {
+                        readonly name: "${title}";
+                    };
+                    readonly role: "${role}";
+                    readonly templateVariableNames: ["role", "title"];
+                };
+            };
+            readonly Tabs: {
+                readonly feature: {
+                    readonly tabItem: {
+                        readonly selector: {
+                            readonly method: "ByRole";
+                            readonly options: {
+                                readonly name: "${label}";
+                            };
+                            readonly templateVariableNames: ["label"];
+                            readonly role: "tab";
+                        };
+                    };
+                };
+                readonly selector: {
+                    readonly method: "ByRole";
+                    readonly options: {
+                        readonly name: "${ariaLabel}";
+                    };
+                    readonly role: "tablist";
+                    readonly templateVariableNames: ["ariaLabel"];
+                };
+            };
+            readonly TextField: {
+                readonly feature: {
+                    readonly description: {
+                        readonly selector: {
+                            readonly method: "ByText";
+                            readonly templateVariableNames: ["hint"];
+                            readonly text: "${hint}";
+                        };
+                    };
+                    readonly errorMessage: {
+                        readonly selector: {
+                            readonly method: "ByText";
+                            readonly templateVariableNames: ["errorMessage"];
+                            readonly text: "${errorMessage}";
+                        };
+                    };
+                    readonly input: {
+                        readonly selector: {
+                            readonly method: "ByRole";
+                            readonly options: {
+                                readonly name: "${label}";
+                            };
+                            readonly role: "textbox";
+                            readonly templateVariableNames: ["label"];
+                        };
+                    };
+                    readonly label: {
+                        readonly selector: {
+                            readonly method: "ByRole";
+                            readonly options: {
+                                readonly name: "${label}";
+                            };
+                            readonly role: "LabelText";
+                            readonly templateVariableNames: ["label"];
+                        };
+                    };
+                    readonly link: {
+                        readonly selector: {
+                            readonly method: "ByRole";
+                            readonly options: {
+                                readonly name: "${label}";
+                            };
+                            readonly templateVariableNames: ["label"];
+                            readonly role: "link";
+                        };
+                    };
+                };
+            };
+        }[ComponentName] & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] extends TestSelector ? Record<(({
+            readonly Callout: {
+                readonly feature: {
+                    readonly link: {
+                        readonly selector: {
+                            readonly method: "ByRole";
+                            readonly options: {
+                                readonly name: "${linkText}";
+                            };
+                            readonly role: "link";
+                            readonly templateVariableNames: ["linkText"];
+                        };
+                    };
+                    readonly text: {
+                        readonly selector: {
+                            readonly method: "ByText";
+                            readonly templateVariableNames: ["text"];
+                            readonly text: "${text}";
+                        };
+                    };
+                    readonly title: {
+                        readonly selector: {
+                            readonly method: "ByText";
+                            readonly templateVariableNames: ["title"];
+                            readonly text: "${title}";
+                        };
+                    };
+                };
+                readonly selector: {
+                    readonly method: "ByRole";
+                    readonly options: {
+                        readonly name: "${title}";
+                    };
+                    readonly role: "${role}";
+                    readonly templateVariableNames: ["role", "title"];
+                };
+            };
+            readonly Tabs: {
+                readonly feature: {
+                    readonly tabItem: {
+                        readonly selector: {
+                            readonly method: "ByRole";
+                            readonly options: {
+                                readonly name: "${label}";
+                            };
+                            readonly templateVariableNames: ["label"];
+                            readonly role: "tab";
+                        };
+                    };
+                };
+                readonly selector: {
+                    readonly method: "ByRole";
+                    readonly options: {
+                        readonly name: "${ariaLabel}";
+                    };
+                    readonly role: "tablist";
+                    readonly templateVariableNames: ["ariaLabel"];
+                };
+            };
+            readonly TextField: {
+                readonly feature: {
+                    readonly description: {
+                        readonly selector: {
+                            readonly method: "ByText";
+                            readonly templateVariableNames: ["hint"];
+                            readonly text: "${hint}";
+                        };
+                    };
+                    readonly errorMessage: {
+                        readonly selector: {
+                            readonly method: "ByText";
+                            readonly templateVariableNames: ["errorMessage"];
+                            readonly text: "${errorMessage}";
+                        };
+                    };
+                    readonly input: {
+                        readonly selector: {
+                            readonly method: "ByRole";
+                            readonly options: {
+                                readonly name: "${label}";
+                            };
+                            readonly role: "textbox";
+                            readonly templateVariableNames: ["label"];
+                        };
+                    };
+                    readonly label: {
+                        readonly selector: {
+                            readonly method: "ByRole";
+                            readonly options: {
+                                readonly name: "${label}";
+                            };
+                            readonly role: "LabelText";
+                            readonly templateVariableNames: ["label"];
+                        };
+                    };
+                    readonly link: {
+                        readonly selector: {
+                            readonly method: "ByRole";
+                            readonly options: {
+                                readonly name: "${label}";
+                            };
+                            readonly templateVariableNames: ["label"];
+                            readonly role: "link";
+                        };
+                    };
+                };
+            };
+        }[ComponentName] & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1]["selector"]["templateVariableNames"][number], string | RegExp> : never) | undefined) => {
+            element: HTMLElement | null;
+            select: (<FeatureName_2 extends keyof ((({
+                readonly Callout: {
+                    readonly feature: {
+                        readonly link: {
+                            readonly selector: {
+                                readonly method: "ByRole";
+                                readonly options: {
+                                    readonly name: "${linkText}";
+                                };
+                                readonly role: "link";
+                                readonly templateVariableNames: ["linkText"];
+                            };
+                        };
+                        readonly text: {
+                            readonly selector: {
+                                readonly method: "ByText";
+                                readonly templateVariableNames: ["text"];
+                                readonly text: "${text}";
+                            };
+                        };
+                        readonly title: {
+                            readonly selector: {
+                                readonly method: "ByText";
+                                readonly templateVariableNames: ["title"];
+                                readonly text: "${title}";
+                            };
+                        };
+                    };
+                    readonly selector: {
+                        readonly method: "ByRole";
+                        readonly options: {
+                            readonly name: "${title}";
+                        };
+                        readonly role: "${role}";
+                        readonly templateVariableNames: ["role", "title"];
+                    };
+                };
+                readonly Tabs: {
+                    readonly feature: {
+                        readonly tabItem: {
+                            readonly selector: {
+                                readonly method: "ByRole";
+                                readonly options: {
+                                    readonly name: "${label}";
+                                };
+                                readonly templateVariableNames: ["label"];
+                                readonly role: "tab";
+                            };
+                        };
+                    };
+                    readonly selector: {
+                        readonly method: "ByRole";
+                        readonly options: {
+                            readonly name: "${ariaLabel}";
+                        };
+                        readonly role: "tablist";
+                        readonly templateVariableNames: ["ariaLabel"];
+                    };
+                };
+                readonly TextField: {
+                    readonly feature: {
+                        readonly description: {
+                            readonly selector: {
+                                readonly method: "ByText";
+                                readonly templateVariableNames: ["hint"];
+                                readonly text: "${hint}";
+                            };
+                        };
+                        readonly errorMessage: {
+                            readonly selector: {
+                                readonly method: "ByText";
+                                readonly templateVariableNames: ["errorMessage"];
+                                readonly text: "${errorMessage}";
+                            };
+                        };
+                        readonly input: {
+                            readonly selector: {
+                                readonly method: "ByRole";
+                                readonly options: {
+                                    readonly name: "${label}";
+                                };
+                                readonly role: "textbox";
+                                readonly templateVariableNames: ["label"];
+                            };
+                        };
+                        readonly label: {
+                            readonly selector: {
+                                readonly method: "ByRole";
+                                readonly options: {
+                                    readonly name: "${label}";
+                                };
+                                readonly role: "LabelText";
+                                readonly templateVariableNames: ["label"];
+                            };
+                        };
+                        readonly link: {
+                            readonly selector: {
+                                readonly method: "ByRole";
+                                readonly options: {
+                                    readonly name: "${label}";
+                                };
+                                readonly templateVariableNames: ["label"];
+                                readonly role: "link";
+                            };
+                        };
+                    };
+                };
+            }[ComponentName] & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"]>(featureName: FeatureName_2, templateArgs?: (((({
+                readonly Callout: {
+                    readonly feature: {
+                        readonly link: {
+                            readonly selector: {
+                                readonly method: "ByRole";
+                                readonly options: {
+                                    readonly name: "${linkText}";
+                                };
+                                readonly role: "link";
+                                readonly templateVariableNames: ["linkText"];
+                            };
+                        };
+                        readonly text: {
+                            readonly selector: {
+                                readonly method: "ByText";
+                                readonly templateVariableNames: ["text"];
+                                readonly text: "${text}";
+                            };
+                        };
+                        readonly title: {
+                            readonly selector: {
+                                readonly method: "ByText";
+                                readonly templateVariableNames: ["title"];
+                                readonly text: "${title}";
+                            };
+                        };
+                    };
+                    readonly selector: {
+                        readonly method: "ByRole";
+                        readonly options: {
+                            readonly name: "${title}";
+                        };
+                        readonly role: "${role}";
+                        readonly templateVariableNames: ["role", "title"];
+                    };
+                };
+                readonly Tabs: {
+                    readonly feature: {
+                        readonly tabItem: {
+                            readonly selector: {
+                                readonly method: "ByRole";
+                                readonly options: {
+                                    readonly name: "${label}";
+                                };
+                                readonly templateVariableNames: ["label"];
+                                readonly role: "tab";
+                            };
+                        };
+                    };
+                    readonly selector: {
+                        readonly method: "ByRole";
+                        readonly options: {
+                            readonly name: "${ariaLabel}";
+                        };
+                        readonly role: "tablist";
+                        readonly templateVariableNames: ["ariaLabel"];
+                    };
+                };
+                readonly TextField: {
+                    readonly feature: {
+                        readonly description: {
+                            readonly selector: {
+                                readonly method: "ByText";
+                                readonly templateVariableNames: ["hint"];
+                                readonly text: "${hint}";
+                            };
+                        };
+                        readonly errorMessage: {
+                            readonly selector: {
+                                readonly method: "ByText";
+                                readonly templateVariableNames: ["errorMessage"];
+                                readonly text: "${errorMessage}";
+                            };
+                        };
+                        readonly input: {
+                            readonly selector: {
+                                readonly method: "ByRole";
+                                readonly options: {
+                                    readonly name: "${label}";
+                                };
+                                readonly role: "textbox";
+                                readonly templateVariableNames: ["label"];
+                            };
+                        };
+                        readonly label: {
+                            readonly selector: {
+                                readonly method: "ByRole";
+                                readonly options: {
+                                    readonly name: "${label}";
+                                };
+                                readonly role: "LabelText";
+                                readonly templateVariableNames: ["label"];
+                            };
+                        };
+                        readonly link: {
+                            readonly selector: {
+                                readonly method: "ByRole";
+                                readonly options: {
+                                    readonly name: "${label}";
+                                };
+                                readonly templateVariableNames: ["label"];
+                                readonly role: "link";
+                            };
+                        };
+                    };
+                };
+            }[ComponentName] & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] extends TestSelector ? Record<((({
+                readonly Callout: {
+                    readonly feature: {
+                        readonly link: {
+                            readonly selector: {
+                                readonly method: "ByRole";
+                                readonly options: {
+                                    readonly name: "${linkText}";
+                                };
+                                readonly role: "link";
+                                readonly templateVariableNames: ["linkText"];
+                            };
+                        };
+                        readonly text: {
+                            readonly selector: {
+                                readonly method: "ByText";
+                                readonly templateVariableNames: ["text"];
+                                readonly text: "${text}";
+                            };
+                        };
+                        readonly title: {
+                            readonly selector: {
+                                readonly method: "ByText";
+                                readonly templateVariableNames: ["title"];
+                                readonly text: "${title}";
+                            };
+                        };
+                    };
+                    readonly selector: {
+                        readonly method: "ByRole";
+                        readonly options: {
+                            readonly name: "${title}";
+                        };
+                        readonly role: "${role}";
+                        readonly templateVariableNames: ["role", "title"];
+                    };
+                };
+                readonly Tabs: {
+                    readonly feature: {
+                        readonly tabItem: {
+                            readonly selector: {
+                                readonly method: "ByRole";
+                                readonly options: {
+                                    readonly name: "${label}";
+                                };
+                                readonly templateVariableNames: ["label"];
+                                readonly role: "tab";
+                            };
+                        };
+                    };
+                    readonly selector: {
+                        readonly method: "ByRole";
+                        readonly options: {
+                            readonly name: "${ariaLabel}";
+                        };
+                        readonly role: "tablist";
+                        readonly templateVariableNames: ["ariaLabel"];
+                    };
+                };
+                readonly TextField: {
+                    readonly feature: {
+                        readonly description: {
+                            readonly selector: {
+                                readonly method: "ByText";
+                                readonly templateVariableNames: ["hint"];
+                                readonly text: "${hint}";
+                            };
+                        };
+                        readonly errorMessage: {
+                            readonly selector: {
+                                readonly method: "ByText";
+                                readonly templateVariableNames: ["errorMessage"];
+                                readonly text: "${errorMessage}";
+                            };
+                        };
+                        readonly input: {
+                            readonly selector: {
+                                readonly method: "ByRole";
+                                readonly options: {
+                                    readonly name: "${label}";
+                                };
+                                readonly role: "textbox";
+                                readonly templateVariableNames: ["label"];
+                            };
+                        };
+                        readonly label: {
+                            readonly selector: {
+                                readonly method: "ByRole";
+                                readonly options: {
+                                    readonly name: "${label}";
+                                };
+                                readonly role: "LabelText";
+                                readonly templateVariableNames: ["label"];
+                            };
+                        };
+                        readonly link: {
+                            readonly selector: {
+                                readonly method: "ByRole";
+                                readonly options: {
+                                    readonly name: "${label}";
+                                };
+                                readonly templateVariableNames: ["label"];
+                                readonly role: "link";
+                            };
+                        };
+                    };
+                };
+            }[ComponentName] & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2]["selector"]["templateVariableNames"][number], string | RegExp> : never) | undefined) => {
+                element: HTMLElement | null;
+                select: (<FeatureName_3 extends keyof (((({
+                    readonly Callout: {
+                        readonly feature: {
+                            readonly link: {
+                                readonly selector: {
+                                    readonly method: "ByRole";
+                                    readonly options: {
+                                        readonly name: "${linkText}";
+                                    };
+                                    readonly role: "link";
+                                    readonly templateVariableNames: ["linkText"];
+                                };
+                            };
+                            readonly text: {
+                                readonly selector: {
+                                    readonly method: "ByText";
+                                    readonly templateVariableNames: ["text"];
+                                    readonly text: "${text}";
+                                };
+                            };
+                            readonly title: {
+                                readonly selector: {
+                                    readonly method: "ByText";
+                                    readonly templateVariableNames: ["title"];
+                                    readonly text: "${title}";
+                                };
+                            };
+                        };
+                        readonly selector: {
+                            readonly method: "ByRole";
+                            readonly options: {
+                                readonly name: "${title}";
+                            };
+                            readonly role: "${role}";
+                            readonly templateVariableNames: ["role", "title"];
+                        };
+                    };
+                    readonly Tabs: {
+                        readonly feature: {
+                            readonly tabItem: {
+                                readonly selector: {
+                                    readonly method: "ByRole";
+                                    readonly options: {
+                                        readonly name: "${label}";
+                                    };
+                                    readonly templateVariableNames: ["label"];
+                                    readonly role: "tab";
+                                };
+                            };
+                        };
+                        readonly selector: {
+                            readonly method: "ByRole";
+                            readonly options: {
+                                readonly name: "${ariaLabel}";
+                            };
+                            readonly role: "tablist";
+                            readonly templateVariableNames: ["ariaLabel"];
+                        };
+                    };
+                    readonly TextField: {
+                        readonly feature: {
+                            readonly description: {
+                                readonly selector: {
+                                    readonly method: "ByText";
+                                    readonly templateVariableNames: ["hint"];
+                                    readonly text: "${hint}";
+                                };
+                            };
+                            readonly errorMessage: {
+                                readonly selector: {
+                                    readonly method: "ByText";
+                                    readonly templateVariableNames: ["errorMessage"];
+                                    readonly text: "${errorMessage}";
+                                };
+                            };
+                            readonly input: {
+                                readonly selector: {
+                                    readonly method: "ByRole";
+                                    readonly options: {
+                                        readonly name: "${label}";
+                                    };
+                                    readonly role: "textbox";
+                                    readonly templateVariableNames: ["label"];
+                                };
+                            };
+                            readonly label: {
+                                readonly selector: {
+                                    readonly method: "ByRole";
+                                    readonly options: {
+                                        readonly name: "${label}";
+                                    };
+                                    readonly role: "LabelText";
+                                    readonly templateVariableNames: ["label"];
+                                };
+                            };
+                            readonly link: {
+                                readonly selector: {
+                                    readonly method: "ByRole";
+                                    readonly options: {
+                                        readonly name: "${label}";
+                                    };
+                                    readonly templateVariableNames: ["label"];
+                                    readonly role: "link";
+                                };
+                            };
+                        };
+                    };
+                }[ComponentName] & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"]>(featureName: FeatureName_3, templateArgs?: ((((({
+                    readonly Callout: {
+                        readonly feature: {
+                            readonly link: {
+                                readonly selector: {
+                                    readonly method: "ByRole";
+                                    readonly options: {
+                                        readonly name: "${linkText}";
+                                    };
+                                    readonly role: "link";
+                                    readonly templateVariableNames: ["linkText"];
+                                };
+                            };
+                            readonly text: {
+                                readonly selector: {
+                                    readonly method: "ByText";
+                                    readonly templateVariableNames: ["text"];
+                                    readonly text: "${text}";
+                                };
+                            };
+                            readonly title: {
+                                readonly selector: {
+                                    readonly method: "ByText";
+                                    readonly templateVariableNames: ["title"];
+                                    readonly text: "${title}";
+                                };
+                            };
+                        };
+                        readonly selector: {
+                            readonly method: "ByRole";
+                            readonly options: {
+                                readonly name: "${title}";
+                            };
+                            readonly role: "${role}";
+                            readonly templateVariableNames: ["role", "title"];
+                        };
+                    };
+                    readonly Tabs: {
+                        readonly feature: {
+                            readonly tabItem: {
+                                readonly selector: {
+                                    readonly method: "ByRole";
+                                    readonly options: {
+                                        readonly name: "${label}";
+                                    };
+                                    readonly templateVariableNames: ["label"];
+                                    readonly role: "tab";
+                                };
+                            };
+                        };
+                        readonly selector: {
+                            readonly method: "ByRole";
+                            readonly options: {
+                                readonly name: "${ariaLabel}";
+                            };
+                            readonly role: "tablist";
+                            readonly templateVariableNames: ["ariaLabel"];
+                        };
+                    };
+                    readonly TextField: {
+                        readonly feature: {
+                            readonly description: {
+                                readonly selector: {
+                                    readonly method: "ByText";
+                                    readonly templateVariableNames: ["hint"];
+                                    readonly text: "${hint}";
+                                };
+                            };
+                            readonly errorMessage: {
+                                readonly selector: {
+                                    readonly method: "ByText";
+                                    readonly templateVariableNames: ["errorMessage"];
+                                    readonly text: "${errorMessage}";
+                                };
+                            };
+                            readonly input: {
+                                readonly selector: {
+                                    readonly method: "ByRole";
+                                    readonly options: {
+                                        readonly name: "${label}";
+                                    };
+                                    readonly role: "textbox";
+                                    readonly templateVariableNames: ["label"];
+                                };
+                            };
+                            readonly label: {
+                                readonly selector: {
+                                    readonly method: "ByRole";
+                                    readonly options: {
+                                        readonly name: "${label}";
+                                    };
+                                    readonly role: "LabelText";
+                                    readonly templateVariableNames: ["label"];
+                                };
+                            };
+                            readonly link: {
+                                readonly selector: {
+                                    readonly method: "ByRole";
+                                    readonly options: {
+                                        readonly name: "${label}";
+                                    };
+                                    readonly templateVariableNames: ["label"];
+                                    readonly role: "link";
+                                };
+                            };
+                        };
+                    };
+                }[ComponentName] & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] extends TestSelector ? Record<(((({
+                    readonly Callout: {
+                        readonly feature: {
+                            readonly link: {
+                                readonly selector: {
+                                    readonly method: "ByRole";
+                                    readonly options: {
+                                        readonly name: "${linkText}";
+                                    };
+                                    readonly role: "link";
+                                    readonly templateVariableNames: ["linkText"];
+                                };
+                            };
+                            readonly text: {
+                                readonly selector: {
+                                    readonly method: "ByText";
+                                    readonly templateVariableNames: ["text"];
+                                    readonly text: "${text}";
+                                };
+                            };
+                            readonly title: {
+                                readonly selector: {
+                                    readonly method: "ByText";
+                                    readonly templateVariableNames: ["title"];
+                                    readonly text: "${title}";
+                                };
+                            };
+                        };
+                        readonly selector: {
+                            readonly method: "ByRole";
+                            readonly options: {
+                                readonly name: "${title}";
+                            };
+                            readonly role: "${role}";
+                            readonly templateVariableNames: ["role", "title"];
+                        };
+                    };
+                    readonly Tabs: {
+                        readonly feature: {
+                            readonly tabItem: {
+                                readonly selector: {
+                                    readonly method: "ByRole";
+                                    readonly options: {
+                                        readonly name: "${label}";
+                                    };
+                                    readonly templateVariableNames: ["label"];
+                                    readonly role: "tab";
+                                };
+                            };
+                        };
+                        readonly selector: {
+                            readonly method: "ByRole";
+                            readonly options: {
+                                readonly name: "${ariaLabel}";
+                            };
+                            readonly role: "tablist";
+                            readonly templateVariableNames: ["ariaLabel"];
+                        };
+                    };
+                    readonly TextField: {
+                        readonly feature: {
+                            readonly description: {
+                                readonly selector: {
+                                    readonly method: "ByText";
+                                    readonly templateVariableNames: ["hint"];
+                                    readonly text: "${hint}";
+                                };
+                            };
+                            readonly errorMessage: {
+                                readonly selector: {
+                                    readonly method: "ByText";
+                                    readonly templateVariableNames: ["errorMessage"];
+                                    readonly text: "${errorMessage}";
+                                };
+                            };
+                            readonly input: {
+                                readonly selector: {
+                                    readonly method: "ByRole";
+                                    readonly options: {
+                                        readonly name: "${label}";
+                                    };
+                                    readonly role: "textbox";
+                                    readonly templateVariableNames: ["label"];
+                                };
+                            };
+                            readonly label: {
+                                readonly selector: {
+                                    readonly method: "ByRole";
+                                    readonly options: {
+                                        readonly name: "${label}";
+                                    };
+                                    readonly role: "LabelText";
+                                    readonly templateVariableNames: ["label"];
+                                };
+                            };
+                            readonly link: {
+                                readonly selector: {
+                                    readonly method: "ByRole";
+                                    readonly options: {
+                                        readonly name: "${label}";
+                                    };
+                                    readonly templateVariableNames: ["label"];
+                                    readonly role: "link";
+                                };
+                            };
+                        };
+                    };
+                }[ComponentName] & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3]["selector"]["templateVariableNames"][number], string | RegExp> : never) | undefined) => {
+                    element: HTMLElement | null;
+                    select: (<FeatureName_4 extends keyof ((((({
+                        readonly Callout: {
+                            readonly feature: {
+                                readonly link: {
+                                    readonly selector: {
+                                        readonly method: "ByRole";
+                                        readonly options: {
+                                            readonly name: "${linkText}";
+                                        };
+                                        readonly role: "link";
+                                        readonly templateVariableNames: ["linkText"];
+                                    };
+                                };
+                                readonly text: {
+                                    readonly selector: {
+                                        readonly method: "ByText";
+                                        readonly templateVariableNames: ["text"];
+                                        readonly text: "${text}";
+                                    };
+                                };
+                                readonly title: {
+                                    readonly selector: {
+                                        readonly method: "ByText";
+                                        readonly templateVariableNames: ["title"];
+                                        readonly text: "${title}";
+                                    };
+                                };
+                            };
+                            readonly selector: {
+                                readonly method: "ByRole";
+                                readonly options: {
+                                    readonly name: "${title}";
+                                };
+                                readonly role: "${role}";
+                                readonly templateVariableNames: ["role", "title"];
+                            };
+                        };
+                        readonly Tabs: {
+                            readonly feature: {
+                                readonly tabItem: {
+                                    readonly selector: {
+                                        readonly method: "ByRole";
+                                        readonly options: {
+                                            readonly name: "${label}";
+                                        };
+                                        readonly templateVariableNames: ["label"];
+                                        readonly role: "tab";
+                                    };
+                                };
+                            };
+                            readonly selector: {
+                                readonly method: "ByRole";
+                                readonly options: {
+                                    readonly name: "${ariaLabel}";
+                                };
+                                readonly role: "tablist";
+                                readonly templateVariableNames: ["ariaLabel"];
+                            };
+                        };
+                        readonly TextField: {
+                            readonly feature: {
+                                readonly description: {
+                                    readonly selector: {
+                                        readonly method: "ByText";
+                                        readonly templateVariableNames: ["hint"];
+                                        readonly text: "${hint}";
+                                    };
+                                };
+                                readonly errorMessage: {
+                                    readonly selector: {
+                                        readonly method: "ByText";
+                                        readonly templateVariableNames: ["errorMessage"];
+                                        readonly text: "${errorMessage}";
+                                    };
+                                };
+                                readonly input: {
+                                    readonly selector: {
+                                        readonly method: "ByRole";
+                                        readonly options: {
+                                            readonly name: "${label}";
+                                        };
+                                        readonly role: "textbox";
+                                        readonly templateVariableNames: ["label"];
+                                    };
+                                };
+                                readonly label: {
+                                    readonly selector: {
+                                        readonly method: "ByRole";
+                                        readonly options: {
+                                            readonly name: "${label}";
+                                        };
+                                        readonly role: "LabelText";
+                                        readonly templateVariableNames: ["label"];
+                                    };
+                                };
+                                readonly link: {
+                                    readonly selector: {
+                                        readonly method: "ByRole";
+                                        readonly options: {
+                                            readonly name: "${label}";
+                                        };
+                                        readonly templateVariableNames: ["label"];
+                                        readonly role: "link";
+                                    };
+                                };
+                            };
+                        };
+                    }[ComponentName] & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"]>(featureName: FeatureName_4, templateArgs?: (((((({
+                        readonly Callout: {
+                            readonly feature: {
+                                readonly link: {
+                                    readonly selector: {
+                                        readonly method: "ByRole";
+                                        readonly options: {
+                                            readonly name: "${linkText}";
+                                        };
+                                        readonly role: "link";
+                                        readonly templateVariableNames: ["linkText"];
+                                    };
+                                };
+                                readonly text: {
+                                    readonly selector: {
+                                        readonly method: "ByText";
+                                        readonly templateVariableNames: ["text"];
+                                        readonly text: "${text}";
+                                    };
+                                };
+                                readonly title: {
+                                    readonly selector: {
+                                        readonly method: "ByText";
+                                        readonly templateVariableNames: ["title"];
+                                        readonly text: "${title}";
+                                    };
+                                };
+                            };
+                            readonly selector: {
+                                readonly method: "ByRole";
+                                readonly options: {
+                                    readonly name: "${title}";
+                                };
+                                readonly role: "${role}";
+                                readonly templateVariableNames: ["role", "title"];
+                            };
+                        };
+                        readonly Tabs: {
+                            readonly feature: {
+                                readonly tabItem: {
+                                    readonly selector: {
+                                        readonly method: "ByRole";
+                                        readonly options: {
+                                            readonly name: "${label}";
+                                        };
+                                        readonly templateVariableNames: ["label"];
+                                        readonly role: "tab";
+                                    };
+                                };
+                            };
+                            readonly selector: {
+                                readonly method: "ByRole";
+                                readonly options: {
+                                    readonly name: "${ariaLabel}";
+                                };
+                                readonly role: "tablist";
+                                readonly templateVariableNames: ["ariaLabel"];
+                            };
+                        };
+                        readonly TextField: {
+                            readonly feature: {
+                                readonly description: {
+                                    readonly selector: {
+                                        readonly method: "ByText";
+                                        readonly templateVariableNames: ["hint"];
+                                        readonly text: "${hint}";
+                                    };
+                                };
+                                readonly errorMessage: {
+                                    readonly selector: {
+                                        readonly method: "ByText";
+                                        readonly templateVariableNames: ["errorMessage"];
+                                        readonly text: "${errorMessage}";
+                                    };
+                                };
+                                readonly input: {
+                                    readonly selector: {
+                                        readonly method: "ByRole";
+                                        readonly options: {
+                                            readonly name: "${label}";
+                                        };
+                                        readonly role: "textbox";
+                                        readonly templateVariableNames: ["label"];
+                                    };
+                                };
+                                readonly label: {
+                                    readonly selector: {
+                                        readonly method: "ByRole";
+                                        readonly options: {
+                                            readonly name: "${label}";
+                                        };
+                                        readonly role: "LabelText";
+                                        readonly templateVariableNames: ["label"];
+                                    };
+                                };
+                                readonly link: {
+                                    readonly selector: {
+                                        readonly method: "ByRole";
+                                        readonly options: {
+                                            readonly name: "${label}";
+                                        };
+                                        readonly templateVariableNames: ["label"];
+                                        readonly role: "link";
+                                    };
+                                };
+                            };
+                        };
+                    }[ComponentName] & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] extends TestSelector ? Record<((((({
+                        readonly Callout: {
+                            readonly feature: {
+                                readonly link: {
+                                    readonly selector: {
+                                        readonly method: "ByRole";
+                                        readonly options: {
+                                            readonly name: "${linkText}";
+                                        };
+                                        readonly role: "link";
+                                        readonly templateVariableNames: ["linkText"];
+                                    };
+                                };
+                                readonly text: {
+                                    readonly selector: {
+                                        readonly method: "ByText";
+                                        readonly templateVariableNames: ["text"];
+                                        readonly text: "${text}";
+                                    };
+                                };
+                                readonly title: {
+                                    readonly selector: {
+                                        readonly method: "ByText";
+                                        readonly templateVariableNames: ["title"];
+                                        readonly text: "${title}";
+                                    };
+                                };
+                            };
+                            readonly selector: {
+                                readonly method: "ByRole";
+                                readonly options: {
+                                    readonly name: "${title}";
+                                };
+                                readonly role: "${role}";
+                                readonly templateVariableNames: ["role", "title"];
+                            };
+                        };
+                        readonly Tabs: {
+                            readonly feature: {
+                                readonly tabItem: {
+                                    readonly selector: {
+                                        readonly method: "ByRole";
+                                        readonly options: {
+                                            readonly name: "${label}";
+                                        };
+                                        readonly templateVariableNames: ["label"];
+                                        readonly role: "tab";
+                                    };
+                                };
+                            };
+                            readonly selector: {
+                                readonly method: "ByRole";
+                                readonly options: {
+                                    readonly name: "${ariaLabel}";
+                                };
+                                readonly role: "tablist";
+                                readonly templateVariableNames: ["ariaLabel"];
+                            };
+                        };
+                        readonly TextField: {
+                            readonly feature: {
+                                readonly description: {
+                                    readonly selector: {
+                                        readonly method: "ByText";
+                                        readonly templateVariableNames: ["hint"];
+                                        readonly text: "${hint}";
+                                    };
+                                };
+                                readonly errorMessage: {
+                                    readonly selector: {
+                                        readonly method: "ByText";
+                                        readonly templateVariableNames: ["errorMessage"];
+                                        readonly text: "${errorMessage}";
+                                    };
+                                };
+                                readonly input: {
+                                    readonly selector: {
+                                        readonly method: "ByRole";
+                                        readonly options: {
+                                            readonly name: "${label}";
+                                        };
+                                        readonly role: "textbox";
+                                        readonly templateVariableNames: ["label"];
+                                    };
+                                };
+                                readonly label: {
+                                    readonly selector: {
+                                        readonly method: "ByRole";
+                                        readonly options: {
+                                            readonly name: "${label}";
+                                        };
+                                        readonly role: "LabelText";
+                                        readonly templateVariableNames: ["label"];
+                                    };
+                                };
+                                readonly link: {
+                                    readonly selector: {
+                                        readonly method: "ByRole";
+                                        readonly options: {
+                                            readonly name: "${label}";
+                                        };
+                                        readonly templateVariableNames: ["label"];
+                                        readonly role: "link";
+                                    };
+                                };
+                            };
+                        };
+                    }[ComponentName] & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4]["selector"]["templateVariableNames"][number], string | RegExp> : never) | undefined) => {
+                        element: HTMLElement | null;
+                        select: (<FeatureName_5 extends keyof (((((({
+                            readonly Callout: {
+                                readonly feature: {
+                                    readonly link: {
+                                        readonly selector: {
+                                            readonly method: "ByRole";
+                                            readonly options: {
+                                                readonly name: "${linkText}";
+                                            };
+                                            readonly role: "link";
+                                            readonly templateVariableNames: ["linkText"];
+                                        };
+                                    };
+                                    readonly text: {
+                                        readonly selector: {
+                                            readonly method: "ByText";
+                                            readonly templateVariableNames: ["text"];
+                                            readonly text: "${text}";
+                                        };
+                                    };
+                                    readonly title: {
+                                        readonly selector: {
+                                            readonly method: "ByText";
+                                            readonly templateVariableNames: ["title"];
+                                            readonly text: "${title}";
+                                        };
+                                    };
+                                };
+                                readonly selector: {
+                                    readonly method: "ByRole";
+                                    readonly options: {
+                                        readonly name: "${title}";
+                                    };
+                                    readonly role: "${role}";
+                                    readonly templateVariableNames: ["role", "title"];
+                                };
+                            };
+                            readonly Tabs: {
+                                readonly feature: {
+                                    readonly tabItem: {
+                                        readonly selector: {
+                                            readonly method: "ByRole";
+                                            readonly options: {
+                                                readonly name: "${label}";
+                                            };
+                                            readonly templateVariableNames: ["label"];
+                                            readonly role: "tab";
+                                        };
+                                    };
+                                };
+                                readonly selector: {
+                                    readonly method: "ByRole";
+                                    readonly options: {
+                                        readonly name: "${ariaLabel}";
+                                    };
+                                    readonly role: "tablist";
+                                    readonly templateVariableNames: ["ariaLabel"];
+                                };
+                            };
+                            readonly TextField: {
+                                readonly feature: {
+                                    readonly description: {
+                                        readonly selector: {
+                                            readonly method: "ByText";
+                                            readonly templateVariableNames: ["hint"];
+                                            readonly text: "${hint}";
+                                        };
+                                    };
+                                    readonly errorMessage: {
+                                        readonly selector: {
+                                            readonly method: "ByText";
+                                            readonly templateVariableNames: ["errorMessage"];
+                                            readonly text: "${errorMessage}";
+                                        };
+                                    };
+                                    readonly input: {
+                                        readonly selector: {
+                                            readonly method: "ByRole";
+                                            readonly options: {
+                                                readonly name: "${label}";
+                                            };
+                                            readonly role: "textbox";
+                                            readonly templateVariableNames: ["label"];
+                                        };
+                                    };
+                                    readonly label: {
+                                        readonly selector: {
+                                            readonly method: "ByRole";
+                                            readonly options: {
+                                                readonly name: "${label}";
+                                            };
+                                            readonly role: "LabelText";
+                                            readonly templateVariableNames: ["label"];
+                                        };
+                                    };
+                                    readonly link: {
+                                        readonly selector: {
+                                            readonly method: "ByRole";
+                                            readonly options: {
+                                                readonly name: "${label}";
+                                            };
+                                            readonly templateVariableNames: ["label"];
+                                            readonly role: "link";
+                                        };
+                                    };
+                                };
+                            };
+                        }[ComponentName] & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"]>(featureName: FeatureName_5, templateArgs?: ((((((({
+                            readonly Callout: {
+                                readonly feature: {
+                                    readonly link: {
+                                        readonly selector: {
+                                            readonly method: "ByRole";
+                                            readonly options: {
+                                                readonly name: "${linkText}";
+                                            };
+                                            readonly role: "link";
+                                            readonly templateVariableNames: ["linkText"];
+                                        };
+                                    };
+                                    readonly text: {
+                                        readonly selector: {
+                                            readonly method: "ByText";
+                                            readonly templateVariableNames: ["text"];
+                                            readonly text: "${text}";
+                                        };
+                                    };
+                                    readonly title: {
+                                        readonly selector: {
+                                            readonly method: "ByText";
+                                            readonly templateVariableNames: ["title"];
+                                            readonly text: "${title}";
+                                        };
+                                    };
+                                };
+                                readonly selector: {
+                                    readonly method: "ByRole";
+                                    readonly options: {
+                                        readonly name: "${title}";
+                                    };
+                                    readonly role: "${role}";
+                                    readonly templateVariableNames: ["role", "title"];
+                                };
+                            };
+                            readonly Tabs: {
+                                readonly feature: {
+                                    readonly tabItem: {
+                                        readonly selector: {
+                                            readonly method: "ByRole";
+                                            readonly options: {
+                                                readonly name: "${label}";
+                                            };
+                                            readonly templateVariableNames: ["label"];
+                                            readonly role: "tab";
+                                        };
+                                    };
+                                };
+                                readonly selector: {
+                                    readonly method: "ByRole";
+                                    readonly options: {
+                                        readonly name: "${ariaLabel}";
+                                    };
+                                    readonly role: "tablist";
+                                    readonly templateVariableNames: ["ariaLabel"];
+                                };
+                            };
+                            readonly TextField: {
+                                readonly feature: {
+                                    readonly description: {
+                                        readonly selector: {
+                                            readonly method: "ByText";
+                                            readonly templateVariableNames: ["hint"];
+                                            readonly text: "${hint}";
+                                        };
+                                    };
+                                    readonly errorMessage: {
+                                        readonly selector: {
+                                            readonly method: "ByText";
+                                            readonly templateVariableNames: ["errorMessage"];
+                                            readonly text: "${errorMessage}";
+                                        };
+                                    };
+                                    readonly input: {
+                                        readonly selector: {
+                                            readonly method: "ByRole";
+                                            readonly options: {
+                                                readonly name: "${label}";
+                                            };
+                                            readonly role: "textbox";
+                                            readonly templateVariableNames: ["label"];
+                                        };
+                                    };
+                                    readonly label: {
+                                        readonly selector: {
+                                            readonly method: "ByRole";
+                                            readonly options: {
+                                                readonly name: "${label}";
+                                            };
+                                            readonly role: "LabelText";
+                                            readonly templateVariableNames: ["label"];
+                                        };
+                                    };
+                                    readonly link: {
+                                        readonly selector: {
+                                            readonly method: "ByRole";
+                                            readonly options: {
+                                                readonly name: "${label}";
+                                            };
+                                            readonly templateVariableNames: ["label"];
+                                            readonly role: "link";
+                                        };
+                                    };
+                                };
+                            };
+                        }[ComponentName] & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5] extends TestSelector ? Record<(((((({
+                            readonly Callout: {
+                                readonly feature: {
+                                    readonly link: {
+                                        readonly selector: {
+                                            readonly method: "ByRole";
+                                            readonly options: {
+                                                readonly name: "${linkText}";
+                                            };
+                                            readonly role: "link";
+                                            readonly templateVariableNames: ["linkText"];
+                                        };
+                                    };
+                                    readonly text: {
+                                        readonly selector: {
+                                            readonly method: "ByText";
+                                            readonly templateVariableNames: ["text"];
+                                            readonly text: "${text}";
+                                        };
+                                    };
+                                    readonly title: {
+                                        readonly selector: {
+                                            readonly method: "ByText";
+                                            readonly templateVariableNames: ["title"];
+                                            readonly text: "${title}";
+                                        };
+                                    };
+                                };
+                                readonly selector: {
+                                    readonly method: "ByRole";
+                                    readonly options: {
+                                        readonly name: "${title}";
+                                    };
+                                    readonly role: "${role}";
+                                    readonly templateVariableNames: ["role", "title"];
+                                };
+                            };
+                            readonly Tabs: {
+                                readonly feature: {
+                                    readonly tabItem: {
+                                        readonly selector: {
+                                            readonly method: "ByRole";
+                                            readonly options: {
+                                                readonly name: "${label}";
+                                            };
+                                            readonly templateVariableNames: ["label"];
+                                            readonly role: "tab";
+                                        };
+                                    };
+                                };
+                                readonly selector: {
+                                    readonly method: "ByRole";
+                                    readonly options: {
+                                        readonly name: "${ariaLabel}";
+                                    };
+                                    readonly role: "tablist";
+                                    readonly templateVariableNames: ["ariaLabel"];
+                                };
+                            };
+                            readonly TextField: {
+                                readonly feature: {
+                                    readonly description: {
+                                        readonly selector: {
+                                            readonly method: "ByText";
+                                            readonly templateVariableNames: ["hint"];
+                                            readonly text: "${hint}";
+                                        };
+                                    };
+                                    readonly errorMessage: {
+                                        readonly selector: {
+                                            readonly method: "ByText";
+                                            readonly templateVariableNames: ["errorMessage"];
+                                            readonly text: "${errorMessage}";
+                                        };
+                                    };
+                                    readonly input: {
+                                        readonly selector: {
+                                            readonly method: "ByRole";
+                                            readonly options: {
+                                                readonly name: "${label}";
+                                            };
+                                            readonly role: "textbox";
+                                            readonly templateVariableNames: ["label"];
+                                        };
+                                    };
+                                    readonly label: {
+                                        readonly selector: {
+                                            readonly method: "ByRole";
+                                            readonly options: {
+                                                readonly name: "${label}";
+                                            };
+                                            readonly role: "LabelText";
+                                            readonly templateVariableNames: ["label"];
+                                        };
+                                    };
+                                    readonly link: {
+                                        readonly selector: {
+                                            readonly method: "ByRole";
+                                            readonly options: {
+                                                readonly name: "${label}";
+                                            };
+                                            readonly templateVariableNames: ["label"];
+                                            readonly role: "link";
+                                        };
+                                    };
+                                };
+                            };
+                        }[ComponentName] & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5]["selector"]["templateVariableNames"][number], string | RegExp> : never) | undefined) => {
+                            element: HTMLElement | null;
+                            select: (<FeatureName_6 extends keyof ((((((({
+                                readonly Callout: {
+                                    readonly feature: {
+                                        readonly link: {
+                                            readonly selector: {
+                                                readonly method: "ByRole";
+                                                readonly options: {
+                                                    readonly name: "${linkText}";
+                                                };
+                                                readonly role: "link";
+                                                readonly templateVariableNames: ["linkText"];
+                                            };
+                                        };
+                                        readonly text: {
+                                            readonly selector: {
+                                                readonly method: "ByText";
+                                                readonly templateVariableNames: ["text"];
+                                                readonly text: "${text}";
+                                            };
+                                        };
+                                        readonly title: {
+                                            readonly selector: {
+                                                readonly method: "ByText";
+                                                readonly templateVariableNames: ["title"];
+                                                readonly text: "${title}";
+                                            };
+                                        };
+                                    };
+                                    readonly selector: {
+                                        readonly method: "ByRole";
+                                        readonly options: {
+                                            readonly name: "${title}";
+                                        };
+                                        readonly role: "${role}";
+                                        readonly templateVariableNames: ["role", "title"];
+                                    };
+                                };
+                                readonly Tabs: {
+                                    readonly feature: {
+                                        readonly tabItem: {
+                                            readonly selector: {
+                                                readonly method: "ByRole";
+                                                readonly options: {
+                                                    readonly name: "${label}";
+                                                };
+                                                readonly templateVariableNames: ["label"];
+                                                readonly role: "tab";
+                                            };
+                                        };
+                                    };
+                                    readonly selector: {
+                                        readonly method: "ByRole";
+                                        readonly options: {
+                                            readonly name: "${ariaLabel}";
+                                        };
+                                        readonly role: "tablist";
+                                        readonly templateVariableNames: ["ariaLabel"];
+                                    };
+                                };
+                                readonly TextField: {
+                                    readonly feature: {
+                                        readonly description: {
+                                            readonly selector: {
+                                                readonly method: "ByText";
+                                                readonly templateVariableNames: ["hint"];
+                                                readonly text: "${hint}";
+                                            };
+                                        };
+                                        readonly errorMessage: {
+                                            readonly selector: {
+                                                readonly method: "ByText";
+                                                readonly templateVariableNames: ["errorMessage"];
+                                                readonly text: "${errorMessage}";
+                                            };
+                                        };
+                                        readonly input: {
+                                            readonly selector: {
+                                                readonly method: "ByRole";
+                                                readonly options: {
+                                                    readonly name: "${label}";
+                                                };
+                                                readonly role: "textbox";
+                                                readonly templateVariableNames: ["label"];
+                                            };
+                                        };
+                                        readonly label: {
+                                            readonly selector: {
+                                                readonly method: "ByRole";
+                                                readonly options: {
+                                                    readonly name: "${label}";
+                                                };
+                                                readonly role: "LabelText";
+                                                readonly templateVariableNames: ["label"];
+                                            };
+                                        };
+                                        readonly link: {
+                                            readonly selector: {
+                                                readonly method: "ByRole";
+                                                readonly options: {
+                                                    readonly name: "${label}";
+                                                };
+                                                readonly templateVariableNames: ["label"];
+                                                readonly role: "link";
+                                            };
+                                        };
+                                    };
+                                };
+                            }[ComponentName] & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5] & Record<"feature", unknown>)["feature"]>(featureName: FeatureName_6, templateArgs?: (((((((({
+                                readonly Callout: {
+                                    readonly feature: {
+                                        readonly link: {
+                                            readonly selector: {
+                                                readonly method: "ByRole";
+                                                readonly options: {
+                                                    readonly name: "${linkText}";
+                                                };
+                                                readonly role: "link";
+                                                readonly templateVariableNames: ["linkText"];
+                                            };
+                                        };
+                                        readonly text: {
+                                            readonly selector: {
+                                                readonly method: "ByText";
+                                                readonly templateVariableNames: ["text"];
+                                                readonly text: "${text}";
+                                            };
+                                        };
+                                        readonly title: {
+                                            readonly selector: {
+                                                readonly method: "ByText";
+                                                readonly templateVariableNames: ["title"];
+                                                readonly text: "${title}";
+                                            };
+                                        };
+                                    };
+                                    readonly selector: {
+                                        readonly method: "ByRole";
+                                        readonly options: {
+                                            readonly name: "${title}";
+                                        };
+                                        readonly role: "${role}";
+                                        readonly templateVariableNames: ["role", "title"];
+                                    };
+                                };
+                                readonly Tabs: {
+                                    readonly feature: {
+                                        readonly tabItem: {
+                                            readonly selector: {
+                                                readonly method: "ByRole";
+                                                readonly options: {
+                                                    readonly name: "${label}";
+                                                };
+                                                readonly templateVariableNames: ["label"];
+                                                readonly role: "tab";
+                                            };
+                                        };
+                                    };
+                                    readonly selector: {
+                                        readonly method: "ByRole";
+                                        readonly options: {
+                                            readonly name: "${ariaLabel}";
+                                        };
+                                        readonly role: "tablist";
+                                        readonly templateVariableNames: ["ariaLabel"];
+                                    };
+                                };
+                                readonly TextField: {
+                                    readonly feature: {
+                                        readonly description: {
+                                            readonly selector: {
+                                                readonly method: "ByText";
+                                                readonly templateVariableNames: ["hint"];
+                                                readonly text: "${hint}";
+                                            };
+                                        };
+                                        readonly errorMessage: {
+                                            readonly selector: {
+                                                readonly method: "ByText";
+                                                readonly templateVariableNames: ["errorMessage"];
+                                                readonly text: "${errorMessage}";
+                                            };
+                                        };
+                                        readonly input: {
+                                            readonly selector: {
+                                                readonly method: "ByRole";
+                                                readonly options: {
+                                                    readonly name: "${label}";
+                                                };
+                                                readonly role: "textbox";
+                                                readonly templateVariableNames: ["label"];
+                                            };
+                                        };
+                                        readonly label: {
+                                            readonly selector: {
+                                                readonly method: "ByRole";
+                                                readonly options: {
+                                                    readonly name: "${label}";
+                                                };
+                                                readonly role: "LabelText";
+                                                readonly templateVariableNames: ["label"];
+                                            };
+                                        };
+                                        readonly link: {
+                                            readonly selector: {
+                                                readonly method: "ByRole";
+                                                readonly options: {
+                                                    readonly name: "${label}";
+                                                };
+                                                readonly templateVariableNames: ["label"];
+                                                readonly role: "link";
+                                            };
+                                        };
+                                    };
+                                };
+                            }[ComponentName] & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5] & Record<"feature", unknown>)["feature"][FeatureName_6] extends TestSelector ? Record<((((((({
+                                readonly Callout: {
+                                    readonly feature: {
+                                        readonly link: {
+                                            readonly selector: {
+                                                readonly method: "ByRole";
+                                                readonly options: {
+                                                    readonly name: "${linkText}";
+                                                };
+                                                readonly role: "link";
+                                                readonly templateVariableNames: ["linkText"];
+                                            };
+                                        };
+                                        readonly text: {
+                                            readonly selector: {
+                                                readonly method: "ByText";
+                                                readonly templateVariableNames: ["text"];
+                                                readonly text: "${text}";
+                                            };
+                                        };
+                                        readonly title: {
+                                            readonly selector: {
+                                                readonly method: "ByText";
+                                                readonly templateVariableNames: ["title"];
+                                                readonly text: "${title}";
+                                            };
+                                        };
+                                    };
+                                    readonly selector: {
+                                        readonly method: "ByRole";
+                                        readonly options: {
+                                            readonly name: "${title}";
+                                        };
+                                        readonly role: "${role}";
+                                        readonly templateVariableNames: ["role", "title"];
+                                    };
+                                };
+                                readonly Tabs: {
+                                    readonly feature: {
+                                        readonly tabItem: {
+                                            readonly selector: {
+                                                readonly method: "ByRole";
+                                                readonly options: {
+                                                    readonly name: "${label}";
+                                                };
+                                                readonly templateVariableNames: ["label"];
+                                                readonly role: "tab";
+                                            };
+                                        };
+                                    };
+                                    readonly selector: {
+                                        readonly method: "ByRole";
+                                        readonly options: {
+                                            readonly name: "${ariaLabel}";
+                                        };
+                                        readonly role: "tablist";
+                                        readonly templateVariableNames: ["ariaLabel"];
+                                    };
+                                };
+                                readonly TextField: {
+                                    readonly feature: {
+                                        readonly description: {
+                                            readonly selector: {
+                                                readonly method: "ByText";
+                                                readonly templateVariableNames: ["hint"];
+                                                readonly text: "${hint}";
+                                            };
+                                        };
+                                        readonly errorMessage: {
+                                            readonly selector: {
+                                                readonly method: "ByText";
+                                                readonly templateVariableNames: ["errorMessage"];
+                                                readonly text: "${errorMessage}";
+                                            };
+                                        };
+                                        readonly input: {
+                                            readonly selector: {
+                                                readonly method: "ByRole";
+                                                readonly options: {
+                                                    readonly name: "${label}";
+                                                };
+                                                readonly role: "textbox";
+                                                readonly templateVariableNames: ["label"];
+                                            };
+                                        };
+                                        readonly label: {
+                                            readonly selector: {
+                                                readonly method: "ByRole";
+                                                readonly options: {
+                                                    readonly name: "${label}";
+                                                };
+                                                readonly role: "LabelText";
+                                                readonly templateVariableNames: ["label"];
+                                            };
+                                        };
+                                        readonly link: {
+                                            readonly selector: {
+                                                readonly method: "ByRole";
+                                                readonly options: {
+                                                    readonly name: "${label}";
+                                                };
+                                                readonly templateVariableNames: ["label"];
+                                                readonly role: "link";
+                                            };
+                                        };
+                                    };
+                                };
+                            }[ComponentName] & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5] & Record<"feature", unknown>)["feature"][FeatureName_6]["selector"]["templateVariableNames"][number], string | RegExp> : never) | undefined) => {
+                                element: HTMLElement | null;
+                                select: (<FeatureName_7 extends keyof (((((((({
+                                    readonly Callout: {
+                                        readonly feature: {
+                                            readonly link: {
+                                                readonly selector: {
+                                                    readonly method: "ByRole";
+                                                    readonly options: {
+                                                        readonly name: "${linkText}";
+                                                    };
+                                                    readonly role: "link";
+                                                    readonly templateVariableNames: ["linkText"];
+                                                };
+                                            };
+                                            readonly text: {
+                                                readonly selector: {
+                                                    readonly method: "ByText";
+                                                    readonly templateVariableNames: ["text"];
+                                                    readonly text: "${text}";
+                                                };
+                                            };
+                                            readonly title: {
+                                                readonly selector: {
+                                                    readonly method: "ByText";
+                                                    readonly templateVariableNames: ["title"];
+                                                    readonly text: "${title}";
+                                                };
+                                            };
+                                        };
+                                        readonly selector: {
+                                            readonly method: "ByRole";
+                                            readonly options: {
+                                                readonly name: "${title}";
+                                            };
+                                            readonly role: "${role}";
+                                            readonly templateVariableNames: ["role", "title"];
+                                        };
+                                    };
+                                    readonly Tabs: {
+                                        readonly feature: {
+                                            readonly tabItem: {
+                                                readonly selector: {
+                                                    readonly method: "ByRole";
+                                                    readonly options: {
+                                                        readonly name: "${label}";
+                                                    };
+                                                    readonly templateVariableNames: ["label"];
+                                                    readonly role: "tab";
+                                                };
+                                            };
+                                        };
+                                        readonly selector: {
+                                            readonly method: "ByRole";
+                                            readonly options: {
+                                                readonly name: "${ariaLabel}";
+                                            };
+                                            readonly role: "tablist";
+                                            readonly templateVariableNames: ["ariaLabel"];
+                                        };
+                                    };
+                                    readonly TextField: {
+                                        readonly feature: {
+                                            readonly description: {
+                                                readonly selector: {
+                                                    readonly method: "ByText";
+                                                    readonly templateVariableNames: ["hint"];
+                                                    readonly text: "${hint}";
+                                                };
+                                            };
+                                            readonly errorMessage: {
+                                                readonly selector: {
+                                                    readonly method: "ByText";
+                                                    readonly templateVariableNames: ["errorMessage"];
+                                                    readonly text: "${errorMessage}";
+                                                };
+                                            };
+                                            readonly input: {
+                                                readonly selector: {
+                                                    readonly method: "ByRole";
+                                                    readonly options: {
+                                                        readonly name: "${label}";
+                                                    };
+                                                    readonly role: "textbox";
+                                                    readonly templateVariableNames: ["label"];
+                                                };
+                                            };
+                                            readonly label: {
+                                                readonly selector: {
+                                                    readonly method: "ByRole";
+                                                    readonly options: {
+                                                        readonly name: "${label}";
+                                                    };
+                                                    readonly role: "LabelText";
+                                                    readonly templateVariableNames: ["label"];
+                                                };
+                                            };
+                                            readonly link: {
+                                                readonly selector: {
+                                                    readonly method: "ByRole";
+                                                    readonly options: {
+                                                        readonly name: "${label}";
+                                                    };
+                                                    readonly templateVariableNames: ["label"];
+                                                    readonly role: "link";
+                                                };
+                                            };
+                                        };
+                                    };
+                                }[ComponentName] & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5] & Record<"feature", unknown>)["feature"][FeatureName_6] & Record<"feature", unknown>)["feature"]>(featureName: FeatureName_7, templateArgs?: ((((((((({
+                                    readonly Callout: {
+                                        readonly feature: {
+                                            readonly link: {
+                                                readonly selector: {
+                                                    readonly method: "ByRole";
+                                                    readonly options: {
+                                                        readonly name: "${linkText}";
+                                                    };
+                                                    readonly role: "link";
+                                                    readonly templateVariableNames: ["linkText"];
+                                                };
+                                            };
+                                            readonly text: {
+                                                readonly selector: {
+                                                    readonly method: "ByText";
+                                                    readonly templateVariableNames: ["text"];
+                                                    readonly text: "${text}";
+                                                };
+                                            };
+                                            readonly title: {
+                                                readonly selector: {
+                                                    readonly method: "ByText";
+                                                    readonly templateVariableNames: ["title"];
+                                                    readonly text: "${title}";
+                                                };
+                                            };
+                                        };
+                                        readonly selector: {
+                                            readonly method: "ByRole";
+                                            readonly options: {
+                                                readonly name: "${title}";
+                                            };
+                                            readonly role: "${role}";
+                                            readonly templateVariableNames: ["role", "title"];
+                                        };
+                                    };
+                                    readonly Tabs: {
+                                        readonly feature: {
+                                            readonly tabItem: {
+                                                readonly selector: {
+                                                    readonly method: "ByRole";
+                                                    readonly options: {
+                                                        readonly name: "${label}";
+                                                    };
+                                                    readonly templateVariableNames: ["label"];
+                                                    readonly role: "tab";
+                                                };
+                                            };
+                                        };
+                                        readonly selector: {
+                                            readonly method: "ByRole";
+                                            readonly options: {
+                                                readonly name: "${ariaLabel}";
+                                            };
+                                            readonly role: "tablist";
+                                            readonly templateVariableNames: ["ariaLabel"];
+                                        };
+                                    };
+                                    readonly TextField: {
+                                        readonly feature: {
+                                            readonly description: {
+                                                readonly selector: {
+                                                    readonly method: "ByText";
+                                                    readonly templateVariableNames: ["hint"];
+                                                    readonly text: "${hint}";
+                                                };
+                                            };
+                                            readonly errorMessage: {
+                                                readonly selector: {
+                                                    readonly method: "ByText";
+                                                    readonly templateVariableNames: ["errorMessage"];
+                                                    readonly text: "${errorMessage}";
+                                                };
+                                            };
+                                            readonly input: {
+                                                readonly selector: {
+                                                    readonly method: "ByRole";
+                                                    readonly options: {
+                                                        readonly name: "${label}";
+                                                    };
+                                                    readonly role: "textbox";
+                                                    readonly templateVariableNames: ["label"];
+                                                };
+                                            };
+                                            readonly label: {
+                                                readonly selector: {
+                                                    readonly method: "ByRole";
+                                                    readonly options: {
+                                                        readonly name: "${label}";
+                                                    };
+                                                    readonly role: "LabelText";
+                                                    readonly templateVariableNames: ["label"];
+                                                };
+                                            };
+                                            readonly link: {
+                                                readonly selector: {
+                                                    readonly method: "ByRole";
+                                                    readonly options: {
+                                                        readonly name: "${label}";
+                                                    };
+                                                    readonly templateVariableNames: ["label"];
+                                                    readonly role: "link";
+                                                };
+                                            };
+                                        };
+                                    };
+                                }[ComponentName] & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5] & Record<"feature", unknown>)["feature"][FeatureName_6] & Record<"feature", unknown>)["feature"][FeatureName_7] extends TestSelector ? Record<(((((((({
+                                    readonly Callout: {
+                                        readonly feature: {
+                                            readonly link: {
+                                                readonly selector: {
+                                                    readonly method: "ByRole";
+                                                    readonly options: {
+                                                        readonly name: "${linkText}";
+                                                    };
+                                                    readonly role: "link";
+                                                    readonly templateVariableNames: ["linkText"];
+                                                };
+                                            };
+                                            readonly text: {
+                                                readonly selector: {
+                                                    readonly method: "ByText";
+                                                    readonly templateVariableNames: ["text"];
+                                                    readonly text: "${text}";
+                                                };
+                                            };
+                                            readonly title: {
+                                                readonly selector: {
+                                                    readonly method: "ByText";
+                                                    readonly templateVariableNames: ["title"];
+                                                    readonly text: "${title}";
+                                                };
+                                            };
+                                        };
+                                        readonly selector: {
+                                            readonly method: "ByRole";
+                                            readonly options: {
+                                                readonly name: "${title}";
+                                            };
+                                            readonly role: "${role}";
+                                            readonly templateVariableNames: ["role", "title"];
+                                        };
+                                    };
+                                    readonly Tabs: {
+                                        readonly feature: {
+                                            readonly tabItem: {
+                                                readonly selector: {
+                                                    readonly method: "ByRole";
+                                                    readonly options: {
+                                                        readonly name: "${label}";
+                                                    };
+                                                    readonly templateVariableNames: ["label"];
+                                                    readonly role: "tab";
+                                                };
+                                            };
+                                        };
+                                        readonly selector: {
+                                            readonly method: "ByRole";
+                                            readonly options: {
+                                                readonly name: "${ariaLabel}";
+                                            };
+                                            readonly role: "tablist";
+                                            readonly templateVariableNames: ["ariaLabel"];
+                                        };
+                                    };
+                                    readonly TextField: {
+                                        readonly feature: {
+                                            readonly description: {
+                                                readonly selector: {
+                                                    readonly method: "ByText";
+                                                    readonly templateVariableNames: ["hint"];
+                                                    readonly text: "${hint}";
+                                                };
+                                            };
+                                            readonly errorMessage: {
+                                                readonly selector: {
+                                                    readonly method: "ByText";
+                                                    readonly templateVariableNames: ["errorMessage"];
+                                                    readonly text: "${errorMessage}";
+                                                };
+                                            };
+                                            readonly input: {
+                                                readonly selector: {
+                                                    readonly method: "ByRole";
+                                                    readonly options: {
+                                                        readonly name: "${label}";
+                                                    };
+                                                    readonly role: "textbox";
+                                                    readonly templateVariableNames: ["label"];
+                                                };
+                                            };
+                                            readonly label: {
+                                                readonly selector: {
+                                                    readonly method: "ByRole";
+                                                    readonly options: {
+                                                        readonly name: "${label}";
+                                                    };
+                                                    readonly role: "LabelText";
+                                                    readonly templateVariableNames: ["label"];
+                                                };
+                                            };
+                                            readonly link: {
+                                                readonly selector: {
+                                                    readonly method: "ByRole";
+                                                    readonly options: {
+                                                        readonly name: "${label}";
+                                                    };
+                                                    readonly templateVariableNames: ["label"];
+                                                    readonly role: "link";
+                                                };
+                                            };
+                                        };
+                                    };
+                                }[ComponentName] & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5] & Record<"feature", unknown>)["feature"][FeatureName_6] & Record<"feature", unknown>)["feature"][FeatureName_7]["selector"]["templateVariableNames"][number], string | RegExp> : never) | undefined) => {
+                                    element: HTMLElement | null;
+                                    select: (<FeatureName_8 extends keyof ((((((((({
+                                        readonly Callout: {
+                                            readonly feature: {
+                                                readonly link: {
+                                                    readonly selector: {
+                                                        readonly method: "ByRole";
+                                                        readonly options: {
+                                                            readonly name: "${linkText}";
+                                                        };
+                                                        readonly role: "link";
+                                                        readonly templateVariableNames: ["linkText"];
+                                                    };
+                                                };
+                                                readonly text: {
+                                                    readonly selector: {
+                                                        readonly method: "ByText";
+                                                        readonly templateVariableNames: ["text"];
+                                                        readonly text: "${text}";
+                                                    };
+                                                };
+                                                readonly title: {
+                                                    readonly selector: {
+                                                        readonly method: "ByText";
+                                                        readonly templateVariableNames: ["title"];
+                                                        readonly text: "${title}";
+                                                    };
+                                                };
+                                            };
+                                            readonly selector: {
+                                                readonly method: "ByRole";
+                                                readonly options: {
+                                                    readonly name: "${title}";
+                                                };
+                                                readonly role: "${role}";
+                                                readonly templateVariableNames: ["role", "title"];
+                                            };
+                                        };
+                                        readonly Tabs: {
+                                            readonly feature: {
+                                                readonly tabItem: {
+                                                    readonly selector: {
+                                                        readonly method: "ByRole";
+                                                        readonly options: {
+                                                            readonly name: "${label}";
+                                                        };
+                                                        readonly templateVariableNames: ["label"];
+                                                        readonly role: "tab";
+                                                    };
+                                                };
+                                            };
+                                            readonly selector: {
+                                                readonly method: "ByRole";
+                                                readonly options: {
+                                                    readonly name: "${ariaLabel}";
+                                                };
+                                                readonly role: "tablist";
+                                                readonly templateVariableNames: ["ariaLabel"];
+                                            };
+                                        };
+                                        readonly TextField: {
+                                            readonly feature: {
+                                                readonly description: {
+                                                    readonly selector: {
+                                                        readonly method: "ByText";
+                                                        readonly templateVariableNames: ["hint"];
+                                                        readonly text: "${hint}";
+                                                    };
+                                                };
+                                                readonly errorMessage: {
+                                                    readonly selector: {
+                                                        readonly method: "ByText";
+                                                        readonly templateVariableNames: ["errorMessage"];
+                                                        readonly text: "${errorMessage}";
+                                                    };
+                                                };
+                                                readonly input: {
+                                                    readonly selector: {
+                                                        readonly method: "ByRole";
+                                                        readonly options: {
+                                                            readonly name: "${label}";
+                                                        };
+                                                        readonly role: "textbox";
+                                                        readonly templateVariableNames: ["label"];
+                                                    };
+                                                };
+                                                readonly label: {
+                                                    readonly selector: {
+                                                        readonly method: "ByRole";
+                                                        readonly options: {
+                                                            readonly name: "${label}";
+                                                        };
+                                                        readonly role: "LabelText";
+                                                        readonly templateVariableNames: ["label"];
+                                                    };
+                                                };
+                                                readonly link: {
+                                                    readonly selector: {
+                                                        readonly method: "ByRole";
+                                                        readonly options: {
+                                                            readonly name: "${label}";
+                                                        };
+                                                        readonly templateVariableNames: ["label"];
+                                                        readonly role: "link";
+                                                    };
+                                                };
+                                            };
+                                        };
+                                    }[ComponentName] & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5] & Record<"feature", unknown>)["feature"][FeatureName_6] & Record<"feature", unknown>)["feature"][FeatureName_7] & Record<"feature", unknown>)["feature"]>(featureName: FeatureName_8, templateArgs?: (((((((((({
+                                        readonly Callout: {
+                                            readonly feature: {
+                                                readonly link: {
+                                                    readonly selector: {
+                                                        readonly method: "ByRole";
+                                                        readonly options: {
+                                                            readonly name: "${linkText}";
+                                                        };
+                                                        readonly role: "link";
+                                                        readonly templateVariableNames: ["linkText"];
+                                                    };
+                                                };
+                                                readonly text: {
+                                                    readonly selector: {
+                                                        readonly method: "ByText";
+                                                        readonly templateVariableNames: ["text"];
+                                                        readonly text: "${text}";
+                                                    };
+                                                };
+                                                readonly title: {
+                                                    readonly selector: {
+                                                        readonly method: "ByText";
+                                                        readonly templateVariableNames: ["title"];
+                                                        readonly text: "${title}";
+                                                    };
+                                                };
+                                            };
+                                            readonly selector: {
+                                                readonly method: "ByRole";
+                                                readonly options: {
+                                                    readonly name: "${title}";
+                                                };
+                                                readonly role: "${role}";
+                                                readonly templateVariableNames: ["role", "title"];
+                                            };
+                                        };
+                                        readonly Tabs: {
+                                            readonly feature: {
+                                                readonly tabItem: {
+                                                    readonly selector: {
+                                                        readonly method: "ByRole";
+                                                        readonly options: {
+                                                            readonly name: "${label}";
+                                                        };
+                                                        readonly templateVariableNames: ["label"];
+                                                        readonly role: "tab";
+                                                    };
+                                                };
+                                            };
+                                            readonly selector: {
+                                                readonly method: "ByRole";
+                                                readonly options: {
+                                                    readonly name: "${ariaLabel}";
+                                                };
+                                                readonly role: "tablist";
+                                                readonly templateVariableNames: ["ariaLabel"];
+                                            };
+                                        };
+                                        readonly TextField: {
+                                            readonly feature: {
+                                                readonly description: {
+                                                    readonly selector: {
+                                                        readonly method: "ByText";
+                                                        readonly templateVariableNames: ["hint"];
+                                                        readonly text: "${hint}";
+                                                    };
+                                                };
+                                                readonly errorMessage: {
+                                                    readonly selector: {
+                                                        readonly method: "ByText";
+                                                        readonly templateVariableNames: ["errorMessage"];
+                                                        readonly text: "${errorMessage}";
+                                                    };
+                                                };
+                                                readonly input: {
+                                                    readonly selector: {
+                                                        readonly method: "ByRole";
+                                                        readonly options: {
+                                                            readonly name: "${label}";
+                                                        };
+                                                        readonly role: "textbox";
+                                                        readonly templateVariableNames: ["label"];
+                                                    };
+                                                };
+                                                readonly label: {
+                                                    readonly selector: {
+                                                        readonly method: "ByRole";
+                                                        readonly options: {
+                                                            readonly name: "${label}";
+                                                        };
+                                                        readonly role: "LabelText";
+                                                        readonly templateVariableNames: ["label"];
+                                                    };
+                                                };
+                                                readonly link: {
+                                                    readonly selector: {
+                                                        readonly method: "ByRole";
+                                                        readonly options: {
+                                                            readonly name: "${label}";
+                                                        };
+                                                        readonly templateVariableNames: ["label"];
+                                                        readonly role: "link";
+                                                    };
+                                                };
+                                            };
+                                        };
+                                    }[ComponentName] & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5] & Record<"feature", unknown>)["feature"][FeatureName_6] & Record<"feature", unknown>)["feature"][FeatureName_7] & Record<"feature", unknown>)["feature"][FeatureName_8] extends TestSelector ? Record<((((((((({
+                                        readonly Callout: {
+                                            readonly feature: {
+                                                readonly link: {
+                                                    readonly selector: {
+                                                        readonly method: "ByRole";
+                                                        readonly options: {
+                                                            readonly name: "${linkText}";
+                                                        };
+                                                        readonly role: "link";
+                                                        readonly templateVariableNames: ["linkText"];
+                                                    };
+                                                };
+                                                readonly text: {
+                                                    readonly selector: {
+                                                        readonly method: "ByText";
+                                                        readonly templateVariableNames: ["text"];
+                                                        readonly text: "${text}";
+                                                    };
+                                                };
+                                                readonly title: {
+                                                    readonly selector: {
+                                                        readonly method: "ByText";
+                                                        readonly templateVariableNames: ["title"];
+                                                        readonly text: "${title}";
+                                                    };
+                                                };
+                                            };
+                                            readonly selector: {
+                                                readonly method: "ByRole";
+                                                readonly options: {
+                                                    readonly name: "${title}";
+                                                };
+                                                readonly role: "${role}";
+                                                readonly templateVariableNames: ["role", "title"];
+                                            };
+                                        };
+                                        readonly Tabs: {
+                                            readonly feature: {
+                                                readonly tabItem: {
+                                                    readonly selector: {
+                                                        readonly method: "ByRole";
+                                                        readonly options: {
+                                                            readonly name: "${label}";
+                                                        };
+                                                        readonly templateVariableNames: ["label"];
+                                                        readonly role: "tab";
+                                                    };
+                                                };
+                                            };
+                                            readonly selector: {
+                                                readonly method: "ByRole";
+                                                readonly options: {
+                                                    readonly name: "${ariaLabel}";
+                                                };
+                                                readonly role: "tablist";
+                                                readonly templateVariableNames: ["ariaLabel"];
+                                            };
+                                        };
+                                        readonly TextField: {
+                                            readonly feature: {
+                                                readonly description: {
+                                                    readonly selector: {
+                                                        readonly method: "ByText";
+                                                        readonly templateVariableNames: ["hint"];
+                                                        readonly text: "${hint}";
+                                                    };
+                                                };
+                                                readonly errorMessage: {
+                                                    readonly selector: {
+                                                        readonly method: "ByText";
+                                                        readonly templateVariableNames: ["errorMessage"];
+                                                        readonly text: "${errorMessage}";
+                                                    };
+                                                };
+                                                readonly input: {
+                                                    readonly selector: {
+                                                        readonly method: "ByRole";
+                                                        readonly options: {
+                                                            readonly name: "${label}";
+                                                        };
+                                                        readonly role: "textbox";
+                                                        readonly templateVariableNames: ["label"];
+                                                    };
+                                                };
+                                                readonly label: {
+                                                    readonly selector: {
+                                                        readonly method: "ByRole";
+                                                        readonly options: {
+                                                            readonly name: "${label}";
+                                                        };
+                                                        readonly role: "LabelText";
+                                                        readonly templateVariableNames: ["label"];
+                                                    };
+                                                };
+                                                readonly link: {
+                                                    readonly selector: {
+                                                        readonly method: "ByRole";
+                                                        readonly options: {
+                                                            readonly name: "${label}";
+                                                        };
+                                                        readonly templateVariableNames: ["label"];
+                                                        readonly role: "link";
+                                                    };
+                                                };
+                                            };
+                                        };
+                                    }[ComponentName] & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5] & Record<"feature", unknown>)["feature"][FeatureName_6] & Record<"feature", unknown>)["feature"][FeatureName_7] & Record<"feature", unknown>)["feature"][FeatureName_8]["selector"]["templateVariableNames"][number], string | RegExp> : never) | undefined) => {
+                                        element: HTMLElement | null;
+                                        select: (<FeatureName_9 extends keyof (((((((((({
+                                            readonly Callout: {
+                                                readonly feature: {
+                                                    readonly link: {
+                                                        readonly selector: {
+                                                            readonly method: "ByRole";
+                                                            readonly options: {
+                                                                readonly name: "${linkText}";
+                                                            };
+                                                            readonly role: "link";
+                                                            readonly templateVariableNames: ["linkText"];
+                                                        };
+                                                    };
+                                                    readonly text: {
+                                                        readonly selector: {
+                                                            readonly method: "ByText";
+                                                            readonly templateVariableNames: ["text"];
+                                                            readonly text: "${text}";
+                                                        };
+                                                    };
+                                                    readonly title: {
+                                                        readonly selector: {
+                                                            readonly method: "ByText";
+                                                            readonly templateVariableNames: ["title"];
+                                                            readonly text: "${title}";
+                                                        };
+                                                    };
+                                                };
+                                                readonly selector: {
+                                                    readonly method: "ByRole";
+                                                    readonly options: {
+                                                        readonly name: "${title}";
+                                                    };
+                                                    readonly role: "${role}";
+                                                    readonly templateVariableNames: ["role", "title"];
+                                                };
+                                            };
+                                            readonly Tabs: {
+                                                readonly feature: {
+                                                    readonly tabItem: {
+                                                        readonly selector: {
+                                                            readonly method: "ByRole";
+                                                            readonly options: {
+                                                                readonly name: "${label}";
+                                                            };
+                                                            readonly templateVariableNames: ["label"];
+                                                            readonly role: "tab";
+                                                        };
+                                                    };
+                                                };
+                                                readonly selector: {
+                                                    readonly method: "ByRole";
+                                                    readonly options: {
+                                                        readonly name: "${ariaLabel}";
+                                                    };
+                                                    readonly role: "tablist";
+                                                    readonly templateVariableNames: ["ariaLabel"];
+                                                };
+                                            };
+                                            readonly TextField: {
+                                                readonly feature: {
+                                                    readonly description: {
+                                                        readonly selector: {
+                                                            readonly method: "ByText";
+                                                            readonly templateVariableNames: ["hint"];
+                                                            readonly text: "${hint}";
+                                                        };
+                                                    };
+                                                    readonly errorMessage: {
+                                                        readonly selector: {
+                                                            readonly method: "ByText";
+                                                            readonly templateVariableNames: ["errorMessage"];
+                                                            readonly text: "${errorMessage}";
+                                                        };
+                                                    };
+                                                    readonly input: {
+                                                        readonly selector: {
+                                                            readonly method: "ByRole";
+                                                            readonly options: {
+                                                                readonly name: "${label}";
+                                                            };
+                                                            readonly role: "textbox";
+                                                            readonly templateVariableNames: ["label"];
+                                                        };
+                                                    };
+                                                    readonly label: {
+                                                        readonly selector: {
+                                                            readonly method: "ByRole";
+                                                            readonly options: {
+                                                                readonly name: "${label}";
+                                                            };
+                                                            readonly role: "LabelText";
+                                                            readonly templateVariableNames: ["label"];
+                                                        };
+                                                    };
+                                                    readonly link: {
+                                                        readonly selector: {
+                                                            readonly method: "ByRole";
+                                                            readonly options: {
+                                                                readonly name: "${label}";
+                                                            };
+                                                            readonly templateVariableNames: ["label"];
+                                                            readonly role: "link";
+                                                        };
+                                                    };
+                                                };
+                                            };
+                                        }[ComponentName] & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5] & Record<"feature", unknown>)["feature"][FeatureName_6] & Record<"feature", unknown>)["feature"][FeatureName_7] & Record<"feature", unknown>)["feature"][FeatureName_8] & Record<"feature", unknown>)["feature"]>(featureName: FeatureName_9, templateArgs?: ((((((((((({
+                                            readonly Callout: {
+                                                readonly feature: {
+                                                    readonly link: {
+                                                        readonly selector: {
+                                                            readonly method: "ByRole";
+                                                            readonly options: {
+                                                                readonly name: "${linkText}";
+                                                            };
+                                                            readonly role: "link";
+                                                            readonly templateVariableNames: ["linkText"];
+                                                        };
+                                                    };
+                                                    readonly text: {
+                                                        readonly selector: {
+                                                            readonly method: "ByText";
+                                                            readonly templateVariableNames: ["text"];
+                                                            readonly text: "${text}";
+                                                        };
+                                                    };
+                                                    readonly title: {
+                                                        readonly selector: {
+                                                            readonly method: "ByText";
+                                                            readonly templateVariableNames: ["title"];
+                                                            readonly text: "${title}";
+                                                        };
+                                                    };
+                                                };
+                                                readonly selector: {
+                                                    readonly method: "ByRole";
+                                                    readonly options: {
+                                                        readonly name: "${title}";
+                                                    };
+                                                    readonly role: "${role}";
+                                                    readonly templateVariableNames: ["role", "title"];
+                                                };
+                                            };
+                                            readonly Tabs: {
+                                                readonly feature: {
+                                                    readonly tabItem: {
+                                                        readonly selector: {
+                                                            readonly method: "ByRole";
+                                                            readonly options: {
+                                                                readonly name: "${label}";
+                                                            };
+                                                            readonly templateVariableNames: ["label"];
+                                                            readonly role: "tab";
+                                                        };
+                                                    };
+                                                };
+                                                readonly selector: {
+                                                    readonly method: "ByRole";
+                                                    readonly options: {
+                                                        readonly name: "${ariaLabel}";
+                                                    };
+                                                    readonly role: "tablist";
+                                                    readonly templateVariableNames: ["ariaLabel"];
+                                                };
+                                            };
+                                            readonly TextField: {
+                                                readonly feature: {
+                                                    readonly description: {
+                                                        readonly selector: {
+                                                            readonly method: "ByText";
+                                                            readonly templateVariableNames: ["hint"];
+                                                            readonly text: "${hint}";
+                                                        };
+                                                    };
+                                                    readonly errorMessage: {
+                                                        readonly selector: {
+                                                            readonly method: "ByText";
+                                                            readonly templateVariableNames: ["errorMessage"];
+                                                            readonly text: "${errorMessage}";
+                                                        };
+                                                    };
+                                                    readonly input: {
+                                                        readonly selector: {
+                                                            readonly method: "ByRole";
+                                                            readonly options: {
+                                                                readonly name: "${label}";
+                                                            };
+                                                            readonly role: "textbox";
+                                                            readonly templateVariableNames: ["label"];
+                                                        };
+                                                    };
+                                                    readonly label: {
+                                                        readonly selector: {
+                                                            readonly method: "ByRole";
+                                                            readonly options: {
+                                                                readonly name: "${label}";
+                                                            };
+                                                            readonly role: "LabelText";
+                                                            readonly templateVariableNames: ["label"];
+                                                        };
+                                                    };
+                                                    readonly link: {
+                                                        readonly selector: {
+                                                            readonly method: "ByRole";
+                                                            readonly options: {
+                                                                readonly name: "${label}";
+                                                            };
+                                                            readonly templateVariableNames: ["label"];
+                                                            readonly role: "link";
+                                                        };
+                                                    };
+                                                };
+                                            };
+                                        }[ComponentName] & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5] & Record<"feature", unknown>)["feature"][FeatureName_6] & Record<"feature", unknown>)["feature"][FeatureName_7] & Record<"feature", unknown>)["feature"][FeatureName_8] & Record<"feature", unknown>)["feature"][FeatureName_9] extends TestSelector ? Record<(((((((((({
+                                            readonly Callout: {
+                                                readonly feature: {
+                                                    readonly link: {
+                                                        readonly selector: {
+                                                            readonly method: "ByRole";
+                                                            readonly options: {
+                                                                readonly name: "${linkText}";
+                                                            };
+                                                            readonly role: "link";
+                                                            readonly templateVariableNames: ["linkText"];
+                                                        };
+                                                    };
+                                                    readonly text: {
+                                                        readonly selector: {
+                                                            readonly method: "ByText";
+                                                            readonly templateVariableNames: ["text"];
+                                                            readonly text: "${text}";
+                                                        };
+                                                    };
+                                                    readonly title: {
+                                                        readonly selector: {
+                                                            readonly method: "ByText";
+                                                            readonly templateVariableNames: ["title"];
+                                                            readonly text: "${title}";
+                                                        };
+                                                    };
+                                                };
+                                                readonly selector: {
+                                                    readonly method: "ByRole";
+                                                    readonly options: {
+                                                        readonly name: "${title}";
+                                                    };
+                                                    readonly role: "${role}";
+                                                    readonly templateVariableNames: ["role", "title"];
+                                                };
+                                            };
+                                            readonly Tabs: {
+                                                readonly feature: {
+                                                    readonly tabItem: {
+                                                        readonly selector: {
+                                                            readonly method: "ByRole";
+                                                            readonly options: {
+                                                                readonly name: "${label}";
+                                                            };
+                                                            readonly templateVariableNames: ["label"];
+                                                            readonly role: "tab";
+                                                        };
+                                                    };
+                                                };
+                                                readonly selector: {
+                                                    readonly method: "ByRole";
+                                                    readonly options: {
+                                                        readonly name: "${ariaLabel}";
+                                                    };
+                                                    readonly role: "tablist";
+                                                    readonly templateVariableNames: ["ariaLabel"];
+                                                };
+                                            };
+                                            readonly TextField: {
+                                                readonly feature: {
+                                                    readonly description: {
+                                                        readonly selector: {
+                                                            readonly method: "ByText";
+                                                            readonly templateVariableNames: ["hint"];
+                                                            readonly text: "${hint}";
+                                                        };
+                                                    };
+                                                    readonly errorMessage: {
+                                                        readonly selector: {
+                                                            readonly method: "ByText";
+                                                            readonly templateVariableNames: ["errorMessage"];
+                                                            readonly text: "${errorMessage}";
+                                                        };
+                                                    };
+                                                    readonly input: {
+                                                        readonly selector: {
+                                                            readonly method: "ByRole";
+                                                            readonly options: {
+                                                                readonly name: "${label}";
+                                                            };
+                                                            readonly role: "textbox";
+                                                            readonly templateVariableNames: ["label"];
+                                                        };
+                                                    };
+                                                    readonly label: {
+                                                        readonly selector: {
+                                                            readonly method: "ByRole";
+                                                            readonly options: {
+                                                                readonly name: "${label}";
+                                                            };
+                                                            readonly role: "LabelText";
+                                                            readonly templateVariableNames: ["label"];
+                                                        };
+                                                    };
+                                                    readonly link: {
+                                                        readonly selector: {
+                                                            readonly method: "ByRole";
+                                                            readonly options: {
+                                                                readonly name: "${label}";
+                                                            };
+                                                            readonly templateVariableNames: ["label"];
+                                                            readonly role: "link";
+                                                        };
+                                                    };
+                                                };
+                                            };
+                                        }[ComponentName] & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5] & Record<"feature", unknown>)["feature"][FeatureName_6] & Record<"feature", unknown>)["feature"][FeatureName_7] & Record<"feature", unknown>)["feature"][FeatureName_8] & Record<"feature", unknown>)["feature"][FeatureName_9]["selector"]["templateVariableNames"][number], string | RegExp> : never) | undefined) => {
+                                            element: HTMLElement | null;
+                                            select: (<FeatureName_10 extends keyof ((((((((((({
+                                                readonly Callout: {
+                                                    readonly feature: {
+                                                        readonly link: {
+                                                            readonly selector: {
+                                                                readonly method: "ByRole";
+                                                                readonly options: {
+                                                                    readonly name: "${linkText}";
+                                                                };
+                                                                readonly role: "link";
+                                                                readonly templateVariableNames: ["linkText"];
+                                                            };
+                                                        };
+                                                        readonly text: {
+                                                            readonly selector: {
+                                                                readonly method: "ByText";
+                                                                readonly templateVariableNames: ["text"];
+                                                                readonly text: "${text}";
+                                                            };
+                                                        };
+                                                        readonly title: {
+                                                            readonly selector: {
+                                                                readonly method: "ByText";
+                                                                readonly templateVariableNames: ["title"];
+                                                                readonly text: "${title}";
+                                                            };
+                                                        };
+                                                    };
+                                                    readonly selector: {
+                                                        readonly method: "ByRole";
+                                                        readonly options: {
+                                                            readonly name: "${title}";
+                                                        };
+                                                        readonly role: "${role}";
+                                                        readonly templateVariableNames: ["role", "title"];
+                                                    };
+                                                };
+                                                readonly Tabs: {
+                                                    readonly feature: {
+                                                        readonly tabItem: {
+                                                            readonly selector: {
+                                                                readonly method: "ByRole";
+                                                                readonly options: {
+                                                                    readonly name: "${label}";
+                                                                };
+                                                                readonly templateVariableNames: ["label"];
+                                                                readonly role: "tab";
+                                                            };
+                                                        };
+                                                    };
+                                                    readonly selector: {
+                                                        readonly method: "ByRole";
+                                                        readonly options: {
+                                                            readonly name: "${ariaLabel}";
+                                                        };
+                                                        readonly role: "tablist";
+                                                        readonly templateVariableNames: ["ariaLabel"];
+                                                    };
+                                                };
+                                                readonly TextField: {
+                                                    readonly feature: {
+                                                        readonly description: {
+                                                            readonly selector: {
+                                                                readonly method: "ByText";
+                                                                readonly templateVariableNames: ["hint"];
+                                                                readonly text: "${hint}";
+                                                            };
+                                                        };
+                                                        readonly errorMessage: {
+                                                            readonly selector: {
+                                                                readonly method: "ByText";
+                                                                readonly templateVariableNames: ["errorMessage"];
+                                                                readonly text: "${errorMessage}";
+                                                            };
+                                                        };
+                                                        readonly input: {
+                                                            readonly selector: {
+                                                                readonly method: "ByRole";
+                                                                readonly options: {
+                                                                    readonly name: "${label}";
+                                                                };
+                                                                readonly role: "textbox";
+                                                                readonly templateVariableNames: ["label"];
+                                                            };
+                                                        };
+                                                        readonly label: {
+                                                            readonly selector: {
+                                                                readonly method: "ByRole";
+                                                                readonly options: {
+                                                                    readonly name: "${label}";
+                                                                };
+                                                                readonly role: "LabelText";
+                                                                readonly templateVariableNames: ["label"];
+                                                            };
+                                                        };
+                                                        readonly link: {
+                                                            readonly selector: {
+                                                                readonly method: "ByRole";
+                                                                readonly options: {
+                                                                    readonly name: "${label}";
+                                                                };
+                                                                readonly templateVariableNames: ["label"];
+                                                                readonly role: "link";
+                                                            };
+                                                        };
+                                                    };
+                                                };
+                                            }[ComponentName] & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5] & Record<"feature", unknown>)["feature"][FeatureName_6] & Record<"feature", unknown>)["feature"][FeatureName_7] & Record<"feature", unknown>)["feature"][FeatureName_8] & Record<"feature", unknown>)["feature"][FeatureName_9] & Record<"feature", unknown>)["feature"]>(featureName: FeatureName_10, templateArgs?: (((((((((((({
+                                                readonly Callout: {
+                                                    readonly feature: {
+                                                        readonly link: {
+                                                            readonly selector: {
+                                                                readonly method: "ByRole";
+                                                                readonly options: {
+                                                                    readonly name: "${linkText}";
+                                                                };
+                                                                readonly role: "link";
+                                                                readonly templateVariableNames: ["linkText"];
+                                                            };
+                                                        };
+                                                        readonly text: {
+                                                            readonly selector: {
+                                                                readonly method: "ByText";
+                                                                readonly templateVariableNames: ["text"];
+                                                                readonly text: "${text}";
+                                                            };
+                                                        };
+                                                        readonly title: {
+                                                            readonly selector: {
+                                                                readonly method: "ByText";
+                                                                readonly templateVariableNames: ["title"];
+                                                                readonly text: "${title}";
+                                                            };
+                                                        };
+                                                    };
+                                                    readonly selector: {
+                                                        readonly method: "ByRole";
+                                                        readonly options: {
+                                                            readonly name: "${title}";
+                                                        };
+                                                        readonly role: "${role}";
+                                                        readonly templateVariableNames: ["role", "title"];
+                                                    };
+                                                };
+                                                readonly Tabs: {
+                                                    readonly feature: {
+                                                        readonly tabItem: {
+                                                            readonly selector: {
+                                                                readonly method: "ByRole";
+                                                                readonly options: {
+                                                                    readonly name: "${label}";
+                                                                };
+                                                                readonly templateVariableNames: ["label"];
+                                                                readonly role: "tab";
+                                                            };
+                                                        };
+                                                    };
+                                                    readonly selector: {
+                                                        readonly method: "ByRole";
+                                                        readonly options: {
+                                                            readonly name: "${ariaLabel}";
+                                                        };
+                                                        readonly role: "tablist";
+                                                        readonly templateVariableNames: ["ariaLabel"];
+                                                    };
+                                                };
+                                                readonly TextField: {
+                                                    readonly feature: {
+                                                        readonly description: {
+                                                            readonly selector: {
+                                                                readonly method: "ByText";
+                                                                readonly templateVariableNames: ["hint"];
+                                                                readonly text: "${hint}";
+                                                            };
+                                                        };
+                                                        readonly errorMessage: {
+                                                            readonly selector: {
+                                                                readonly method: "ByText";
+                                                                readonly templateVariableNames: ["errorMessage"];
+                                                                readonly text: "${errorMessage}";
+                                                            };
+                                                        };
+                                                        readonly input: {
+                                                            readonly selector: {
+                                                                readonly method: "ByRole";
+                                                                readonly options: {
+                                                                    readonly name: "${label}";
+                                                                };
+                                                                readonly role: "textbox";
+                                                                readonly templateVariableNames: ["label"];
+                                                            };
+                                                        };
+                                                        readonly label: {
+                                                            readonly selector: {
+                                                                readonly method: "ByRole";
+                                                                readonly options: {
+                                                                    readonly name: "${label}";
+                                                                };
+                                                                readonly role: "LabelText";
+                                                                readonly templateVariableNames: ["label"];
+                                                            };
+                                                        };
+                                                        readonly link: {
+                                                            readonly selector: {
+                                                                readonly method: "ByRole";
+                                                                readonly options: {
+                                                                    readonly name: "${label}";
+                                                                };
+                                                                readonly templateVariableNames: ["label"];
+                                                                readonly role: "link";
+                                                            };
+                                                        };
+                                                    };
+                                                };
+                                            }[ComponentName] & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5] & Record<"feature", unknown>)["feature"][FeatureName_6] & Record<"feature", unknown>)["feature"][FeatureName_7] & Record<"feature", unknown>)["feature"][FeatureName_8] & Record<"feature", unknown>)["feature"][FeatureName_9] & Record<"feature", unknown>)["feature"][FeatureName_10] extends TestSelector ? Record<((((((((((({
+                                                readonly Callout: {
+                                                    readonly feature: {
+                                                        readonly link: {
+                                                            readonly selector: {
+                                                                readonly method: "ByRole";
+                                                                readonly options: {
+                                                                    readonly name: "${linkText}";
+                                                                };
+                                                                readonly role: "link";
+                                                                readonly templateVariableNames: ["linkText"];
+                                                            };
+                                                        };
+                                                        readonly text: {
+                                                            readonly selector: {
+                                                                readonly method: "ByText";
+                                                                readonly templateVariableNames: ["text"];
+                                                                readonly text: "${text}";
+                                                            };
+                                                        };
+                                                        readonly title: {
+                                                            readonly selector: {
+                                                                readonly method: "ByText";
+                                                                readonly templateVariableNames: ["title"];
+                                                                readonly text: "${title}";
+                                                            };
+                                                        };
+                                                    };
+                                                    readonly selector: {
+                                                        readonly method: "ByRole";
+                                                        readonly options: {
+                                                            readonly name: "${title}";
+                                                        };
+                                                        readonly role: "${role}";
+                                                        readonly templateVariableNames: ["role", "title"];
+                                                    };
+                                                };
+                                                readonly Tabs: {
+                                                    readonly feature: {
+                                                        readonly tabItem: {
+                                                            readonly selector: {
+                                                                readonly method: "ByRole";
+                                                                readonly options: {
+                                                                    readonly name: "${label}";
+                                                                };
+                                                                readonly templateVariableNames: ["label"];
+                                                                readonly role: "tab";
+                                                            };
+                                                        };
+                                                    };
+                                                    readonly selector: {
+                                                        readonly method: "ByRole";
+                                                        readonly options: {
+                                                            readonly name: "${ariaLabel}";
+                                                        };
+                                                        readonly role: "tablist";
+                                                        readonly templateVariableNames: ["ariaLabel"];
+                                                    };
+                                                };
+                                                readonly TextField: {
+                                                    readonly feature: {
+                                                        readonly description: {
+                                                            readonly selector: {
+                                                                readonly method: "ByText";
+                                                                readonly templateVariableNames: ["hint"];
+                                                                readonly text: "${hint}";
+                                                            };
+                                                        };
+                                                        readonly errorMessage: {
+                                                            readonly selector: {
+                                                                readonly method: "ByText";
+                                                                readonly templateVariableNames: ["errorMessage"];
+                                                                readonly text: "${errorMessage}";
+                                                            };
+                                                        };
+                                                        readonly input: {
+                                                            readonly selector: {
+                                                                readonly method: "ByRole";
+                                                                readonly options: {
+                                                                    readonly name: "${label}";
+                                                                };
+                                                                readonly role: "textbox";
+                                                                readonly templateVariableNames: ["label"];
+                                                            };
+                                                        };
+                                                        readonly label: {
+                                                            readonly selector: {
+                                                                readonly method: "ByRole";
+                                                                readonly options: {
+                                                                    readonly name: "${label}";
+                                                                };
+                                                                readonly role: "LabelText";
+                                                                readonly templateVariableNames: ["label"];
+                                                            };
+                                                        };
+                                                        readonly link: {
+                                                            readonly selector: {
+                                                                readonly method: "ByRole";
+                                                                readonly options: {
+                                                                    readonly name: "${label}";
+                                                                };
+                                                                readonly templateVariableNames: ["label"];
+                                                                readonly role: "link";
+                                                            };
+                                                        };
+                                                    };
+                                                };
+                                            }[ComponentName] & Record<"feature", unknown>)["feature"][FeatureName] & Record<"feature", unknown>)["feature"][FeatureName_1] & Record<"feature", unknown>)["feature"][FeatureName_2] & Record<"feature", unknown>)["feature"][FeatureName_3] & Record<"feature", unknown>)["feature"][FeatureName_4] & Record<"feature", unknown>)["feature"][FeatureName_5] & Record<"feature", unknown>)["feature"][FeatureName_6] & Record<"feature", unknown>)["feature"][FeatureName_7] & Record<"feature", unknown>)["feature"][FeatureName_8] & Record<"feature", unknown>)["feature"][FeatureName_9] & Record<"feature", unknown>)["feature"][FeatureName_10]["selector"]["templateVariableNames"][number], string | RegExp> : never) | undefined) => any) | null;
+                                        }) | null;
+                                    }) | null;
+                                }) | null;
+                            }) | null;
+                        }) | null;
+                    }) | null;
+                }) | null;
+            }) | null;
+        }) | null;
+    }) | null;
+};
+//# sourceMappingURL=querySelector.d.ts.map