@kaizen/components 1.68.13 → 1.69.1

package/src/Filter/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.tsx

@@ -1,19 +1,19 @@
-import React, { HTMLAttributes } from 'react'
+import React, { type HTMLAttributes } from 'react'
 import classnames from 'classnames'
 import type { Locale } from 'date-fns'
 import {
   DateInput,
   DateInputDescription,
-  DateInputDescriptionProps,
-  DateInputProps,
+  type DateInputDescriptionProps,
+  type DateInputProps,
 } from '~components/DateInput'
 import { FieldMessage } from '~components/FieldMessage'
 import { VisuallyHidden } from '~components/VisuallyHidden'
-import { OverrideClassName } from '~components/types/OverrideClassName'
+import { type OverrideClassName } from '~components/types/OverrideClassName'
 import { isRefObject } from '~components/utils/isRefObject'
 import {
   DateRangeValidationMessage,
-  DateRangeValidationMessageProps,
+  type DateRangeValidationMessageProps,
 } from '../DateRangeValidationMessage'
 import styles from './DateRangeInputField.module.scss'
 

package/src/Filter/FilterDateRangePicker/subcomponents/DateRangeValidationMessage/DateRangeValidationMessage.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { FieldMessage } from '~components/FieldMessage'
-import { DateRangeFieldValidationMessage } from '../FilterDateRangePickerField/types'
+import { type DateRangeFieldValidationMessage } from '../FilterDateRangePickerField/types'
 import styles from './DateRangeValidationMessage.module.scss'
 
 export type DateRangeValidationMessageProps = {

package/src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/FilterDateRangePickerField.spec.tsx

@@ -1,9 +1,9 @@
 import React, { useState } from 'react'
-import { screen, waitFor, within, render } from '@testing-library/react'
+import { render, screen, waitFor, within } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import { vi } from 'vitest'
-import { DateRange } from '~components/Calendar'
-import { FilterDateRangePickerField, FilterDateRangePickerFieldProps } from '.'
+import { type DateRange } from '~components/Calendar'
+import { FilterDateRangePickerField, type FilterDateRangePickerFieldProps } from '.'
 
 const user = userEvent.setup()
 

package/src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/FilterDateRangePickerField.tsx

@@ -1,25 +1,25 @@
-import React, { useEffect, HTMLAttributes, useReducer } from 'react'
+import React, { useEffect, useReducer, type HTMLAttributes } from 'react'
 import { useIntl } from '@cultureamp/i18n-react-intl'
 import classnames from 'classnames'
 import {
   CalendarRange,
-  CalendarRangeProps,
-  DateRange,
-  DisabledDays,
   formatDateAsText,
   isInvalidDate,
   parseDateFromTextFormatValue,
+  type CalendarRangeProps,
+  type DateRange,
+  type DisabledDays,
 } from '~components/Calendar'
-import { DatePickerSupportedLocales, getLocale } from '~components/DatePicker/utils/getLocale'
-import { DateValidationResponse } from '~components/Filter/FilterDatePicker'
+import { getLocale, type DatePickerSupportedLocales } from '~components/DatePicker/utils/getLocale'
+import { type DateValidationResponse } from '~components/Filter/FilterDatePicker'
 import { useDateInputHandlers } from '~components/Filter/FilterDatePicker/hooks/useDateInputHandlers'
-import { DataAttributes } from '~components/types/DataAttributes'
-import { OverrideClassName } from '~components/types/OverrideClassName'
-import { DateRangeInputField, DateRangeInputFieldProps } from '../DateRangeInputField'
+import { type DataAttributes } from '~components/types/DataAttributes'
+import { type OverrideClassName } from '~components/types/OverrideClassName'
+import { DateRangeInputField, type DateRangeInputFieldProps } from '../DateRangeInputField'
 import { filterDatePickerFieldReducer } from './filterDateRangePickerFieldReducer'
 import { useEndDateValidation } from './hooks/useEndDateValidation'
 import { useStartDateValidation } from './hooks/useStartDateValidation'
-import { DateRangeFieldValidationMessage } from './types'
+import { type DateRangeFieldValidationMessage } from './types'
 import { isValidRange } from './utils/isValidRange'
 import styles from './FilterDateRangePickerField.module.scss'
 

package/src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useEndDateValidation.spec.ts

@@ -1,5 +1,5 @@
 import { act } from 'react'
-import { waitFor, renderHook, render } from '@testing-library/react'
+import { render, renderHook, waitFor } from '@testing-library/react'
 import { useEndDateValidation } from './useEndDateValidation'
 
 describe('useEndDateValidation()', () => {

package/src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useEndDateValidation.ts

@@ -1,11 +1,11 @@
 import {
   useDateValidation,
-  UseDateValidationArgs,
-  ValidationMessage,
+  type UseDateValidationArgs,
+  type ValidationMessage,
 } from '~components/Filter/FilterDatePicker'
 import {
   validateEndDateBeforeStartDate,
-  ValidateEndDateBeforeStartDateArgs,
+  type ValidateEndDateBeforeStartDateArgs,
 } from '../utils/validateEndDateBeforeStartDate'
 
 export type UseEndDateValidationArgs = UseDateValidationArgs

package/src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useStartDateValidation.spec.ts

@@ -1,5 +1,5 @@
 import { act } from 'react'
-import { waitFor, renderHook, render } from '@testing-library/react'
+import { render, renderHook, waitFor } from '@testing-library/react'
 import { useStartDateValidation } from './useStartDateValidation'
 
 describe('useStartDateValidation()', () => {

package/src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useStartDateValidation.ts

@@ -1,7 +1,7 @@
 import {
   useDateValidation,
-  UseDateValidationArgs,
-  ValidationMessage,
+  type UseDateValidationArgs,
+  type ValidationMessage,
 } from '~components/Filter/FilterDatePicker'
 
 export type UseStartDateValidationArgs = UseDateValidationArgs

package/src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/types.ts

@@ -1,4 +1,4 @@
-import { ValidationMessage } from '~components/Filter/FilterDatePicker'
+import { type ValidationMessage } from '~components/Filter/FilterDatePicker'
 
 export type DateRangeFieldValidationMessage = {
   dateStart?: ValidationMessage

package/src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/validateEndDateBeforeStartDate.spec.ts

@@ -1,4 +1,4 @@
-import { screen, waitFor, render } from '@testing-library/react'
+import { render, screen, waitFor } from '@testing-library/react'
 import { validateEndDateBeforeStartDate } from './validateEndDateBeforeStartDate'
 
 describe('validateEndDateBeforeStartDate()', () => {

package/src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/validateEndDateBeforeStartDate.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { FormattedMessage } from '@cultureamp/i18n-react-intl'
-import { DateValidationResponse } from '~components/Filter/FilterDatePicker'
+import { type DateValidationResponse } from '~components/Filter/FilterDatePicker'
 import { getNodeText } from '~components/utils/getNodeText'
 import { isValidRange } from './isValidRange'
 

package/src/Filter/FilterDateRangePicker/utils/isCompleteDateRange.ts

@@ -1,4 +1,4 @@
-import { DateRange } from '~components/Calendar'
+import { type DateRange } from '~components/Calendar'
 
 export const isCompleteDateRange = (
   dateRange: DateRange | undefined,

package/src/Filter/FilterMultiSelect/FilterMultiSelect.spec.tsx

@@ -1,9 +1,9 @@
 import React, { useState } from 'react'
-import { Selection } from '@react-types/shared'
-import { waitFor, render } from '@testing-library/react'
+import { type Selection } from '@react-types/shared'
+import { render, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import { FilterMultiSelect, FilterMultiSelectProps } from './FilterMultiSelect'
-import { ItemType } from './types'
+import { FilterMultiSelect, type FilterMultiSelectProps } from './FilterMultiSelect'
+import { type ItemType } from './types'
 import { getSelectedOptionLabels } from './utils'
 
 const user = userEvent.setup()

package/src/Filter/FilterMultiSelect/FilterMultiSelect.tsx

@@ -1,26 +1,26 @@
 import React from 'react'
-import { SelectionMode, Selection } from '@react-types/shared'
+import { type Selection, type SelectionMode } from '@react-types/shared'
 import {
   MenuTriggerConsumer,
   MenuTriggerProvider,
-  MenuTriggerProviderContextType,
-  MenuTriggerProviderProps,
   SelectionConsumer,
   SelectionProvider,
-  SelectionProviderContextType,
+  type MenuTriggerProviderContextType,
+  type MenuTriggerProviderProps,
+  type SelectionProviderContextType,
 } from './context'
 import { ListBox } from './subcomponents/ListBox'
 import { ListBoxSection } from './subcomponents/ListBoxSection'
 import { LoadMoreButton } from './subcomponents/LoadMoreButton'
 import { MenuFooter, MenuLoadingSkeleton } from './subcomponents/MenuLayout'
-import { MenuPopup, MenuPopupProps } from './subcomponents/MenuPopup'
+import { MenuPopup, type MenuPopupProps } from './subcomponents/MenuPopup'
 import { MultiSelectOption } from './subcomponents/MultiSelectOption'
 import { NoResults } from './subcomponents/NoResults'
 import { SearchInput } from './subcomponents/SearchInput'
 import { SectionDivider } from './subcomponents/SectionDivider'
 import { ClearButton, SelectAllButton } from './subcomponents/SelectionControlButton'
 import { FilterTriggerButton, RemovableFilterTrigger } from './subcomponents/Trigger'
-import { ItemType } from './types'
+import { type ItemType } from './types'
 
 type SelectionProps = {
   label: string // provide A11y context for listbox

package/src/Filter/FilterMultiSelect/_docs/FilterMultiSelect.stories.tsx

@@ -10,7 +10,7 @@ import { mockItems } from './MockData'
 const IS_CHROMATIC = isChromatic()
 
 const meta = {
-  title: 'Components/Filter Multi-Select',
+  title: 'Components/FilterMultiSelect',
   component: FilterMultiSelect,
   parameters: {
     docs: {

package/src/Filter/FilterMultiSelect/_docs/MockData.ts

@@ -1,4 +1,4 @@
-import { ItemType } from '../types'
+import { type ItemType } from '../types'
 
 export const mockItems: ItemType[] = [
   { label: 'Front-End', value: 'id-fe', count: '1245' },

package/src/Filter/FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.spec.tsx

@@ -4,7 +4,7 @@ import userEvent from '@testing-library/user-event'
 import { vi } from 'vitest'
 import { FilterTriggerButton } from '~components/Filter/FilterMultiSelect/subcomponents/Trigger'
 import { MenuPopup } from '../../subcomponents/MenuPopup'
-import { MenuTriggerProvider, MenuTriggerProviderProps } from './MenuTriggerProvider'
+import { MenuTriggerProvider, type MenuTriggerProviderProps } from './MenuTriggerProvider'
 
 const user = userEvent.setup()
 

package/src/Filter/FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.tsx

@@ -1,8 +1,8 @@
-import React, { ButtonHTMLAttributes, HTMLAttributes, useContext, useRef } from 'react'
+import React, { useContext, useRef, type ButtonHTMLAttributes, type HTMLAttributes } from 'react'
 import { useButton } from '@react-aria/button'
-import { AriaMenuOptions, useMenuTrigger } from '@react-aria/menu'
-import { MenuTriggerState, useMenuTriggerState } from '@react-stately/menu'
-import { ItemType } from '../../types'
+import { useMenuTrigger, type AriaMenuOptions } from '@react-aria/menu'
+import { useMenuTriggerState, type MenuTriggerState } from '@react-stately/menu'
+import { type ItemType } from '../../types'
 
 export type MenuTriggerProviderProps = {
   isOpen?: boolean

package/src/Filter/FilterMultiSelect/context/SelectionProvider/SelectionProvider.spec.tsx

@@ -1,15 +1,15 @@
 import React, { useState } from 'react'
 import { StaticIntlProvider } from '@cultureamp/i18n-react-intl'
-import { Selection } from '@react-types/shared'
-import { screen, waitFor, render } from '@testing-library/react'
+import { type Selection } from '@react-types/shared'
+import { render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import { vi } from 'vitest'
 import { FilterMultiSelect } from '../../FilterMultiSelect'
 import { ListBox } from '../../subcomponents/ListBox'
 import { SearchInput } from '../../subcomponents/SearchInput'
 import { ClearButton, SelectAllButton } from '../../subcomponents/SelectionControlButton'
-import { ItemType } from '../../types'
-import { SelectionProvider, SelectionProviderProps } from './SelectionProvider'
+import { type ItemType } from '../../types'
+import { SelectionProvider, type SelectionProviderProps } from './SelectionProvider'
 
 const user = userEvent.setup()
 

package/src/Filter/FilterMultiSelect/context/SelectionProvider/SelectionProvider.tsx

@@ -1,10 +1,10 @@
-import React, { HTMLAttributes, useCallback, useContext, useState } from 'react'
+import React, { useCallback, useContext, useState, type HTMLAttributes } from 'react'
 import { useListBox } from '@react-aria/listbox'
 import { Item } from '@react-stately/collections'
-import { ListState, useListState } from '@react-stately/list'
-import { SelectionMode, Selection } from '@react-types/shared'
+import { useListState, type ListState } from '@react-stately/list'
+import { type Selection, type SelectionMode } from '@react-types/shared'
 import { VisuallyHidden } from '~components/VisuallyHidden'
-import { ItemType, MultiSelectItem } from '../../types'
+import { type ItemType, type MultiSelectItem } from '../../types'
 import { useMenuTriggerContext } from '../MenuTriggerProvider'
 
 export type SelectionProviderProps = {

package/src/Filter/FilterMultiSelect/subcomponents/ListBox/ListBox.tsx

@@ -1,8 +1,8 @@
-import React, { useState, useEffect } from 'react'
-import { Collection, Key } from '@react-types/shared'
+import React, { useEffect, useState } from 'react'
+import { type Collection, type Key } from '@react-types/shared'
 import classnames from 'classnames'
 import { useSelectionContext } from '../../context/SelectionProvider'
-import { MultiSelectItem } from '../../types'
+import { type MultiSelectItem } from '../../types'
 import styles from './ListBox.module.scss'
 
 export type ListBoxItems = {

package/src/Filter/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.tsx

@@ -1,6 +1,6 @@
-import React, { ReactNode, useId } from 'react'
+import React, { useId, type ReactNode } from 'react'
 import { VisuallyHidden } from '~components/VisuallyHidden'
-import { MultiSelectItem } from '../../types'
+import { type MultiSelectItem } from '../../types'
 import styles from './ListBoxSection.module.scss'
 
 type SectionNameProps = {

package/src/Filter/FilterMultiSelect/subcomponents/LoadMoreButton/LoadMoreButton.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Button, ButtonProps } from '~components/__actions__/v2'
+import { Button, type ButtonProps } from '~components/Button'
 import styles from './LoadMoreButton.module.scss'
 
 export type LoadMoreButtonProps = ButtonProps

package/src/Filter/FilterMultiSelect/subcomponents/MenuPopup/MenuPopup.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { FocusScope } from '@react-aria/focus'
-import { useOverlay, DismissButton } from '@react-aria/overlays'
+import { DismissButton, useOverlay } from '@react-aria/overlays'
 import { useMenuTriggerContext } from '../../context'
 import styles from './MenuPopup.module.scss'
 

package/src/Filter/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.spec.tsx

@@ -3,9 +3,9 @@
 import React from 'react'
 import { useOption } from '@react-aria/listbox'
 import { render, screen } from '@testing-library/react'
-import { vi, beforeEach, Mock } from 'vitest'
-import { ItemType } from '../../types'
-import { MultiSelectOption, MultiSelectOptionProps } from './MultiSelectOption'
+import { beforeEach, vi, type Mock } from 'vitest'
+import { type ItemType } from '../../types'
+import { MultiSelectOption, type MultiSelectOptionProps } from './MultiSelectOption'
 import styles from './MultiSelectOption.module.scss'
 
 vi.mock('@react-aria/listbox', () => ({

package/src/Filter/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.tsx

@@ -5,9 +5,9 @@ import { mergeProps } from '@react-aria/utils'
 import classnames from 'classnames'
 import { Badge } from '~components/Badge'
 import { VisuallyHidden } from '~components/VisuallyHidden'
-import { Icon } from '~components/__future__/Icon'
+import { Icon } from '~components/__rc__/Icon'
 import { useSelectionContext } from '../../context'
-import { MultiSelectItem } from '../../types'
+import { type MultiSelectItem } from '../../types'
 import styles from './MultiSelectOption.module.scss'
 
 export interface MultiSelectOptionProps {

package/src/Filter/FilterMultiSelect/subcomponents/NoResults/NoResults.tsx

@@ -1,4 +1,4 @@
-import React, { HTMLAttributes } from 'react'
+import React, { type HTMLAttributes } from 'react'
 import { Text } from '~components/Text'
 import styles from './NoResults.module.scss'
 

package/src/Filter/FilterMultiSelect/subcomponents/SearchInput/SearchInput.spec.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
-import { screen, waitFor, render } from '@testing-library/react'
+import { render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import { vi, Mock } from 'vitest'
+import { vi, type Mock } from 'vitest'
 import { useSelectionContext } from '../../context'
 import { SearchInput } from '.'
 

package/src/Filter/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.spec.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import { Mock, vi } from 'vitest'
+import { vi, type Mock } from 'vitest'
 import { useSelectionContext } from '../../../context'
 import { ClearButton } from '.'
 const user = userEvent.setup()

package/src/Filter/FilterMultiSelect/subcomponents/SelectionControlButton/SelectAllButton/SelectAllButton.spec.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import { Mock, vi } from 'vitest'
+import { vi, type Mock } from 'vitest'
 import { useSelectionContext } from '../../../context'
 import { SelectAllButton } from '.'
 const user = userEvent.setup()

package/src/Filter/FilterMultiSelect/subcomponents/Trigger/FilterTriggerButton/FilterTriggerButton.tsx

@@ -1,5 +1,5 @@
 import React, { useRef } from 'react'
-import { FilterTriggerRef } from '~components/Filter/Filter'
+import { type FilterTriggerRef } from '~components/Filter/Filter'
 import { FilterButton } from '~components/Filter/FilterButton'
 import { useMenuTriggerContext } from '../../../context'
 import { getTruncatedLabels } from '../../../utils'

package/src/Filter/FilterMultiSelect/subcomponents/Trigger/RemovableFilterTrigger/RemovableFilterTrigger.tsx

@@ -1,10 +1,10 @@
 import React, { useRef } from 'react'
 import classnames from 'classnames'
-import { FilterTriggerRef } from '~components/Filter/Filter'
+import { type FilterTriggerRef } from '~components/Filter/Filter'
 import { FilterButtonRemovable } from '~components/Filter/FilterButton'
 import { useMenuTriggerContext } from '../../../context'
 import { getTruncatedLabels } from '../../../utils'
-import { FilterTriggerButtonProps } from '../FilterTriggerButton'
+import { type FilterTriggerButtonProps } from '../FilterTriggerButton'
 import styles from './RemovableFilterTrigger.module.css'
 
 export type RemovableFilterTriggerProps = FilterTriggerButtonProps & {

package/src/Filter/FilterMultiSelect/types.ts

@@ -1,4 +1,4 @@
-import { Key, Node } from '@react-types/shared'
+import { type Key, type Node } from '@react-types/shared'
 
 export type ItemType = {
   label: string

package/src/Filter/FilterMultiSelect/utils/getSelectedOptionKeys.spec.ts

@@ -1,4 +1,4 @@
-import { ItemType } from '../types'
+import { type ItemType } from '../types'
 import { getSelectedOptionKeys } from './getSelectedOptionKeys'
 
 const itemsMock: ItemType[] = [

package/src/Filter/FilterMultiSelect/utils/getSelectedOptionKeys.ts

@@ -1,5 +1,5 @@
-import { Key, Selection } from '@react-types/shared'
-import { ItemType } from '../types'
+import { type Key, type Selection } from '@react-types/shared'
+import { type ItemType } from '../types'
 
 export const getSelectedOptionKeys = (keys?: Selection, items?: ItemType[]): Key[] => {
   if (!keys || !items) {

package/src/Filter/FilterMultiSelect/utils/getSelectedOptionLabels.spec.ts

@@ -1,4 +1,4 @@
-import { ItemType } from '../types'
+import { type ItemType } from '../types'
 import { getSelectedOptionLabels } from './getSelectedOptionLabels'
 
 const itemsMock: ItemType[] = [

package/src/Filter/FilterMultiSelect/utils/getSelectedOptionLabels.ts

@@ -1,5 +1,5 @@
-import { Selection } from '@react-types/shared'
-import { ItemType } from '../types'
+import { type Selection } from '@react-types/shared'
+import { type ItemType } from '../types'
 
 export const getSelectedOptionLabels = (keys?: Selection, items?: ItemType[]): string[] => {
   if (!keys || !items) {

package/src/Filter/FilterSelect/FilterSelect.spec.tsx

@@ -2,9 +2,9 @@ import React, { useState } from 'react'
 import { render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import { FilterButton } from '~components/Filter/FilterButton'
-import { FilterSelect, FilterSelectProps } from './FilterSelect'
+import { FilterSelect, type FilterSelectProps } from './FilterSelect'
 import { mixedMockItemsUnordered, singleMockItems } from './_docs/mockData'
-import { SelectOption } from './types'
+import { type SelectOption } from './types'
 
 const user = userEvent.setup()
 

package/src/Filter/FilterSelect/FilterSelect.tsx

@@ -1,22 +1,22 @@
 import React, { useState } from 'react'
 import { useButton } from '@react-aria/button'
 import { HiddenSelect, useSelect } from '@react-aria/select'
-import { useSelectState, SelectProps as AriaSelectProps } from '@react-stately/select'
+import { useSelectState, type SelectProps as AriaSelectProps } from '@react-stately/select'
 import { Filter, FilterContents } from '~components/Filter/Filter'
-import { FilterButtonProps } from '~components/Filter/FilterButton'
-import { SelectProvider } from '~components/__future__/Select/context'
+import { type FilterButtonProps } from '~components/Filter/FilterButton'
+import { SelectProvider } from '~components/__rc__/Select/context'
 import {
   ListBoxSection,
   ListItem,
   Option,
   SectionDivider,
   SelectPopoverContents,
-  SelectPopoverContentsProps,
-} from '~components/__future__/Select/subcomponents'
-import { getDisabledKeysFromItems } from '~components/__future__/Select/utils/getDisabledKeysFromItems'
-import { transformSelectItemToCollectionElement } from '~components/__future__/Select/utils/transformSelectItemToCollectionElement'
-import { OverrideClassName } from '~components/types/OverrideClassName'
-import { SelectItem, SelectOption } from './types'
+  type SelectPopoverContentsProps,
+} from '~components/__rc__/Select/subcomponents'
+import { getDisabledKeysFromItems } from '~components/__rc__/Select/utils/getDisabledKeysFromItems'
+import { transformSelectItemToCollectionElement } from '~components/__rc__/Select/utils/transformSelectItemToCollectionElement'
+import { type OverrideClassName } from '~components/types/OverrideClassName'
+import { type SelectItem, type SelectOption } from './types'
 import styles from './FilterSelect.module.scss'
 
 type OmittedAriaSelectProps =

package/src/Filter/FilterSelect/_docs/FilterSelect.stickersheet.stories.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react'
-import { Meta } from '@storybook/react'
+import { type Meta } from '@storybook/react'
 import isChromatic from 'chromatic'
-import { StickerSheet, StickerSheetStory } from '~storybook/components/StickerSheet'
+import { StickerSheet, type StickerSheetStory } from '~storybook/components/StickerSheet'
 import { FilterButton } from '../../FilterButton'
 import { FilterSelect } from '../FilterSelect'
 import {
@@ -15,7 +15,7 @@ import {
 const IS_CHROMATIC = isChromatic()
 
 export default {
-  title: 'Components/Filter Select',
+  title: 'Components/FilterSelect',
   parameters: {
     chromatic: { disable: false },
     controls: { disable: true },

package/src/Filter/FilterSelect/_docs/FilterSelect.stories.tsx

@@ -1,14 +1,14 @@
 import React, { useState } from 'react'
-import { Meta, StoryObj } from '@storybook/react'
+import { type Meta, type StoryObj } from '@storybook/react'
 import { fn } from '@storybook/test'
 import { renderTriggerControls } from '~components/Filter/_docs/controls/renderTriggerControls'
 import { FilterButton } from '../../FilterButton'
 import { FilterSelect } from '../FilterSelect'
-import { SelectOption } from '../types'
+import { type SelectOption } from '../types'
 import { groupedMockItems, singleMockItems } from './mockData'
 
 const meta = {
-  title: 'Components/Filter Select',
+  title: 'Components/FilterSelect',
   component: FilterSelect,
   argTypes: {
     ...renderTriggerControls,

package/src/Filter/FilterSelect/_docs/mockData.ts

@@ -1,4 +1,4 @@
-import { SelectItem } from '../types'
+import { type SelectItem } from '../types'
 
 export const singleMockItems: SelectItem[] = [
   { label: 'Short black', value: 'short-black' },

package/src/Filter/FilterSelect/types.ts

@@ -1,3 +1,3 @@
 // @todo: Remove this and use the types from Select when it is moved out from future.
 // This is currently here to allow consumers access to the types from the entrypoint.
-export * from '~components/__future__/Select/types'
+export * from '~components/__rc__/Select/types'

package/src/Filter/_docs/controls/renderTriggerControls.tsx

@@ -1,10 +1,10 @@
 import React from 'react'
 import { action } from '@storybook/addon-actions'
-import { ArgTypes } from '@storybook/react'
+import { type ArgTypes } from '@storybook/react'
 import {
   FilterButton,
-  FilterButtonProps,
   FilterButtonRemovable,
+  type FilterButtonProps,
 } from '~components/Filter/FilterButton'
 
 /*

package/src/GuidanceBlock/GuidanceBlock.tsx

@@ -1,13 +1,13 @@
 import React, { useEffect, useState } from 'react'
 import classNames from 'classnames'
 import Media from 'react-media'
-import { Heading, HeadingProps } from '~components/Heading'
-import { SceneProps, SpotProps } from '~components/Illustration'
+import { Button, type ButtonProps } from '~components/Button'
+import { Heading, type HeadingProps } from '~components/Heading'
+import { type SceneProps, type SpotProps } from '~components/Illustration'
 import { Text } from '~components/Text'
-import { Button, ButtonProps } from '~components/__actions__/v2'
-import { Icon } from '~components/__future__/Icon'
-import { Tooltip, TooltipProps } from '~components/__overlays__/Tooltip/v1'
-import { VariantType } from './types'
+import { Tooltip, type TooltipProps } from '~components/Tooltip'
+import { Icon } from '~components/__rc__/Icon'
+import { type VariantType } from './types'
 import styles from './GuidanceBlock.module.css'
 
 export type ActionProps = ButtonProps & {

package/src/GuidanceBlock/_docs/GuidanceBlock.stickersheet.stories.tsx

@@ -1,15 +1,15 @@
 import React from 'react'
-import { Meta } from '@storybook/react'
+import { type Meta } from '@storybook/react'
 import { Heading } from '~components/Heading'
 import { EmptyStatesPositive, Informative } from '~components/Illustration'
 import { Tag } from '~components/Tag'
 import { Text } from '~components/Text'
-import { StickerSheet, StickerSheetStory } from '~storybook/components/StickerSheet'
-import { GuidanceBlock, GuidanceBlockProps } from '../index'
+import { StickerSheet, type StickerSheetStory } from '~storybook/components/StickerSheet'
+import { GuidanceBlock, type GuidanceBlockProps } from '../index'
 import { variantsMap } from '../types'
 
 export default {
-  title: 'Containers/GuidanceBlock',
+  title: 'Components/GuidanceBlock',
   parameters: {
     chromatic: { disable: false },
     controls: { disable: true },