From b76dd0dd23d3498b88d2735733da984e927390f5 Mon Sep 17 00:00:00 2001
From: Adam Thompson <adam.thompson@mongodb.com>
Date: Fri, 10 Oct 2025 16:31:41 -0400
Subject: [PATCH 01/13] adds lgids

---
 packages/wizard/src/Wizard/Wizard.tsx             | 10 +++++++++-
 packages/wizard/src/Wizard/Wizard.types.ts        |  4 +++-
 packages/wizard/src/WizardFooter/WizardFooter.tsx |  6 +++++-
 packages/wizard/src/WizardStep/WizardStep.tsx     |  4 +++-
 packages/wizard/src/utils/getLgIds.ts             |  2 ++
 5 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/packages/wizard/src/Wizard/Wizard.tsx b/packages/wizard/src/Wizard/Wizard.tsx
index ad5ed5d165..a04f71d3bc 100644
--- a/packages/wizard/src/Wizard/Wizard.tsx
+++ b/packages/wizard/src/Wizard/Wizard.tsx
@@ -9,6 +9,7 @@ import { Direction } from '@leafygreen-ui/descendants';
 import { useControlled } from '@leafygreen-ui/hooks';
 
 import { WizardSubComponentProperties } from '../constants';
+import { getLgIds } from '../utils/getLgIds';
 import { WizardProvider } from '../WizardContext/WizardContext';
 import { WizardFooter } from '../WizardFooter';
 import { WizardStep } from '../WizardStep';
@@ -21,8 +22,10 @@ export const Wizard = CompoundComponent(
     activeStep: activeStepProp,
     onStepChange,
     children,
+    'data-lgid': dataLgid,
     ...rest
   }: WizardProps) => {
+    const LGIDs = getLgIds(dataLgid);
     const stepChildren = findChildren(
       children,
       WizardSubComponentProperties.Step,
@@ -70,7 +73,12 @@ export const Wizard = CompoundComponent(
 
     return (
       <WizardProvider activeStep={activeStep} updateStep={updateStep}>
-        <div className={wizardContainerStyles} {...rest}>
+        <div
+          className={wizardContainerStyles}
+          data-lgid={LGIDs.root}
+          data-testid={LGIDs.root}
+          {...rest}
+        >
           <div className={stepContentStyles}>{currentStep}</div>
           {footerChild}
         </div>
diff --git a/packages/wizard/src/Wizard/Wizard.types.ts b/packages/wizard/src/Wizard/Wizard.types.ts
index 7fc1a3901a..865527a4ec 100644
--- a/packages/wizard/src/Wizard/Wizard.types.ts
+++ b/packages/wizard/src/Wizard/Wizard.types.ts
@@ -1,9 +1,11 @@
 import { ComponentPropsWithRef, ReactNode } from 'react';
 
+import { LgIdProps } from '@leafygreen-ui/lib';
+
 import { WizardFooter } from '../WizardFooter';
 import { WizardStep } from '../WizardStep';
 
-export interface WizardProps extends ComponentPropsWithRef<'div'> {
+export interface WizardProps extends LgIdProps, ComponentPropsWithRef<'div'> {
   /**
    * The current active step index (0-based). If provided, the component operates in controlled mode.
    */
diff --git a/packages/wizard/src/WizardFooter/WizardFooter.tsx b/packages/wizard/src/WizardFooter/WizardFooter.tsx
index 2a46c9201a..31c7425fb2 100644
--- a/packages/wizard/src/WizardFooter/WizardFooter.tsx
+++ b/packages/wizard/src/WizardFooter/WizardFooter.tsx
@@ -6,6 +6,7 @@ import { FormFooter } from '@leafygreen-ui/form-footer';
 import { consoleOnce } from '@leafygreen-ui/lib';
 
 import { WizardSubComponentProperties } from '../constants';
+import { getLgIds } from '../utils/getLgIds';
 import { useWizardContext } from '../WizardContext';
 
 import { WizardFooterProps } from './WizardFooter.types';
@@ -18,6 +19,7 @@ export const WizardFooter = CompoundSubComponent(
     className,
     ...rest
   }: WizardFooterProps) => {
+    const LGIDs = getLgIds();
     const { isWizardContext, activeStep, updateStep } = useWizardContext();
 
     const handleBackButtonClick: MouseEventHandler<HTMLButtonElement> = e => {
@@ -41,8 +43,10 @@ export const WizardFooter = CompoundSubComponent(
 
     return (
       <FormFooter
-        {...rest}
+        data-lgid={LGIDs.footer}
+        data-testid={LGIDs.footer}
         className={className}
+        {...rest}
         backButtonProps={
           activeStep > 0
             ? {
diff --git a/packages/wizard/src/WizardStep/WizardStep.tsx b/packages/wizard/src/WizardStep/WizardStep.tsx
index 4af5eba958..09ef21c922 100644
--- a/packages/wizard/src/WizardStep/WizardStep.tsx
+++ b/packages/wizard/src/WizardStep/WizardStep.tsx
@@ -6,6 +6,7 @@ import { consoleOnce } from '@leafygreen-ui/lib';
 import { Description, H3 } from '@leafygreen-ui/typography';
 
 import { WizardSubComponentProperties } from '../constants';
+import { getLgIds } from '../utils/getLgIds';
 import { useWizardContext } from '../WizardContext';
 
 import { TextNode } from './TextNode';
@@ -15,6 +16,7 @@ import { WizardStepProps } from './WizardStep.types';
 export const WizardStep = CompoundSubComponent(
   ({ title, description, children, className, ...rest }: WizardStepProps) => {
     const { isWizardContext } = useWizardContext();
+    const LGIDs = getLgIds();
 
     if (!isWizardContext) {
       consoleOnce.error(
@@ -24,7 +26,7 @@ export const WizardStep = CompoundSubComponent(
     }
 
     return (
-      <div className={cx(stepStyles, className)} {...rest}>
+      <div className={cx(stepStyles, className)} data-lgid={LGIDs.step} data-testid={LGIDs.step} {...rest}>
         <TextNode as={H3}>{title}</TextNode>
         {description && <TextNode as={Description}>{description}</TextNode>}
         <div>{children}</div>
diff --git a/packages/wizard/src/utils/getLgIds.ts b/packages/wizard/src/utils/getLgIds.ts
index 9590c84563..99c7375560 100644
--- a/packages/wizard/src/utils/getLgIds.ts
+++ b/packages/wizard/src/utils/getLgIds.ts
@@ -5,6 +5,8 @@ export const DEFAULT_LGID_ROOT = 'lg-wizard';
 export const getLgIds = (root: LgIdString = DEFAULT_LGID_ROOT) => {
   const ids = {
     root,
+    step: `${root}-step`,
+    footer: `${root}-footer`
   } as const;
   return ids;
 };

From 3e63ee8ffccd361928a7d84dc62eaf73bb44cad4 Mon Sep 17 00:00:00 2001
From: Adam Thompson <adam.thompson@mongodb.com>
Date: Fri, 10 Oct 2025 16:40:49 -0400
Subject: [PATCH 02/13] creates test utils

---
 packages/wizard/src/Wizard/Wizard.tsx         |   6 +-
 .../src/WizardContext/WizardContext.tsx       |   4 +
 .../wizard/src/WizardFooter/WizardFooter.tsx  |   5 +-
 packages/wizard/src/WizardStep/WizardStep.tsx |  11 +-
 .../wizard/src/testing/getTestUtils.spec.tsx  | 316 +++++++++++++++++-
 packages/wizard/src/testing/getTestUtils.tsx  | 137 +++++++-
 .../wizard/src/testing/getTestUtils.types.ts  |  84 ++++-
 packages/wizard/src/testing/index.ts          |   5 +-
 8 files changed, 555 insertions(+), 13 deletions(-)

diff --git a/packages/wizard/src/Wizard/Wizard.tsx b/packages/wizard/src/Wizard/Wizard.tsx
index a04f71d3bc..1a66bff5d0 100644
--- a/packages/wizard/src/Wizard/Wizard.tsx
+++ b/packages/wizard/src/Wizard/Wizard.tsx
@@ -72,7 +72,11 @@ export const Wizard = CompoundComponent(
     const currentStep = stepChildren[activeStep] || null;
 
     return (
-      <WizardProvider activeStep={activeStep} updateStep={updateStep}>
+      <WizardProvider
+        activeStep={activeStep}
+        updateStep={updateStep}
+        lgId={dataLgid}
+      >
         <div
           className={wizardContainerStyles}
           data-lgid={LGIDs.root}
diff --git a/packages/wizard/src/WizardContext/WizardContext.tsx b/packages/wizard/src/WizardContext/WizardContext.tsx
index c3d50b9d3f..f69759e3fb 100644
--- a/packages/wizard/src/WizardContext/WizardContext.tsx
+++ b/packages/wizard/src/WizardContext/WizardContext.tsx
@@ -1,11 +1,13 @@
 import React, { createContext, PropsWithChildren, useContext } from 'react';
 
 import { Direction } from '@leafygreen-ui/descendants';
+import { LgIdString } from '@leafygreen-ui/lib';
 
 export interface WizardContextData {
   isWizardContext: boolean;
   activeStep: number;
   updateStep: (direction: Direction) => void;
+  lgId?: LgIdString;
 }
 
 export const WizardContext = createContext<WizardContextData>({
@@ -18,6 +20,7 @@ export const WizardProvider = ({
   children,
   activeStep,
   updateStep,
+  lgId,
 }: PropsWithChildren<Omit<WizardContextData, 'isWizardContext'>>) => {
   return (
     <WizardContext.Provider
@@ -25,6 +28,7 @@ export const WizardProvider = ({
         isWizardContext: true,
         activeStep,
         updateStep,
+        lgId,
       }}
     >
       {children}
diff --git a/packages/wizard/src/WizardFooter/WizardFooter.tsx b/packages/wizard/src/WizardFooter/WizardFooter.tsx
index 31c7425fb2..ea3c2e212e 100644
--- a/packages/wizard/src/WizardFooter/WizardFooter.tsx
+++ b/packages/wizard/src/WizardFooter/WizardFooter.tsx
@@ -19,8 +19,9 @@ export const WizardFooter = CompoundSubComponent(
     className,
     ...rest
   }: WizardFooterProps) => {
-    const LGIDs = getLgIds();
-    const { isWizardContext, activeStep, updateStep } = useWizardContext();
+    const { isWizardContext, activeStep, updateStep, lgId } =
+      useWizardContext();
+    const LGIDs = getLgIds(lgId);
 
     const handleBackButtonClick: MouseEventHandler<HTMLButtonElement> = e => {
       updateStep(Direction.Prev);
diff --git a/packages/wizard/src/WizardStep/WizardStep.tsx b/packages/wizard/src/WizardStep/WizardStep.tsx
index 09ef21c922..328db7fd0c 100644
--- a/packages/wizard/src/WizardStep/WizardStep.tsx
+++ b/packages/wizard/src/WizardStep/WizardStep.tsx
@@ -15,8 +15,8 @@ import { WizardStepProps } from './WizardStep.types';
 
 export const WizardStep = CompoundSubComponent(
   ({ title, description, children, className, ...rest }: WizardStepProps) => {
-    const { isWizardContext } = useWizardContext();
-    const LGIDs = getLgIds();
+    const { isWizardContext, lgId } = useWizardContext();
+    const LGIDs = getLgIds(lgId);
 
     if (!isWizardContext) {
       consoleOnce.error(
@@ -26,7 +26,12 @@ export const WizardStep = CompoundSubComponent(
     }
 
     return (
-      <div className={cx(stepStyles, className)} data-lgid={LGIDs.step} data-testid={LGIDs.step} {...rest}>
+      <div
+        className={cx(stepStyles, className)}
+        data-lgid={LGIDs.step}
+        data-testid={LGIDs.step}
+        {...rest}
+      >
         <TextNode as={H3}>{title}</TextNode>
         {description && <TextNode as={Description}>{description}</TextNode>}
         <div>{children}</div>
diff --git a/packages/wizard/src/testing/getTestUtils.spec.tsx b/packages/wizard/src/testing/getTestUtils.spec.tsx
index 6e928dca63..076448b83b 100644
--- a/packages/wizard/src/testing/getTestUtils.spec.tsx
+++ b/packages/wizard/src/testing/getTestUtils.spec.tsx
@@ -1,8 +1,320 @@
 import React from 'react';
 import { render } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 
-import { Wizard } from '.';
+import { Wizard } from '../Wizard';
+
+import { getTestUtils } from './getTestUtils';
+
+function renderWizard() {
+  render(
+    <Wizard>
+      <Wizard.Step title="Step 1">
+        <p>Content for step 1</p>
+      </Wizard.Step>
+      <Wizard.Step title="Step 2">
+        <p>Content for step 2</p>
+      </Wizard.Step>
+      <Wizard.Step title="Step 3">
+        <p>Content for step 3</p>
+      </Wizard.Step>
+      <Wizard.Footer
+        primaryButtonProps={{
+          children: 'Next',
+        }}
+        cancelButtonProps={{
+          children: 'Cancel',
+        }}
+      />
+    </Wizard>,
+  );
+  return getTestUtils();
+}
+
+function renderWizardWithoutFooter() {
+  render(
+    <Wizard>
+      <Wizard.Step title="Step 1">
+        <p>Content for step 1</p>
+      </Wizard.Step>
+      <Wizard.Step title="Step 2">
+        <p>Content for step 2</p>
+      </Wizard.Step>
+    </Wizard>,
+  );
+  return getTestUtils();
+}
+
+function renderMultipleWizards() {
+  render(
+    <>
+      <Wizard data-lgid="lg-wizard-1">
+        <Wizard.Step title="Wizard 1 Step">
+          <p>Content</p>
+        </Wizard.Step>
+        <Wizard.Footer
+          primaryButtonProps={{
+            children: 'Next',
+          }}
+        />
+      </Wizard>
+      <Wizard data-lgid="lg-wizard-2">
+        <Wizard.Step title="Wizard 2 Step">
+          <p>Content</p>
+        </Wizard.Step>
+        <Wizard.Footer
+          primaryButtonProps={{
+            children: 'Continue',
+          }}
+        />
+      </Wizard>
+    </>,
+  );
+}
 
 describe('packages/wizard/getTestUtils', () => {
-  test('condition', () => {});
+  describe('throws error if Wizard is not found', () => {
+    test('getWizard', () => {
+      render(<div />);
+
+      try {
+        const utils = getTestUtils();
+        utils.getWizard();
+      } catch (error) {
+        expect(error).toBeInstanceOf(Error);
+        expect(error).toHaveProperty(
+          'message',
+          expect.stringMatching(
+            /Unable to find an element by: \[data-lgid="lg-wizard"\]/,
+          ),
+        );
+      }
+    });
+  });
+
+  describe('single Wizard', () => {
+    describe('wizard root element', () => {
+      test('getWizard returns the wizard element', () => {
+        const { getWizard } = renderWizard();
+        expect(getWizard()).toBeInTheDocument();
+      });
+
+      test('queryWizard returns the wizard element', () => {
+        const { queryWizard } = renderWizard();
+        expect(queryWizard()).toBeInTheDocument();
+      });
+
+      test('queryWizard returns null when wizard is not found', () => {
+        render(<div />);
+        const { queryWizard } = getTestUtils();
+        expect(queryWizard()).toBeNull();
+      });
+
+      test('findWizard returns a promise that resolves to the wizard element', async () => {
+        const { findWizard } = renderWizard();
+        const wizard = await findWizard();
+        expect(wizard).toBeInTheDocument();
+      });
+    });
+
+    describe('current step', () => {
+      test('getCurrentStep returns the current step element', () => {
+        const { getCurrentStep } = renderWizard();
+        const step = getCurrentStep();
+        expect(step).toBeInTheDocument();
+        expect(step).toHaveTextContent('Step 1');
+      });
+
+      test('queryCurrentStep returns the current step element', () => {
+        const { queryCurrentStep } = renderWizard();
+        const step = queryCurrentStep();
+        expect(step).toBeInTheDocument();
+        expect(step).toHaveTextContent('Step 1');
+      });
+
+      test('findCurrentStep returns a promise that resolves to the current step', async () => {
+        const { findCurrentStep } = renderWizard();
+        const step = await findCurrentStep();
+        expect(step).toBeInTheDocument();
+        expect(step).toHaveTextContent('Step 1');
+      });
+
+      test('current step updates after clicking next', () => {
+        const { getCurrentStep, getPrimaryButtonUtils } = renderWizard();
+        const initialStep = getCurrentStep();
+        expect(initialStep).toHaveTextContent('Step 1');
+
+        const primaryButton = getPrimaryButtonUtils().getButton();
+        userEvent.click(primaryButton);
+
+        const nextStep = getCurrentStep();
+        expect(nextStep).toHaveTextContent('Step 2');
+      });
+    });
+
+    describe('footer', () => {
+      test('getFooter returns the footer element', () => {
+        const { getFooter } = renderWizard();
+        expect(getFooter()).toBeInTheDocument();
+      });
+
+      test('queryFooter returns the footer element', () => {
+        const { queryFooter } = renderWizard();
+        expect(queryFooter()).toBeInTheDocument();
+      });
+
+      test('queryFooter returns null when footer is not present', () => {
+        const { queryFooter } = renderWizardWithoutFooter();
+        expect(queryFooter()).toBeNull();
+      });
+
+      test('findFooter returns a promise that resolves to the footer element', async () => {
+        const { findFooter } = renderWizard();
+        const footer = await findFooter();
+        expect(footer).toBeInTheDocument();
+      });
+    });
+
+    describe('primary button', () => {
+      test('getPrimaryButtonUtils returns button utilities', () => {
+        const { getPrimaryButtonUtils } = renderWizard();
+        const utils = getPrimaryButtonUtils();
+        expect(utils.getButton()).toBeInTheDocument();
+      });
+
+      test('primary button can be clicked', () => {
+        const { getPrimaryButtonUtils, getCurrentStep } = renderWizard();
+        const button = getPrimaryButtonUtils().getButton();
+
+        expect(getCurrentStep()).toHaveTextContent('Step 1');
+        userEvent.click(button);
+        expect(getCurrentStep()).toHaveTextContent('Step 2');
+      });
+
+      test('isDisabled works for primary button', () => {
+        render(
+          <Wizard>
+            <Wizard.Step title="Step 1">Content</Wizard.Step>
+            <Wizard.Footer
+              primaryButtonProps={{
+                children: 'Next',
+                disabled: true,
+              }}
+            />
+          </Wizard>,
+        );
+
+        const { getPrimaryButtonUtils } = getTestUtils();
+        expect(getPrimaryButtonUtils().isDisabled()).toBe(true);
+      });
+    });
+
+    describe('back button', () => {
+      test('back button is not present on first step', () => {
+        const { getBackButtonUtils } = renderWizard();
+        expect(getBackButtonUtils().queryButton()).toBeNull();
+      });
+
+      test('back button appears after navigating to second step', () => {
+        const { getPrimaryButtonUtils, getBackButtonUtils } = renderWizard();
+
+        // Navigate to step 2
+        const primaryButton = getPrimaryButtonUtils().getButton();
+        userEvent.click(primaryButton);
+
+        // Back button should now be visible
+        expect(getBackButtonUtils().queryButton()).toBeInTheDocument();
+      });
+
+      test('back button navigates to previous step', () => {
+        const { getPrimaryButtonUtils, getBackButtonUtils, getCurrentStep } =
+          renderWizard();
+
+        // Navigate to step 2
+        userEvent.click(getPrimaryButtonUtils().getButton());
+        expect(getCurrentStep()).toHaveTextContent('Step 2');
+
+        // Navigate back to step 1
+        const backButton = getBackButtonUtils().getButton();
+        userEvent.click(backButton);
+        expect(getCurrentStep()).toHaveTextContent('Step 1');
+      });
+    });
+
+    describe('cancel button', () => {
+      test('getCancelButtonUtils returns button utilities', () => {
+        const { getCancelButtonUtils } = renderWizard();
+        const utils = getCancelButtonUtils();
+        expect(utils.getButton()).toBeInTheDocument();
+        expect(utils.getButton()).toHaveTextContent('Cancel');
+      });
+
+      test('cancel button can be clicked', () => {
+        const handleCancel = jest.fn();
+        render(
+          <Wizard>
+            <Wizard.Step title="Step 1">Content</Wizard.Step>
+            <Wizard.Footer
+              primaryButtonProps={{
+                children: 'Next',
+              }}
+              cancelButtonProps={{
+                children: 'Cancel',
+                onClick: handleCancel,
+              }}
+            />
+          </Wizard>,
+        );
+
+        const { getCancelButtonUtils } = getTestUtils();
+        const button = getCancelButtonUtils().getButton();
+        userEvent.click(button);
+        expect(handleCancel).toHaveBeenCalled();
+      });
+
+      test('cancel button is not present when cancelButtonProps is undefined', () => {
+        render(
+          <Wizard>
+            <Wizard.Step title="Step 1">Content</Wizard.Step>
+            <Wizard.Footer
+              primaryButtonProps={{
+                children: 'Next',
+              }}
+            />
+          </Wizard>,
+        );
+
+        const { getCancelButtonUtils } = getTestUtils();
+        expect(getCancelButtonUtils().queryButton()).toBeNull();
+      });
+    });
+  });
+
+  describe('multiple Wizard instances', () => {
+    test('can query different wizards by lgId', () => {
+      renderMultipleWizards();
+
+      const utils1 = getTestUtils('lg-wizard-1');
+      const utils2 = getTestUtils('lg-wizard-2');
+
+      expect(utils1.getWizard()).toBeInTheDocument();
+      expect(utils2.getWizard()).toBeInTheDocument();
+
+      expect(utils1.getCurrentStep()).toHaveTextContent('Wizard 1 Step');
+      expect(utils2.getCurrentStep()).toHaveTextContent('Wizard 2 Step');
+    });
+
+    test('can query different wizard buttons by lgId', () => {
+      renderMultipleWizards();
+
+      const utils1 = getTestUtils('lg-wizard-1');
+      const utils2 = getTestUtils('lg-wizard-2');
+
+      const button1 = utils1.getPrimaryButtonUtils().getButton();
+      const button2 = utils2.getPrimaryButtonUtils().getButton();
+
+      expect(button1).toHaveTextContent('Next');
+      expect(button2).toHaveTextContent('Continue');
+    });
+  });
 });
diff --git a/packages/wizard/src/testing/getTestUtils.tsx b/packages/wizard/src/testing/getTestUtils.tsx
index ad89a6e99d..d7ce5e3361 100644
--- a/packages/wizard/src/testing/getTestUtils.tsx
+++ b/packages/wizard/src/testing/getTestUtils.tsx
@@ -1,15 +1,146 @@
 import { findByLgId, getByLgId, queryByLgId } from '@lg-tools/test-harnesses';
+import { screen } from '@testing-library/react';
 
 import { LgIdString } from '@leafygreen-ui/lib';
 
 import { DEFAULT_LGID_ROOT, getLgIds } from '../utils/getLgIds';
 
-import { TestUtilsReturnType } from './getTestUtils.types';
+import {
+  WizardButtonUtils,
+  WizardTestUtilsReturnType,
+} from './getTestUtils.types';
+
+// FormFooter button test IDs (since Wizard.Footer uses FormFooter internally)
+const getFormFooterTestIds = (wizardLgId: LgIdString) => {
+  const footerLgId = `${wizardLgId}-footer`;
+  return {
+    backButton: `${footerLgId}-back_button`,
+    cancelButton: `${footerLgId}-cancel_button`,
+    primaryButton: `${footerLgId}-primary_button`,
+  } as const;
+};
+
+/**
+ * Creates button utilities that query by testid (since FormFooter uses testids for buttons)
+ */
+const createButtonUtils = (testId: string): WizardButtonUtils => {
+  const findButton = async () => {
+    return screen.findByTestId(testId) as Promise<HTMLButtonElement>;
+  };
+
+  const getButton = () => {
+    return screen.getByTestId(testId) as HTMLButtonElement;
+  };
+
+  const queryButton = () => {
+    return screen.queryByTestId(testId) as HTMLButtonElement | null;
+  };
+
+  const isDisabled = () => {
+    const button = getButton();
+    return button.getAttribute('aria-disabled') === 'true';
+  };
+
+  return {
+    findButton,
+    getButton,
+    queryButton,
+    isDisabled,
+  };
+};
 
 export const getTestUtils = (
   lgId: LgIdString = DEFAULT_LGID_ROOT,
-): TestUtilsReturnType => {
+): WizardTestUtilsReturnType => {
   const lgIds = getLgIds(lgId);
+  const footerButtonTestIds = getFormFooterTestIds(lgId);
+
+  /**
+   * @returns a promise that resolves to the wizard root element using the `data-lgid` data attribute.
+   * The promise is rejected if no elements match or if more than one match is found.
+   */
+  const findWizard = () => findByLgId!<HTMLElement>(lgIds.root);
+
+  /**
+   * @returns the wizard root element using the `data-lgid` data attribute.
+   * Will throw if no elements match or if more than one match is found.
+   */
+  const getWizard = () => getByLgId!<HTMLElement>(lgIds.root);
+
+  /**
+   * @returns the wizard root element using the `data-lgid` data attribute or `null` if no elements match.
+   * Will throw if more than one match is found.
+   */
+  const queryWizard = () => queryByLgId!<HTMLElement>(lgIds.root);
+
+  /**
+   * @returns a promise that resolves to the current step element using the `data-lgid` data attribute.
+   * The promise is rejected if no elements match or if more than one match is found.
+   */
+  const findCurrentStep = () => findByLgId!<HTMLElement>(lgIds.step);
+
+  /**
+   * @returns the current step element using the `data-lgid` data attribute.
+   * Will throw if no elements match or if more than one match is found.
+   */
+  const getCurrentStep = () => getByLgId!<HTMLElement>(lgIds.step);
+
+  /**
+   * @returns the current step element using the `data-lgid` data attribute or `null` if no elements match.
+   * Will throw if more than one match is found.
+   */
+  const queryCurrentStep = () => queryByLgId!<HTMLElement>(lgIds.step);
+
+  /**
+   * @returns a promise that resolves to the footer element using the `data-testid` data attribute.
+   * The promise is rejected if no elements match or if more than one match is found.
+   */
+  const findFooter = () =>
+    screen.findByTestId(lgIds.footer) as Promise<HTMLElement>;
+
+  /**
+   * @returns the footer element using the `data-testid` data attribute.
+   * Will throw if no elements match or if more than one match is found.
+   */
+  const getFooter = () => screen.getByTestId(lgIds.footer) as HTMLElement;
+
+  /**
+   * @returns the footer element using the `data-testid` data attribute or `null` if no elements match.
+   * Will throw if more than one match is found.
+   */
+  const queryFooter = () =>
+    screen.queryByTestId(lgIds.footer) as HTMLElement | null;
+
+  /**
+   * Returns test utilities for the back button in the footer
+   */
+  const getBackButtonUtils = () =>
+    createButtonUtils(footerButtonTestIds.backButton);
+
+  /**
+   * Returns test utilities for the cancel button in the footer
+   */
+  const getCancelButtonUtils = () =>
+    createButtonUtils(footerButtonTestIds.cancelButton);
+
+  /**
+   * Returns test utilities for the primary button in the footer
+   */
+  const getPrimaryButtonUtils = () =>
+    createButtonUtils(footerButtonTestIds.primaryButton);
 
-  return {};
+  return {
+    findWizard,
+    getWizard,
+    queryWizard,
+    findCurrentStep,
+    getCurrentStep,
+    queryCurrentStep,
+    findFooter,
+    getFooter,
+    queryFooter,
+    getBackButtonUtils,
+    getCancelButtonUtils,
+    getPrimaryButtonUtils,
+  };
 };
diff --git a/packages/wizard/src/testing/getTestUtils.types.ts b/packages/wizard/src/testing/getTestUtils.types.ts
index 4b2df87c73..7ed732fb9d 100644
--- a/packages/wizard/src/testing/getTestUtils.types.ts
+++ b/packages/wizard/src/testing/getTestUtils.types.ts
@@ -1 +1,83 @@
-export interface TestUtilsReturnType {}
+export interface WizardButtonUtils {
+  /**
+   * Returns a promise that resolves to the button element
+   */
+  findButton: () => Promise<HTMLButtonElement>;
+
+  /**
+   * Returns the button element. Will throw if not found
+   */
+  getButton: () => HTMLButtonElement;
+
+  /**
+   * Returns the button element or null if not found
+   */
+  queryButton: () => HTMLButtonElement | null;
+
+  /**
+   * Returns whether the button is disabled
+   */
+  isDisabled: () => boolean;
+}
+
+export interface WizardTestUtilsReturnType {
+  /**
+   * Returns a promise that resolves to the wizard root element
+   */
+  findWizard: () => Promise<HTMLElement>;
+
+  /**
+   * Returns the wizard root element. Will throw if not found
+   */
+  getWizard: () => HTMLElement;
+
+  /**
+   * Returns the wizard root element or null if not found
+   */
+  queryWizard: () => HTMLElement | null;
+
+  /**
+   * Returns a promise that resolves to the current step element
+   */
+  findCurrentStep: () => Promise<HTMLElement>;
+
+  /**
+   * Returns the current step element. Will throw if not found
+   */
+  getCurrentStep: () => HTMLElement;
+
+  /**
+   * Returns the current step element or null if not found
+   */
+  queryCurrentStep: () => HTMLElement | null;
+
+  /**
+   * Returns a promise that resolves to the footer element
+   */
+  findFooter: () => Promise<HTMLElement>;
+
+  /**
+   * Returns the footer element. Will throw if not found
+   */
+  getFooter: () => HTMLElement;
+
+  /**
+   * Returns the footer element or null if not found
+   */
+  queryFooter: () => HTMLElement | null;
+
+  /**
+   * Returns test utilities for the back button
+   */
+  getBackButtonUtils: () => WizardButtonUtils;
+
+  /**
+   * Returns test utilities for the cancel button
+   */
+  getCancelButtonUtils: () => WizardButtonUtils;
+
+  /**
+   * Returns test utilities for the primary button
+   */
+  getPrimaryButtonUtils: () => WizardButtonUtils;
+}
diff --git a/packages/wizard/src/testing/index.ts b/packages/wizard/src/testing/index.ts
index 4c102995fa..a66d8e284a 100644
--- a/packages/wizard/src/testing/index.ts
+++ b/packages/wizard/src/testing/index.ts
@@ -1,2 +1,5 @@
 export { getTestUtils } from './getTestUtils';
-export { type TestUtilsReturnType } from './getTestUtils.types';
+export {
+  type WizardButtonUtils,
+  type WizardTestUtilsReturnType,
+} from './getTestUtils.types';

From 950cf6926c2f8393a8e2bbb97323237395c241e7 Mon Sep 17 00:00:00 2001
From: Adam Thompson <adam.thompson@mongodb.com>
Date: Fri, 10 Oct 2025 17:10:47 -0400
Subject: [PATCH 03/13] lint

---
 packages/wizard/src/utils/getLgIds.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/wizard/src/utils/getLgIds.ts b/packages/wizard/src/utils/getLgIds.ts
index 99c7375560..263769bc31 100644
--- a/packages/wizard/src/utils/getLgIds.ts
+++ b/packages/wizard/src/utils/getLgIds.ts
@@ -6,7 +6,7 @@ export const getLgIds = (root: LgIdString = DEFAULT_LGID_ROOT) => {
   const ids = {
     root,
     step: `${root}-step`,
-    footer: `${root}-footer`
+    footer: `${root}-footer`,
   } as const;
   return ids;
 };

From fb93ebb9587b927480ed20c3c48e4d5bf9efd8ae Mon Sep 17 00:00:00 2001
From: Stephen Lee <stephen.lee@mongodb.com>
Date: Mon, 13 Oct 2025 08:12:26 -0700
Subject: [PATCH 04/13] chore(modal): upgrade modal packages to use
 @leafygreen-ui/modal@20.1.1 (#3209)

---
 .changeset/upgrade-modals.md | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 .changeset/upgrade-modals.md

diff --git a/.changeset/upgrade-modals.md b/.changeset/upgrade-modals.md
new file mode 100644
index 0000000000..d7e9b5d1a4
--- /dev/null
+++ b/.changeset/upgrade-modals.md
@@ -0,0 +1,7 @@
+---
+'@leafygreen-ui/confirmation-modal': patch
+'@leafygreen-ui/marketing-modal': patch
+---
+
+Update `@leafygreen-ui/modal` dependency to use version 20.1.1
+

From 47af0cdbbecbc0906b07ea5a647a27b831497da0 Mon Sep 17 00:00:00 2001
From: Stephen Lee <stephen.lee@mongodb.com>
Date: Mon, 13 Oct 2025 08:13:19 -0700
Subject: [PATCH 05/13] chore(test): exclude deprecated packages from tests
 (#3207)

* fix(box): silence test lint warnings

* chore(test): skip tests in deprecated-packages

* chore: update emotion version and ALL_PACKAGES list
---
 deprecated-packages/box/src/Box.spec.tsx | 1 +
 tools/install/src/ALL_PACKAGES.ts        | 1 +
 tools/test/config/jest.config.js         | 2 +-
 tools/test/config/react17/jest.config.js | 2 +-
 4 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/deprecated-packages/box/src/Box.spec.tsx b/deprecated-packages/box/src/Box.spec.tsx
index ff5839f131..650c9e1a90 100644
--- a/deprecated-packages/box/src/Box.spec.tsx
+++ b/deprecated-packages/box/src/Box.spec.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable jest/expect-expect */
 import React from 'react';
 import { cleanup, render } from '@testing-library/react';
 import { axe } from 'jest-axe';
diff --git a/tools/install/src/ALL_PACKAGES.ts b/tools/install/src/ALL_PACKAGES.ts
index 0b921287d8..976ce721cb 100644
--- a/tools/install/src/ALL_PACKAGES.ts
+++ b/tools/install/src/ALL_PACKAGES.ts
@@ -14,6 +14,7 @@ export const ALL_PACKAGES = [
   '@leafygreen-ui/code',
   '@leafygreen-ui/code-editor',
   '@leafygreen-ui/combobox',
+  '@leafygreen-ui/compound-component',
   '@leafygreen-ui/confirmation-modal',
   '@leafygreen-ui/context-drawer',
   '@leafygreen-ui/copyable',
diff --git a/tools/test/config/jest.config.js b/tools/test/config/jest.config.js
index 3213e2bb57..feaed6d5f7 100644
--- a/tools/test/config/jest.config.js
+++ b/tools/test/config/jest.config.js
@@ -49,7 +49,7 @@ module.exports = {
   testEnvironment: 'jsdom',
 
   // An array of regexp pattern strings that are matched against all test paths, matched tests are skipped
-  testPathIgnorePatterns: ['/node_modules/'],
+  testPathIgnorePatterns: ['/node_modules/', '/deprecated-packages/'],
 
   // The regexp pattern Jest uses to detect test files
   testRegex: '.spec.[jt]sx?$',
diff --git a/tools/test/config/react17/jest.config.js b/tools/test/config/react17/jest.config.js
index af4ad01e1d..37f84bcf85 100644
--- a/tools/test/config/react17/jest.config.js
+++ b/tools/test/config/react17/jest.config.js
@@ -42,7 +42,7 @@ module.exports = {
   testEnvironment: 'jsdom',
 
   // An array of regexp pattern strings that are matched against all test paths, matched tests are skipped
-  testPathIgnorePatterns: ['/node_modules/'],
+  testPathIgnorePatterns: ['/node_modules/', '/deprecated-packages/'],
 
   // The regexp pattern Jest uses to detect test files
   testRegex: '.spec.[jt]sx?$',

From 9a61957ea11f0e94a0883a3dbfaf015d96aa05af Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Mon, 13 Oct 2025 17:02:37 +0000
Subject: [PATCH 06/13] Version Packages (#3204)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .changeset/tidy-sloths-nail.md             | 6 ------
 .changeset/upgrade-modals.md               | 7 -------
 .changeset/useControlled-inferred-types.md | 5 -----
 chat/message-prompts/CHANGELOG.md          | 7 +++++++
 chat/message-prompts/package.json          | 2 +-
 packages/confirmation-modal/CHANGELOG.md   | 6 ++++++
 packages/confirmation-modal/package.json   | 2 +-
 packages/hooks/CHANGELOG.md                | 6 ++++++
 packages/hooks/package.json                | 2 +-
 packages/marketing-modal/CHANGELOG.md      | 6 ++++++
 packages/marketing-modal/package.json      | 2 +-
 11 files changed, 29 insertions(+), 22 deletions(-)
 delete mode 100644 .changeset/tidy-sloths-nail.md
 delete mode 100644 .changeset/upgrade-modals.md
 delete mode 100644 .changeset/useControlled-inferred-types.md

diff --git a/.changeset/tidy-sloths-nail.md b/.changeset/tidy-sloths-nail.md
deleted file mode 100644
index 9c3c530673..0000000000
--- a/.changeset/tidy-sloths-nail.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'@lg-chat/message-prompts': minor
----
-
-- [LG-5438](https://jira.mongodb.org/browse/LG-5438) add `onClickRefresh` prop which conditionally renders refresh button
-- [LG-5440](https://jira.mongodb.org/browse/LG-5440) add `enableHideOnSelect` prop which causes fade/shrink transition when a prompt is selected. This is set to `true` by default.
diff --git a/.changeset/upgrade-modals.md b/.changeset/upgrade-modals.md
deleted file mode 100644
index d7e9b5d1a4..0000000000
--- a/.changeset/upgrade-modals.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-'@leafygreen-ui/confirmation-modal': patch
-'@leafygreen-ui/marketing-modal': patch
----
-
-Update `@leafygreen-ui/modal` dependency to use version 20.1.1
-
diff --git a/.changeset/useControlled-inferred-types.md b/.changeset/useControlled-inferred-types.md
deleted file mode 100644
index 824c233cfc..0000000000
--- a/.changeset/useControlled-inferred-types.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@leafygreen-ui/hooks': patch
----
-
-The type of the returned `value` is now inferred from the types of the parameters in `useControlled`
diff --git a/chat/message-prompts/CHANGELOG.md b/chat/message-prompts/CHANGELOG.md
index c404d325c1..b3c5065d44 100644
--- a/chat/message-prompts/CHANGELOG.md
+++ b/chat/message-prompts/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @lg-chat/message-prompts
 
+## 4.1.0
+
+### Minor Changes
+
+- 9c44076: - [LG-5438](https://jira.mongodb.org/browse/LG-5438) add `onClickRefresh` prop which conditionally renders refresh button
+  - [LG-5440](https://jira.mongodb.org/browse/LG-5440) add `enableHideOnSelect` prop which causes fade/shrink transition when a prompt is selected. This is set to `true` by default.
+
 ## 4.0.6
 
 ### Patch Changes
diff --git a/chat/message-prompts/package.json b/chat/message-prompts/package.json
index c4663364e0..cf230becf7 100644
--- a/chat/message-prompts/package.json
+++ b/chat/message-prompts/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@lg-chat/message-prompts",
-  "version": "4.0.6",
+  "version": "4.1.0",
   "description": "LeafyGreen UI Kit Message Prompts",
   "main": "./dist/umd/index.js",
   "module": "./dist/esm/index.js",
diff --git a/packages/confirmation-modal/CHANGELOG.md b/packages/confirmation-modal/CHANGELOG.md
index a2a58b1eae..7259eff981 100644
--- a/packages/confirmation-modal/CHANGELOG.md
+++ b/packages/confirmation-modal/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @leafygreen-ui/confirmation-modal
 
+## 10.1.1
+
+### Patch Changes
+
+- fb93ebb: Update `@leafygreen-ui/modal` dependency to use version 20.1.1
+
 ## 10.1.0
 
 ### Minor Changes
diff --git a/packages/confirmation-modal/package.json b/packages/confirmation-modal/package.json
index d16c6f7e41..262c4ed8bd 100644
--- a/packages/confirmation-modal/package.json
+++ b/packages/confirmation-modal/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@leafygreen-ui/confirmation-modal",
-  "version": "10.1.0",
+  "version": "10.1.1",
   "description": "leafyGreen UI Kit Confirmation Modal",
   "main": "./dist/umd/index.js",
   "module": "./dist/esm/index.js",
diff --git a/packages/hooks/CHANGELOG.md b/packages/hooks/CHANGELOG.md
index cef519429a..f88b953b4b 100644
--- a/packages/hooks/CHANGELOG.md
+++ b/packages/hooks/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @leafygreen-ui/hooks
 
+## 9.2.1
+
+### Patch Changes
+
+- bab8e2a: The type of the returned `value` is now inferred from the types of the parameters in `useControlled`
+
 ## 9.2.0
 
 ### Minor Changes
diff --git a/packages/hooks/package.json b/packages/hooks/package.json
index 6da4b096fb..9dc284cd0e 100644
--- a/packages/hooks/package.json
+++ b/packages/hooks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@leafygreen-ui/hooks",
-  "version": "9.2.0",
+  "version": "9.2.1",
   "description": "LeafyGreen UI Kit Custom Hooks",
   "main": "./dist/umd/index.js",
   "module": "./dist/esm/index.js",
diff --git a/packages/marketing-modal/CHANGELOG.md b/packages/marketing-modal/CHANGELOG.md
index 5749627aea..b9abff9d9c 100644
--- a/packages/marketing-modal/CHANGELOG.md
+++ b/packages/marketing-modal/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @leafygreen-ui/marketing-modal
 
+## 8.1.1
+
+### Patch Changes
+
+- fb93ebb: Update `@leafygreen-ui/modal` dependency to use version 20.1.1
+
 ## 8.1.0
 
 ### Minor Changes
diff --git a/packages/marketing-modal/package.json b/packages/marketing-modal/package.json
index 1fe8f863d3..1e2d95cd27 100644
--- a/packages/marketing-modal/package.json
+++ b/packages/marketing-modal/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@leafygreen-ui/marketing-modal",
-  "version": "8.1.0",
+  "version": "8.1.1",
   "description": "leafyGreen UI Kit Marketing Modal",
   "main": "./dist/umd/index.js",
   "module": "./dist/esm/index.js",

From 5d8f337e79514829a8c75a800e75e4c0185c5625 Mon Sep 17 00:00:00 2001
From: Brooke Scarlett Yalof <brooke.yalof@mongodb.com>
Date: Mon, 13 Oct 2025 14:31:37 -0400
Subject: [PATCH 07/13] Fixes TextInput component types (#3197)

* fix text input

* runs fix

* fix mistake

* reset file
---
 .changeset/eleven-cars-obey.md                       |  5 +++++
 packages/text-area/src/TextArea/TextArea.spec.tsx    | 11 ++++++++---
 packages/text-input/src/TextInput/TextInput.spec.tsx |  9 ++++++---
 packages/text-input/src/TextInput/TextInput.types.ts |  2 +-
 4 files changed, 20 insertions(+), 7 deletions(-)
 create mode 100644 .changeset/eleven-cars-obey.md

diff --git a/.changeset/eleven-cars-obey.md b/.changeset/eleven-cars-obey.md
new file mode 100644
index 0000000000..8b2c6711ab
--- /dev/null
+++ b/.changeset/eleven-cars-obey.md
@@ -0,0 +1,5 @@
+---
+'@leafygreen-ui/text-input': patch
+---
+
+Fixes props such that component now accepts a properly typed `ref`
diff --git a/packages/text-area/src/TextArea/TextArea.spec.tsx b/packages/text-area/src/TextArea/TextArea.spec.tsx
index 4f981577dc..23a96caf33 100644
--- a/packages/text-area/src/TextArea/TextArea.spec.tsx
+++ b/packages/text-area/src/TextArea/TextArea.spec.tsx
@@ -182,9 +182,14 @@ describe('packages/text-area', () => {
     });
   });
 
-  /* eslint-disable jest/no-disabled-tests */
-  describe.skip('types behave as expected', () => {
-    test('TextArea throws error when neither aria-labelledby or label is supplied', () => {
+  describe('types behave as expected', () => {
+    test('TextArea takes a ref for a HTMLTextAreaElement', () => {
+      const ref = React.createRef<HTMLTextAreaElement>();
+      render(<TextArea label="Some label" ref={ref} />);
+    });
+
+    /* eslint-disable jest/no-disabled-tests */
+    test.skip('TextArea throws error when neither aria-labelledby or label is supplied', () => {
       // @ts-expect-error
       <TextArea />;
       <TextArea label="Some label" />;
diff --git a/packages/text-input/src/TextInput/TextInput.spec.tsx b/packages/text-input/src/TextInput/TextInput.spec.tsx
index 09a219f840..15b4f0239e 100644
--- a/packages/text-input/src/TextInput/TextInput.spec.tsx
+++ b/packages/text-input/src/TextInput/TextInput.spec.tsx
@@ -228,8 +228,12 @@ describe('packages/text-input', () => {
     });
   });
 
-  /* eslint-disable jest/no-disabled-tests */
-  describe.skip('types behave as expected', () => {
+  describe('types behave as expected', () => {
+    test('TextInput takes a ref for a HTMLInputElement', () => {
+      const ref = React.createRef<HTMLInputElement>();
+      render(<TextInput label="some label" ref={ref} />);
+    });
+
     test('TextInput throws error when no label is supplied', () => {
       // @ts-expect-error
       <TextInput />;
@@ -246,5 +250,4 @@ describe('packages/text-input', () => {
       <TextInput type="search" aria-labelledby="some label" />;
     });
   });
-  /* eslint-enable jest/no-disabled-tests */
 });
diff --git a/packages/text-input/src/TextInput/TextInput.types.ts b/packages/text-input/src/TextInput/TextInput.types.ts
index 8f253a4539..8fb16fed0c 100644
--- a/packages/text-input/src/TextInput/TextInput.types.ts
+++ b/packages/text-input/src/TextInput/TextInput.types.ts
@@ -70,7 +70,7 @@ interface TextInputTypeProp {
   type?: TextInputType;
 }
 export interface BaseTextInputProps
-  extends Omit<React.ComponentPropsWithoutRef<'input'>, AriaLabels>,
+  extends Omit<React.ComponentPropsWithRef<'input'>, AriaLabels>,
     DarkModeProps,
     LgIdProps {
   /**

From 0042205263aa6264d4049a6c6765eb7ae50892e9 Mon Sep 17 00:00:00 2001
From: Brooke Scarlett Yalof <brooke.yalof@mongodb.com>
Date: Mon, 13 Oct 2025 14:31:51 -0400
Subject: [PATCH 08/13] adds prop (#3203)

---
 .changeset/funny-fans-punch.md                           | 5 +++++
 .../InlineMessageFeedback/InlineMessageFeedback.spec.tsx | 9 +++++++++
 .../src/InlineMessageFeedback/InlineMessageFeedback.tsx  | 8 ++++++--
 .../InlineMessageFeedback/InlineMessageFeedback.types.ts | 6 ++++++
 4 files changed, 26 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/funny-fans-punch.md

diff --git a/.changeset/funny-fans-punch.md b/.changeset/funny-fans-punch.md
new file mode 100644
index 0000000000..f286552c46
--- /dev/null
+++ b/.changeset/funny-fans-punch.md
@@ -0,0 +1,5 @@
+---
+'@lg-chat/message-feedback': minor
+---
+
+Adds `disabledSend` prop to disable submit button
diff --git a/chat/message-feedback/src/InlineMessageFeedback/InlineMessageFeedback.spec.tsx b/chat/message-feedback/src/InlineMessageFeedback/InlineMessageFeedback.spec.tsx
index 836855de10..da915c906d 100644
--- a/chat/message-feedback/src/InlineMessageFeedback/InlineMessageFeedback.spec.tsx
+++ b/chat/message-feedback/src/InlineMessageFeedback/InlineMessageFeedback.spec.tsx
@@ -90,6 +90,15 @@ describe('packages/inline-message-feedback', () => {
           expect(cancelButton).toHaveAttribute('aria-disabled', 'true');
         }
       });
+
+      test('disables form elements when disabledSend prop is true', () => {
+        const { container } = render(
+          <InlineMessageFeedback {...defaultProps} disabledSend={true} />,
+        );
+
+        const submitButton = container.querySelector('button[type="submit"]');
+        expect(submitButton).toHaveAttribute('aria-disabled', 'true');
+      });
     });
 
     describe('error state', () => {
diff --git a/chat/message-feedback/src/InlineMessageFeedback/InlineMessageFeedback.tsx b/chat/message-feedback/src/InlineMessageFeedback/InlineMessageFeedback.tsx
index e8d9cbb99b..418e425582 100644
--- a/chat/message-feedback/src/InlineMessageFeedback/InlineMessageFeedback.tsx
+++ b/chat/message-feedback/src/InlineMessageFeedback/InlineMessageFeedback.tsx
@@ -12,7 +12,8 @@ import {
   Variant,
 } from '@lg-chat/leafygreen-chat-provider';
 
-import Button, {
+import {
+  Button,
   Size as ButtonSize,
   Variant as ButtonVariant,
 } from '@leafygreen-ui/button';
@@ -52,6 +53,7 @@ export const InlineMessageFeedback = forwardRef(
       submittedMessage = 'Submitted! Thanks for your feedback.',
       onSubmit: onSubmitProp,
       darkMode: darkModeProp,
+      disabledSend = false,
       onClose,
       textareaProps,
       errorMessage = 'Oops, please try again.',
@@ -170,7 +172,9 @@ export const InlineMessageFeedback = forwardRef(
                     type="submit"
                     variant={ButtonVariant[isCompact ? 'Default' : 'Primary']}
                     size={ButtonSize[isCompact ? 'Default' : 'Small']}
-                    disabled={!!hasEmptyTextarea || isSubmitting}
+                    disabled={
+                      !!hasEmptyTextarea || isSubmitting || disabledSend
+                    }
                     {...submitButtonProps}
                   >
                     {submitButtonText}
diff --git a/chat/message-feedback/src/InlineMessageFeedback/InlineMessageFeedback.types.ts b/chat/message-feedback/src/InlineMessageFeedback/InlineMessageFeedback.types.ts
index 1edec63751..8a1917b3b5 100644
--- a/chat/message-feedback/src/InlineMessageFeedback/InlineMessageFeedback.types.ts
+++ b/chat/message-feedback/src/InlineMessageFeedback/InlineMessageFeedback.types.ts
@@ -101,4 +101,10 @@ export type InlineMessageFeedbackProps = Required<
      * This is mainly for internal use as most instances of InlineMessageFeedback should be closed solely by onCancel.
      */
     onClose?: MouseEventHandler<HTMLButtonElement>;
+
+    /**
+     * Whether the submit button should be disabled
+     * @default false
+     */
+    disabledSend?: boolean;
   };

From e0c767ce0c7c2abc9eda5627798b41c462ac7770 Mon Sep 17 00:00:00 2001
From: Brooke Scarlett Yalof <brooke.yalof@mongodb.com>
Date: Mon, 13 Oct 2025 15:12:24 -0400
Subject: [PATCH 09/13] Updates title prop in Chart Card (#3213)

* update type

* expand scope of solution
---
 .changeset/fine-phones-marry.md                    | 5 +++++
 .changeset/light-crabs-stay.md                     | 5 +++++
 charts/chart-card/README.md                        | 2 +-
 charts/chart-card/src/ChartCard/ChartCard.types.ts | 2 +-
 charts/core/README.md                              | 2 +-
 charts/core/src/ChartHeader/ChartHeader.types.ts   | 2 +-
 6 files changed, 14 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/fine-phones-marry.md
 create mode 100644 .changeset/light-crabs-stay.md

diff --git a/.changeset/fine-phones-marry.md b/.changeset/fine-phones-marry.md
new file mode 100644
index 0000000000..7c80273a36
--- /dev/null
+++ b/.changeset/fine-phones-marry.md
@@ -0,0 +1,5 @@
+---
+'@lg-charts/chart-card': minor
+---
+
+Supports `React.ReactNode` as type for `title` prop
diff --git a/.changeset/light-crabs-stay.md b/.changeset/light-crabs-stay.md
new file mode 100644
index 0000000000..0ffe6bbee2
--- /dev/null
+++ b/.changeset/light-crabs-stay.md
@@ -0,0 +1,5 @@
+---
+'@lg-charts/core': minor
+---
+
+Updates `ChartHeader` component's `title` prop to accept a `React.ReactNode` rather than a `string`
diff --git a/charts/chart-card/README.md b/charts/chart-card/README.md
index 3a6270763f..bb10b3f400 100644
--- a/charts/chart-card/README.md
+++ b/charts/chart-card/README.md
@@ -38,7 +38,7 @@ import { Chart } from '@lg-charts/core';
 
 | Name                               | Description                                                                                                                                           | Type                                                    | Default |
 | ---------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------- | ------- |
-| `title`                            | The title to display in the chart header.                                                                                                             | `string`                                                |         |
+| `title`                            | The title to display in the chart header.                                                                                                             | `React.ReactNode`                                       |         |
 | `defaultOpen` _(optional)_         | Defines the default state of the card.                                                                                                                | `boolean`                                               | `true`  |
 | `isOpen` _(optional)_              | Forces the card state.                                                                                                                                | `boolean`                                               |         |
 | `onToggleButtonClick` _(optional)_ | Callback fired when a user clicks the open/close toggle button.                                                                                       | `(event: MouseEventHandler<HTMLButtonElement>) => void` |         |
diff --git a/charts/chart-card/src/ChartCard/ChartCard.types.ts b/charts/chart-card/src/ChartCard/ChartCard.types.ts
index 0e703e71c6..e52452074c 100644
--- a/charts/chart-card/src/ChartCard/ChartCard.types.ts
+++ b/charts/chart-card/src/ChartCard/ChartCard.types.ts
@@ -13,7 +13,7 @@ export interface ChartCardProps
   /**
    * The title of the card
    */
-  title: string;
+  title: React.ReactNode;
 
   /**
    * Defines the default state of the card
diff --git a/charts/core/README.md b/charts/core/README.md
index 3d35168ca3..b3f3d49f0e 100644
--- a/charts/core/README.md
+++ b/charts/core/README.md
@@ -122,7 +122,7 @@ Component for rendering a header in a chart.
 
 | Name                         | Description                                                                                                                                           | Type              | Default |
 | ---------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------- | ------- |
-| `title`                      | The title to display in the chart header.                                                                                                             | `string`          |         |
+| `title`                      | The title to display in the chart header.                                                                                                             | `React.ReactNode` |         |
 | `titleIcon` _(optional)_     | Content rendered immediately right of the title. Useful for quick contextual tooltips or other information concerning the title.                      | `React.ReactNode` |         |
 | `showDivider` _(optional)_   | When true, renders a dividing line on top of header. Useful when stacking charts, such as in a `ChartGroup`.                                          | `boolean`         |         |
 | `headerContent` _(optional)_ | Content that will be rendered to the right of the title. Useful for adding components such as `IconButton`'s that control functionality in the chart. | `React.ReactNode` |         |
diff --git a/charts/core/src/ChartHeader/ChartHeader.types.ts b/charts/core/src/ChartHeader/ChartHeader.types.ts
index f79b4c43c8..112ac3958d 100644
--- a/charts/core/src/ChartHeader/ChartHeader.types.ts
+++ b/charts/core/src/ChartHeader/ChartHeader.types.ts
@@ -5,7 +5,7 @@ export interface ChartHeaderProps
   /**
    * The title of the chart
    */
-  title: string;
+  title: React.ReactNode;
 
   /**
    * Icon to be rendered directly to the right of the title.

From b94ca6025008d00a5d46ee2ff2043fb8f8a16b19 Mon Sep 17 00:00:00 2001
From: Sophie Stadler <sophie.stadler@mongodb.com>
Date: Mon, 13 Oct 2025 18:54:43 -0400
Subject: [PATCH 10/13] Add children to Card type (#3220)

* Add children to Card type

* pnpm changeset

* Lint fix :-)
---
 .changeset/dull-geese-hang.md   | 5 +++++
 packages/card/README.md         | 1 +
 packages/card/src/Card/types.ts | 5 +++++
 3 files changed, 11 insertions(+)
 create mode 100644 .changeset/dull-geese-hang.md

diff --git a/.changeset/dull-geese-hang.md b/.changeset/dull-geese-hang.md
new file mode 100644
index 0000000000..3601d0ae78
--- /dev/null
+++ b/.changeset/dull-geese-hang.md
@@ -0,0 +1,5 @@
+---
+'@leafygreen-ui/card': patch
+---
+
+Add children to Card type
diff --git a/packages/card/README.md b/packages/card/README.md
index 0d0330130a..adf7f6801a 100644
--- a/packages/card/README.md
+++ b/packages/card/README.md
@@ -40,6 +40,7 @@ Card is a styled wrapper for the Box component. Any properties you would pass to
 
 | Prop           | Type                    | Description                                                       | Default                                                                 |
 | -------------- | ----------------------- | ----------------------------------------------------------------- | ----------------------------------------------------------------------- |
+| `children`     | `React.ReactNode`       | Content rendered inside of the `<Card />` component               |                                                                         |
 | `className`    | `string`                | Adds a className to the class attribute                           |                                                                         |
 | `contentStyle` | `'none'`, `'clickable'` | Whether the card should display as a visually clickable element.  | `'clickable'` when a valid `onClick` handler or `href` link is provided |
 | `darkMode`     | `boolean`               | Determines whether or not the component will appear in dark mode. | `false`                                                                 |
diff --git a/packages/card/src/Card/types.ts b/packages/card/src/Card/types.ts
index 9f942810c3..f3432b2092 100644
--- a/packages/card/src/Card/types.ts
+++ b/packages/card/src/Card/types.ts
@@ -12,6 +12,11 @@ export const ContentStyle = {
 export type ContentStyle = (typeof ContentStyle)[keyof typeof ContentStyle];
 
 export interface InternalCardProps extends DarkModeProps {
+  /**
+   * The content that will appear inside of the `<Card />` component.
+   */
+  children?: React.ReactNode;
+
   /**
    * Determines whether the Card should be styled as clickable.
    *

From 8f4889e4e800e7cb2722109467d38459bffe0a9d Mon Sep 17 00:00:00 2001
From: Adam Thompson <2414030+TheSonOfThomp@users.noreply.github.com>
Date: Tue, 14 Oct 2025 12:00:18 -0400
Subject: [PATCH 11/13] fix(Banner) Adds `Banner` named export (#3214)

* Banner named export

* update codemod

* codemod tests

* changesets

* update tests

* update readme
---
 .changeset/soft-horses-fail.md                           | 5 +++++
 .changeset/upset-seals-leave.md                          | 5 +++++
 packages/banner/src/index.ts                             | 9 ++++++++-
 tools/codemods/README.md                                 | 1 +
 .../named-exports/tests/multiple-packages.input.tsx      | 2 ++
 .../named-exports/tests/multiple-packages.output.tsx     | 2 ++
 tools/codemods/src/codemods/named-exports/transform.ts   | 1 +
 7 files changed, 24 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/soft-horses-fail.md
 create mode 100644 .changeset/upset-seals-leave.md

diff --git a/.changeset/soft-horses-fail.md b/.changeset/soft-horses-fail.md
new file mode 100644
index 0000000000..fd4e34a26d
--- /dev/null
+++ b/.changeset/soft-horses-fail.md
@@ -0,0 +1,5 @@
+---
+'@leafygreen-ui/banner': minor
+---
+
+Exports `{ Banner }` as named export
diff --git a/.changeset/upset-seals-leave.md b/.changeset/upset-seals-leave.md
new file mode 100644
index 0000000000..3b2fe8ac08
--- /dev/null
+++ b/.changeset/upset-seals-leave.md
@@ -0,0 +1,5 @@
+---
+'@lg-tools/codemods': patch
+---
+
+Adds `banner` to list of code-mod-able components for "named-exports" codemod
diff --git a/packages/banner/src/index.ts b/packages/banner/src/index.ts
index 6b64a1d321..553f12622a 100644
--- a/packages/banner/src/index.ts
+++ b/packages/banner/src/index.ts
@@ -1,2 +1,9 @@
-export { bannerChildrenContainerClassName, default } from './Banner';
+export {
+  bannerChildrenContainerClassName,
+  /**
+   * @deprecated Use named export `{ Banner }` instead. See [named-exports codemod documentation](https://github.com/mongodb/leafygreen-ui/tree/main/tools/codemods#named-exports) for migration assistance.
+   */
+  default,
+} from './Banner';
+export { default as Banner } from './Banner';
 export { type BannerProps, Variant } from './shared.types';
diff --git a/tools/codemods/README.md b/tools/codemods/README.md
index 41c37b5950..a0ad840d74 100644
--- a/tools/codemods/README.md
+++ b/tools/codemods/README.md
@@ -173,6 +173,7 @@ This codemod converts default imports to named imports for LeafyGreen UI compone
 By default, the codemod will apply for all below listed packages. Use the `--packages` flag to filter for a subset of these.
 
 - `@leafygreen-ui/badge`
+- `@leafygreen-ui/banner`
 - `@leafygreen-ui/button`
 - `@leafygreen-ui/callout`
 - `@leafygreen-ui/card`
diff --git a/tools/codemods/src/codemods/named-exports/tests/multiple-packages.input.tsx b/tools/codemods/src/codemods/named-exports/tests/multiple-packages.input.tsx
index e0b68651b4..f45bf89f41 100644
--- a/tools/codemods/src/codemods/named-exports/tests/multiple-packages.input.tsx
+++ b/tools/codemods/src/codemods/named-exports/tests/multiple-packages.input.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 
+import Banner from '@leafygreen-ui/banner';
 import Button from '@leafygreen-ui/button';
 import Checkbox from '@leafygreen-ui/checkbox';
 import Modal from '@leafygreen-ui/modal';
@@ -8,6 +9,7 @@ import Tooltip from '@leafygreen-ui/tooltip';
 const App = () => {
   return (
     <div>
+      <Banner>Banner Content</Banner>
       <Button>Click me</Button>
       <Modal open={false}>Modal content</Modal>
       <Checkbox checked={false}>Checkbox</Checkbox>
diff --git a/tools/codemods/src/codemods/named-exports/tests/multiple-packages.output.tsx b/tools/codemods/src/codemods/named-exports/tests/multiple-packages.output.tsx
index b079f4d01e..bab0034a6c 100644
--- a/tools/codemods/src/codemods/named-exports/tests/multiple-packages.output.tsx
+++ b/tools/codemods/src/codemods/named-exports/tests/multiple-packages.output.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 
+import { Banner } from '@leafygreen-ui/banner';
 import { Button } from '@leafygreen-ui/button';
 import { Checkbox } from '@leafygreen-ui/checkbox';
 import { Modal } from '@leafygreen-ui/modal';
@@ -8,6 +9,7 @@ import { Tooltip } from '@leafygreen-ui/tooltip';
 const App = () => {
   return (
     <div>
+      <Banner>Banner Content</Banner>
       <Button>Click me</Button>
       <Modal open={false}>Modal content</Modal>
       <Checkbox checked={false}>Checkbox</Checkbox>
diff --git a/tools/codemods/src/codemods/named-exports/transform.ts b/tools/codemods/src/codemods/named-exports/transform.ts
index 520037dd46..701380f422 100644
--- a/tools/codemods/src/codemods/named-exports/transform.ts
+++ b/tools/codemods/src/codemods/named-exports/transform.ts
@@ -6,6 +6,7 @@ import { hasNamedImport, mergeImportSpecifiers } from '../../utils/imports';
 
 const lgPackageComponentMap: Partial<Record<LGPackage, string>> = {
   [LGPackage.Badge]: 'Badge',
+  [LGPackage.Banner]: 'Banner',
   [LGPackage.Button]: 'Button',
   [LGPackage.Callout]: 'Callout',
   [LGPackage.Card]: 'Card',

From ab8a6ec9144078684c004e990260ee166573912f Mon Sep 17 00:00:00 2001
From: Brooke Scarlett Yalof <brooke.yalof@mongodb.com>
Date: Tue, 14 Oct 2025 13:45:24 -0400
Subject: [PATCH 12/13] LG-5613: Consistent Wedge Padding (#3222)

* fixed issue

* with changeset
---
 .changeset/spotty-socks-leave.md                           | 5 +++++
 packages/input-option/src/InputOption/InputOption.style.ts | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/spotty-socks-leave.md

diff --git a/.changeset/spotty-socks-leave.md b/.changeset/spotty-socks-leave.md
new file mode 100644
index 0000000000..5032bd5227
--- /dev/null
+++ b/.changeset/spotty-socks-leave.md
@@ -0,0 +1,5 @@
+---
+'@leafygreen-ui/input-option': minor
+---
+
+Changes wedge y-axsis padding from `8px` to `4px`
diff --git a/packages/input-option/src/InputOption/InputOption.style.ts b/packages/input-option/src/InputOption/InputOption.style.ts
index c4176647c3..1e770247d3 100644
--- a/packages/input-option/src/InputOption/InputOption.style.ts
+++ b/packages/input-option/src/InputOption/InputOption.style.ts
@@ -89,7 +89,7 @@ export const getInputOptionStyles = ({
 /** in px */
 const wedgeWidth = spacing[100];
 /** in px */
-const wedgePaddingY = spacing[200];
+const wedgePaddingY = spacing[100];
 
 export const getInputOptionWedge = ({
   disabled,

From 101728261ff0e147b2e193003ef2f388f06871c4 Mon Sep 17 00:00:00 2001
From: Terrence Keane <terrence.keane@mongodb.com>
Date: Tue, 14 Oct 2025 15:06:56 -0400
Subject: [PATCH 13/13] chore(ChartContext): Update test types to match actual
 API (#3217)

---
 .../src/ChartContext/ChartContext.spec.tsx    | 55 ++++++++++++-------
 1 file changed, 34 insertions(+), 21 deletions(-)

diff --git a/charts/core/src/ChartContext/ChartContext.spec.tsx b/charts/core/src/ChartContext/ChartContext.spec.tsx
index 4184dffc24..d8491d9514 100644
--- a/charts/core/src/ChartContext/ChartContext.spec.tsx
+++ b/charts/core/src/ChartContext/ChartContext.spec.tsx
@@ -3,19 +3,40 @@ import { render } from '@testing-library/react';
 
 import { renderHook } from '@leafygreen-ui/testing-lib';
 
+import { ChartInstance } from '../Chart/hooks/useChart.types';
+
 import { ChartContext, ChartProvider, useChartContext } from './ChartContext';
 
-const chartOptions = {};
-const updateChartOptions = jest.fn();
-const addChartSeries = jest.fn();
+const mockChartInstance: ChartInstance = {
+  id: 'test-chart',
+  ref: jest.fn(),
+  enableGroupTooltipSync: false,
+  state: undefined,
+  isChartHovered: false,
+  setTooltipMounted: jest.fn(),
+  tooltipPinned: false,
+  // EChartsInstance methods
+  _getEChartsInstance: jest.fn(),
+  _getOptions: jest.fn(),
+  addSeries: jest.fn(),
+  addToGroup: jest.fn(),
+  enableZoom: jest.fn(),
+  error: null,
+  hideTooltip: jest.fn(),
+  off: jest.fn(),
+  on: jest.fn(),
+  ready: true,
+  removeFromGroup: jest.fn(),
+  removeSeries: jest.fn(),
+  resize: jest.fn(),
+  setupZoomSelect: jest.fn(),
+  showTooltip: jest.fn(),
+  updateOptions: jest.fn(),
+};
 
 const ChartProviderMock = ({ children }: PropsWithChildren<{}>) => {
   return (
-    <ChartContext.Provider
-      //  TODO: Fix this test context @tsck
-      // @ts-expect-error - chartOptions is not defined in the ChartContextType
-      value={{ chartOptions, updateChartOptions, addChartSeries }}
-    >
+    <ChartContext.Provider value={{ chart: mockChartInstance }}>
       {children}
     </ChartContext.Provider>
   );
@@ -25,13 +46,7 @@ describe('lg-chart/core/ChartContext', () => {
   describe('ChartProvider', () => {
     test('renders children', async () => {
       const { getByTestId } = render(
-        <ChartProvider
-          // @ts-expect-error - chartOptions is not defined in the ChartContextType
-          chartOptions={{}}
-          updateChartOptions={() => {}}
-          addChartSeries={() => {}}
-          removeChartSeries={() => {}}
-        >
+        <ChartProvider chart={mockChartInstance}>
           <div data-testid="div" />
         </ChartProvider>,
       );
@@ -46,12 +61,10 @@ describe('lg-chart/core/ChartContext', () => {
       const { result } = renderHook(useChartContext, {
         wrapper: ChartProviderMock,
       });
-      // @ts-expect-error - chartOptions is not defined in the ChartContextType
-      const { chartOptions, updateChartOptions, addChartSeries } =
-        result.current;
-      expect(chartOptions).toBe(chartOptions);
-      expect(updateChartOptions).toBe(updateChartOptions);
-      expect(addChartSeries).toBe(addChartSeries);
+      const { chart } = result.current;
+      expect(chart).toBe(mockChartInstance);
+      expect(chart.id).toBe('test-chart');
+      expect(chart.enableGroupTooltipSync).toBe(false);
     });
   });
 });