Add folder to tsconfig, fix TS errors

packages/components/src/custom-select-control-new/custom-select-control-arrow/component.tsx

@@ -13,7 +13,7 @@ import { forwardRef } from '@wordpress/element';
  * Internal dependencies
  */
 import { useSelectControlArrow } from './hook';
-import { WordPressComponentProps } from '../../ui/context';
+import type { WordPressComponentProps } from '../../ui/context';
 import type { SelectControlArrowProps } from '../types';
 
 const UnforwardedSelectControlArrow = (

packages/components/src/custom-select-control-new/custom-select-control-arrow/hook.ts

@@ -9,7 +9,7 @@ import { useMemo } from '@wordpress/element';
 import * as styles from '../styles';
 import type { WordPressComponentProps } from '../../ui/context';
 import { useCx } from '../../utils/hooks/use-cx';
-import { SelectControlArrowProps } from '../types';
+import type { SelectControlArrowProps } from '../types';
 
 // TODO:
 // - should we allow polymorphism ?

packages/components/src/custom-select-control-new/custom-select-control-group-label/component.tsx

@@ -13,7 +13,7 @@ import { forwardRef } from '@wordpress/element';
  * Internal dependencies
  */
 import { useSelectControlGroupLabel } from './hook';
-import { WordPressComponentProps } from '../../ui/context';
+import type { WordPressComponentProps } from '../../ui/context';
 import type { SelectControlGroupLabelProps } from '../types';
 
 const UnforwardedSelectControlGroupLabel = (

packages/components/src/custom-select-control-new/custom-select-control-group-label/hook.ts

@@ -9,7 +9,7 @@ import { useMemo } from '@wordpress/element';
 import * as styles from '../styles';
 import type { WordPressComponentProps } from '../../ui/context';
 import { useCx } from '../../utils/hooks/use-cx';
-import { SelectControlGroupLabelProps } from '../types';
+import type { SelectControlGroupLabelProps } from '../types';
 
 // TODO:
 // - should we use 'option' instead of `div` for props inheritance?

packages/components/src/custom-select-control-new/custom-select-control-group/component.tsx

@@ -13,7 +13,7 @@ import { forwardRef } from '@wordpress/element';
  * Internal dependencies
  */
 import { useSelectControlGroup } from './hook';
-import { WordPressComponentProps } from '../../ui/context';
+import type { WordPressComponentProps } from '../../ui/context';
 import type { SelectControlGroupProps } from '../types';
 
 const UnforwardedSelectControlGroup = (

packages/components/src/custom-select-control-new/custom-select-control-group/hook.ts

@@ -9,7 +9,7 @@ import { useMemo } from '@wordpress/element';
 import * as styles from '../styles';
 import type { WordPressComponentProps } from '../../ui/context';
 import { useCx } from '../../utils/hooks/use-cx';
-import { SelectControlGroupProps } from '../types';
+import type { SelectControlGroupProps } from '../types';
 
 // TODO:
 // - should we allow polymorphism ?

packages/components/src/custom-select-control-new/custom-select-control-item/component.tsx

@@ -13,7 +13,7 @@ import { forwardRef } from '@wordpress/element';
  * Internal dependencies
  */
 import { useSelectControlItem } from './hook';
-import { WordPressComponentProps } from '../../ui/context';
+import type { WordPressComponentProps } from '../../ui/context';
 import type { SelectControlItemProps } from '../types';
 
 const UnforwardedSelectControlItem = (

packages/components/src/custom-select-control-new/custom-select-control-item/hook.ts

@@ -9,7 +9,7 @@ import { useMemo } from '@wordpress/element';
 import * as styles from '../styles';
 import type { WordPressComponentProps } from '../../ui/context';
 import { useCx } from '../../utils/hooks/use-cx';
-import { SelectControlItemProps } from '../types';
+import type { SelectControlItemProps } from '../types';
 
 // TODO:
 // - should we use 'option' instead of `div` for props inheritance?

packages/components/src/custom-select-control-new/custom-select-control-separator/component.tsx

@@ -13,7 +13,7 @@ import { forwardRef } from '@wordpress/element';
  * Internal dependencies
  */
 import { useSelectControlSeparator } from './hook';
-import { WordPressComponentProps } from '../../ui/context';
+import type { WordPressComponentProps } from '../../ui/context';
 import type { SelectControlSeparatorProps } from '../types';
 
 const UnforwardedSelectControlSeparator = (

packages/components/src/custom-select-control-new/custom-select-control-separator/hook.ts

@@ -9,7 +9,7 @@ import { useMemo } from '@wordpress/element';
 import * as styles from '../styles';
 import type { WordPressComponentProps } from '../../ui/context';
 import { useCx } from '../../utils/hooks/use-cx';
-import { SelectControlSeparatorProps } from '../types';
+import type { SelectControlSeparatorProps } from '../types';
 
 export const useSelectControlSeparator = ( {
 	className,

packages/components/src/custom-select-control-new/custom-select-control/component.tsx

@@ -12,9 +12,8 @@ import { forwardRef } from '@wordpress/element';
 /**
  * Internal dependencies
  */
-
 import { useSelectControl } from './hook';
-import { WordPressComponentProps } from '../../ui/context';
+import type { WordPressComponentProps } from '../../ui/context';
 import { CustomSelectControlItem, CustomSelectControlArrow } from '../';
 import type { SelectControlOption, SelectControlProps } from '../types';
 

packages/components/src/custom-select-control-new/custom-select-control/hook.ts

@@ -14,7 +14,7 @@ import { useMemo } from '@wordpress/element';
 import * as styles from '../styles';
 import type { WordPressComponentProps } from '../../ui/context';
 import { useCx } from '../../utils/hooks/use-cx';
-import { SelectControlProps } from '../types';
+import type { SelectControlProps } from '../types';
 
 // TODO:
 // - should we use 'select' instead of `div` for props inheritance?

packages/components/tsconfig.json

@@ -46,6 +46,7 @@
 		"src/color-palette/**/*",
 		"src/color-picker/**/*",
 		"src/confirm-dialog/**/*",
+		"src/custom-select-control-new/**/*",
 		"src/dashicon/**/*",
 		"src/date-time/**/*",
 		"src/disabled/**/*",