chore: move types to separate files

app/client/packages/design-system/ads/src/DismissibleTab/DismissibleTab.tsx

@@ -7,14 +7,7 @@ import { Icon } from "..";
 import * as Styled from "./DismissibleTab.styles";
 import { DATA_TEST_ID } from "./constants";
 
-export interface DismissibleTabProps {
-  children: React.ReactNode;
-  dataTestId?: string;
-  isActive: boolean;
-  onClick: () => void;
-  onClose: (e: React.MouseEvent) => void;
-  onDoubleClick?: () => void;
-}
+import type { DismissibleTabProps } from "./DismissibleTab.types";
 
 export const DismissibleTab = ({
   children,

app/client/packages/design-system/ads/src/DismissibleTab/DismissibleTab.types.ts

@@ -0,0 +1,10 @@
+import type React from "react";
+
+export interface DismissibleTabProps {
+  children: React.ReactNode;
+  dataTestId?: string;
+  isActive: boolean;
+  onClick: () => void;
+  onClose: (e: React.MouseEvent) => void;
+  onDoubleClick?: () => void;
+}

app/client/packages/design-system/ads/src/DismissibleTab/index.ts

@@ -1,2 +1,2 @@
 export { DismissibleTab } from "./DismissibleTab";
-export type { DismissibleTabProps } from "./DismissibleTab";
+export type { DismissibleTabProps } from "./DismissibleTab.types";

app/client/packages/design-system/ads/src/Templates/EditableDismissibleTab/EditableDismissibleTab.tsx

@@ -5,18 +5,7 @@ import { useBoolean } from "usehooks-ts";
 import { DismissibleTab } from "../..";
 import { EditableEntityName } from "..";
 
-interface EditableDismissibleTabProps {
-  dataTestId?: string;
-  icon: React.ReactNode;
-  isActive: boolean;
-  isEditable?: boolean;
-  isLoading: boolean;
-  name: string;
-  onClick: () => void;
-  onClose: () => void;
-  onNameSave: (name: string) => void;
-  validateName: (name: string) => string | null;
-}
+import type { EditableDismissibleTabProps } from "./EditableDismissibleTab.types";
 
 export const EditableDismissibleTab = (props: EditableDismissibleTabProps) => {
   const {

app/client/packages/design-system/ads/src/Templates/EditableDismissibleTab/EditableDismissibleTab.types.ts

@@ -0,0 +1,14 @@
+import type React from "react";
+
+export interface EditableDismissibleTabProps {
+  dataTestId?: string;
+  icon: React.ReactNode;
+  isActive: boolean;
+  isEditable?: boolean;
+  isLoading: boolean;
+  name: string;
+  onClick: () => void;
+  onClose: () => void;
+  onNameSave: (name: string) => void;
+  validateName: (name: string) => string | null;
+}

app/client/packages/design-system/ads/src/Templates/EditableEntityName/EditableEntityName.tsx

@@ -5,16 +5,7 @@ import { useEditableText } from "../../__hooks__";
 
 import * as Styled from "./EditableEntityName.styles";
 
-interface EditableTextProps {
-  icon: React.ReactNode;
-  inputTestId?: string;
-  isEditing: boolean;
-  isLoading?: boolean;
-  name: string;
-  onExitEditing: () => void;
-  onNameSave: (name: string) => void;
-  validateName: (name: string) => string | null;
-}
+import type { EditableEntityNameProps } from "./EditableEntityName.types";
 
 export const EditableEntityName = ({
   icon,
@@ -25,7 +16,7 @@ export const EditableEntityName = ({
   onExitEditing,
   onNameSave,
   validateName,
-}: EditableTextProps) => {
+}: EditableEntityNameProps) => {
   const [
     inputRef,
     editableName,

app/client/packages/design-system/ads/src/Templates/EditableEntityName/EditableEntityName.types.ts

@@ -0,0 +1,12 @@
+import type React from "react";
+
+export interface EditableEntityNameProps {
+  icon: React.ReactNode;
+  inputTestId?: string;
+  isEditing: boolean;
+  isLoading?: boolean;
+  name: string;
+  onExitEditing: () => void;
+  onNameSave: (name: string) => void;
+  validateName: (name: string) => string | null;
+}