From 2c2d1ca2b16367948fe277b7d30ceab0ba6bb187 Mon Sep 17 00:00:00 2001
From: Harshit2405-2004 <virmaniharshit27@gmail.com>
Date: Sat, 7 Mar 2026 03:32:42 +0530
Subject: [PATCH] refactor(layout): replace deprecated default imports

---
 .changeset/form-page-layout.md                |  5 ++++
 .../src/components/FormPageLayout/Form.tsx    |  4 +--
 .../FormPageLayout/FormContainer.tsx          |  4 +--
 .../components/FormPageLayout/FormFooter.tsx  |  4 +--
 .../components/FormPageLayout/FormHeader.tsx  |  4 +--
 .../components/FormPageLayout/FormSteps.tsx   |  4 +--
 .../FormPageLayout/FormSubtitle.tsx           |  4 +--
 .../components/FormPageLayout/FormTitle.tsx   |  4 +--
 .../src/components/FormPageLayout/index.ts    | 27 +------------------
 9 files changed, 20 insertions(+), 40 deletions(-)
 create mode 100644 .changeset/form-page-layout.md

diff --git a/.changeset/form-page-layout.md b/.changeset/form-page-layout.md
new file mode 100644
index 0000000000..61afc63933
--- /dev/null
+++ b/.changeset/form-page-layout.md
@@ -0,0 +1,5 @@
+---
+'@rocket.chat/layout': patch
+---
+
+Replace deprecated default imports with named exports in FormPageLayout
diff --git a/packages/layout/src/components/FormPageLayout/Form.tsx b/packages/layout/src/components/FormPageLayout/Form.tsx
index e7c96e667d..333b4fd69e 100644
--- a/packages/layout/src/components/FormPageLayout/Form.tsx
+++ b/packages/layout/src/components/FormPageLayout/Form.tsx
@@ -2,7 +2,7 @@ import { Tile } from '@rocket.chat/fuselage';
 import type { ReactElement, FormHTMLAttributes, ReactNode } from 'react';
 import { forwardRef } from 'react';
 
-const Form = forwardRef<
+export const Form = forwardRef<
   HTMLElement,
   Omit<FormHTMLAttributes<HTMLFormElement>, 'is'> & {
     children: ReactNode;
@@ -23,4 +23,4 @@ const Form = forwardRef<
   ),
 );
 
-export default Form;
+
diff --git a/packages/layout/src/components/FormPageLayout/FormContainer.tsx b/packages/layout/src/components/FormPageLayout/FormContainer.tsx
index baf6e130be..edf383ce89 100644
--- a/packages/layout/src/components/FormPageLayout/FormContainer.tsx
+++ b/packages/layout/src/components/FormPageLayout/FormContainer.tsx
@@ -1,6 +1,6 @@
 import { Box } from '@rocket.chat/fuselage';
 import type { ComponentProps } from 'react';
 
-const FormContainer = (props: ComponentProps<typeof Box>) => <Box {...props} />;
+export const FormContainer = (props: ComponentProps<typeof Box>) => <Box {...props} />;
+
 
-export default FormContainer;
diff --git a/packages/layout/src/components/FormPageLayout/FormFooter.tsx b/packages/layout/src/components/FormPageLayout/FormFooter.tsx
index 1298b60455..1d31ff2b45 100644
--- a/packages/layout/src/components/FormPageLayout/FormFooter.tsx
+++ b/packages/layout/src/components/FormPageLayout/FormFooter.tsx
@@ -2,7 +2,7 @@ import { Box } from '@rocket.chat/fuselage';
 import type { FormHTMLAttributes, ReactNode } from 'react';
 import { forwardRef } from 'react';
 
-const FormFooter = forwardRef<
+export const FormFooter = forwardRef<
   HTMLElement,
   Omit<FormHTMLAttributes<HTMLElement>, 'is'> & {
     children: ReactNode;
@@ -19,4 +19,4 @@ const FormFooter = forwardRef<
   />
 ));
 
-export default FormFooter;
+
diff --git a/packages/layout/src/components/FormPageLayout/FormHeader.tsx b/packages/layout/src/components/FormPageLayout/FormHeader.tsx
index 7c5cf62021..797d6d1e85 100644
--- a/packages/layout/src/components/FormPageLayout/FormHeader.tsx
+++ b/packages/layout/src/components/FormPageLayout/FormHeader.tsx
@@ -2,11 +2,11 @@ import { Box } from '@rocket.chat/fuselage';
 import type { FormHTMLAttributes, ReactNode } from 'react';
 import { forwardRef } from 'react';
 
-const FormHeader = forwardRef<
+export const FormHeader = forwardRef<
   HTMLElement,
   Omit<FormHTMLAttributes<HTMLElement>, 'is'> & {
     children: ReactNode;
   }
 >((props, ref) => <Box is='header' mbe={24} {...props} ref={ref} />);
 
-export default FormHeader;
+
diff --git a/packages/layout/src/components/FormPageLayout/FormSteps.tsx b/packages/layout/src/components/FormPageLayout/FormSteps.tsx
index 54ce275dd6..05a8a8ca03 100644
--- a/packages/layout/src/components/FormPageLayout/FormSteps.tsx
+++ b/packages/layout/src/components/FormPageLayout/FormSteps.tsx
@@ -7,7 +7,7 @@ type FormStepsProps = {
   stepCount: number;
 };
 
-const FormSteps = ({
+export const FormSteps = ({
   currentStep,
   stepCount,
 }: FormStepsProps): ReactElement => {
@@ -20,4 +20,4 @@ const FormSteps = ({
   );
 };
 
-export default FormSteps;
+
diff --git a/packages/layout/src/components/FormPageLayout/FormSubtitle.tsx b/packages/layout/src/components/FormPageLayout/FormSubtitle.tsx
index dfdcc900f3..9aa9f56779 100644
--- a/packages/layout/src/components/FormPageLayout/FormSubtitle.tsx
+++ b/packages/layout/src/components/FormPageLayout/FormSubtitle.tsx
@@ -2,11 +2,11 @@ import { Box } from '@rocket.chat/fuselage';
 import type { FormHTMLAttributes, ReactNode } from 'react';
 import { forwardRef } from 'react';
 
-const FormSubtitle = forwardRef<
+export const FormSubtitle = forwardRef<
   HTMLElement,
   Omit<FormHTMLAttributes<HTMLElement>, 'is'> & {
     children: ReactNode;
   }
 >((props, ref) => <Box fontScale='p2' color='hint' {...props} ref={ref} />);
 
-export default FormSubtitle;
+
diff --git a/packages/layout/src/components/FormPageLayout/FormTitle.tsx b/packages/layout/src/components/FormPageLayout/FormTitle.tsx
index 9a29faa8c0..66c5aacd6b 100644
--- a/packages/layout/src/components/FormPageLayout/FormTitle.tsx
+++ b/packages/layout/src/components/FormPageLayout/FormTitle.tsx
@@ -2,7 +2,7 @@ import { Box } from '@rocket.chat/fuselage';
 import type { FormHTMLAttributes, ReactNode } from 'react';
 import { forwardRef } from 'react';
 
-const FormTitle = forwardRef<
+export const FormTitle = forwardRef<
   HTMLElement,
   Omit<FormHTMLAttributes<HTMLElement>, 'is'> & {
     children: ReactNode;
@@ -11,4 +11,4 @@ const FormTitle = forwardRef<
   <Box mbe={8} fontScale='h3' fontWeight={800} {...props} ref={ref} />
 ));
 
-export default FormTitle;
+
diff --git a/packages/layout/src/components/FormPageLayout/index.ts b/packages/layout/src/components/FormPageLayout/index.ts
index 9af153ae9b..6848d20c41 100644
--- a/packages/layout/src/components/FormPageLayout/index.ts
+++ b/packages/layout/src/components/FormPageLayout/index.ts
@@ -7,32 +7,7 @@ import FormSteps from './FormSteps';
 import FormSubtitle from './FormSubtitle';
 import FormTitle from './FormTitle';
 
-export default Object.assign(Form, {
-  /**
-   * @deprecated prefer using named imports
-   * */
-  Header: FormHeader,
-  /**
-   * @deprecated prefer using named imports
-   * */
-  Steps: FormSteps,
-  /**
-   * @deprecated prefer using named imports
-   * */
-  Title: FormTitle,
-  /**
-   * @deprecated prefer using named imports
-   * */
-  Subtitle: FormSubtitle,
-  /**
-   * @deprecated prefer using named imports
-   * */
-  Container: FormContainer,
-  /**
-   * @deprecated prefer using named imports
-   * */
-  Footer: FormFooter,
-});
+
 
 export {
   Form,