@transferwise/components 0.0.0-experimental-aa84e4b → 0.0.0-experimental-586f96f

package/src/Provider/theme/{ThemeProvider.story.tsx → _stories/ThemeProvider.story.tsx}

@@ -5,15 +5,15 @@ import {
   useTheme,
 } from '@wise/components-theming';
 
-import Button from '../../Button';
-import { lorem100 } from '../../test-utils';
-import Display from '../../Display';
-import Body from '../../Body';
-import FlowNavigation from '../../FlowNavigation/FlowNavigation';
-import AvatarView from '../../AvatarView';
-import SegmentedControl from '../../SegmentedControl';
-import Sticky from '../../Sticky';
-import { Field } from '../../Field/Field';
+import Button from '../../../Button';
+import { lorem100 } from '../../../test-utils';
+import Display from '../../../Display';
+import Body from '../../../Body';
+import FlowNavigation from '../../../FlowNavigation/FlowNavigation';
+import AvatarView from '../../../AvatarView';
+import SegmentedControl from '../../../SegmentedControl';
+import Sticky from '../../../Sticky';
+import { Field } from '../../../Field/Field';
 
 // ThemeProvider external component, this mock makes Storybook generate Props Table
 function ThemeProvider(props: ThemeProviderProps) {

package/src/Radio/{Radio.story.tsx → _stories/Radio.story.tsx}

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/react-webpack5';
 import { useState } from 'react';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
-import Radio, { type RadioProps } from './Radio';
-import AvatarView from '../AvatarView';
+import { createSandboxStory, globalScope } from '../../../.storybook/components/sandbox/SandboxEditor';
+import Radio, { type RadioProps } from '../';
+import { AvatarView } from '../../ListItem/AvatarView';
 import { Flag } from '@wise/art';
 import { fn } from 'storybook/test';
 

package/src/RadioGroup/{RadioGroup.story.tsx → _stories/RadioGroup.story.tsx}

@@ -1,11 +1,14 @@
 import { Flag } from '@wise/art';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
-import RadioGroup, { RadioGroupProps, RadioGroupRadio } from './RadioGroup';
-import { Field } from '../Field/Field';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../../.storybook/components/sandbox/SandboxEditor';
+import RadioGroup, { RadioGroupProps, RadioGroupRadio } from '..';
+import { Field } from '../../Field/Field';
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { fn } from 'storybook/test';
 import { useState } from 'react';
-import AvatarView from '../AvatarView';
+import AvatarView from '../../AvatarView';
 
 const meta = {
   component: RadioGroup,

package/src/RadioGroup/{RadioGroup.test.story.tsx → _stories/RadioGroup.test.story.tsx}

@@ -1,5 +1,5 @@
-import RadioGroup, { RadioGroupProps } from './RadioGroup';
-import { Field } from '../Field/Field';
+import RadioGroup, { RadioGroupProps } from '../RadioGroup';
+import { Field } from '../../Field/Field';
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { fn } from 'storybook/test';
 

package/src/RadioOption/{RadioOption.story.tsx → _stories/RadioOption.story.tsx}

@@ -2,8 +2,8 @@ import { useState } from 'react';
 import { action } from 'storybook/actions';
 import { fn } from 'storybook/test';
 import { FastFlag as FastFlagIcon } from '@transferwise/icons';
-import { Header, Nudge, Section, Title, Typography } from '..';
-import RadioOption, { RadioOptionProps } from './RadioOption';
+import { Header, Nudge, Section, Title, Typography } from '../..';
+import RadioOption, { RadioOptionProps } from '../RadioOption';
 
 /**
  * > ⚠️ This component is **deprecated** and superseded by the [new ListItem component](?path=/docs/content-listitem--docs) with the [ListItem.Radio control](?path=/docs/content-listitem-listitem-radio--docs)

package/src/Section/{Section.story.tsx → _stories/Section.story.tsx}

@@ -1,12 +1,15 @@
 import { FastFlag as FastFlagIcon } from '@transferwise/icons';
 import { useState } from 'react';
 import { action } from 'storybook/actions';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
-import Accordion from '../Accordion';
-import Card from '../Card';
-import Header from '../Header';
-import ListItem from '../ListItem';
-import Section from './Section';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../../.storybook/components/sandbox/SandboxEditor';
+import Accordion from '../../Accordion';
+import Card from '../../Card';
+import Header from '../../Header';
+import ListItem from '../../ListItem';
+import Section from '../Section';
 
 export default {
   component: Section,

package/src/SegmentedControl/{SegmentedControl.story.tsx → _stories/SegmentedControl.story.tsx}

@@ -1,10 +1,10 @@
 import { StoryFn, StoryObj } from '@storybook/react-webpack5';
 import React from 'react';
 
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
-import Button from '../Button';
+import { createSandboxStory, globalScope } from '../../../.storybook/components/sandbox/SandboxEditor';
+import Button from '../../Button';
 
-import SegmentedControl from './SegmentedControl';
+import SegmentedControl from '../';
 
 export default {
   component: SegmentedControl,

package/src/Select/{Select.story.tsx → _stories/Select.story.tsx}

@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { Person, Globe as GlobeIcon } from '@transferwise/icons';
 import { useState } from 'react';
-import Select, { SelectItem, SelectOptionItem } from './Select';
+import Select, { SelectItem, SelectOptionItem } from '..';
 
 /**
  * @deprecated Use **`SelectInput`** instead <br/> [https://neptune.wise.design/blog/2023-11-28-adopting-our-new-selectinput](https://neptune.wise.design/blog/2023-11-28-adopting-our-new-selectinput)

package/src/Select/{Select.test.story.tsx → _stories/Select.test.story.tsx}

@@ -2,8 +2,8 @@ import type { Meta, StoryObj } from '@storybook/react-webpack5';
 import { expect, screen, userEvent, waitFor, within } from 'storybook/test';
 import { useState } from 'react';
 
-import { withVariantConfig } from '../../.storybook/helpers';
-import Select, { SelectOptionItem } from './Select';
+import { withVariantConfig } from '../../../.storybook/helpers';
+import Select, { SelectOptionItem } from '../Select';
 
 const meta = {
   title: 'Forms/Select/Tests',

package/src/SentimentSurface/{SentimentSurface.story.tsx → _stories/SentimentSurface.story.tsx}

@@ -1,15 +1,17 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { Bank, Defrost } from '@transferwise/icons';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
-import Body from '../Body';
-import Button from '../Button';
-import Header from '../Header';
-import Link from '../Link';
-import IconButton from '../IconButton';
-import StatusIcon from '../StatusIcon';
-import AvatarView from '../AvatarView';
-import SentimentSurface from './SentimentSurface';
-import type { Sentiment, Emphasis } from './SentimentSurface.types';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../../.storybook/components/sandbox/SandboxEditor';
+import Body from '../../Body';
+import Button from '../../Button';
+import Header from '../../Header';
+import Link from '../../Link';
+import IconButton from '../../IconButton';
+import StatusIcon from '../../StatusIcon';
+import AvatarView from '../../AvatarView';
+import SentimentSurface, { Emphasis, Sentiment } from '..';
 
 const withComponentGrid = (Story: () => JSX.Element) => (
   <div

package/src/SentimentSurface/{SentimentSurface.test.story.tsx → _stories/SentimentSurface.test.story.tsx}

@@ -1,8 +1,8 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { ThemeProvider, type Theming } from '@wise/components-theming';
-import Button from '../Button';
-import SentimentSurface from './SentimentSurface';
-import type { Sentiment, Emphasis } from './SentimentSurface.types';
+import Button from '../../Button';
+import SentimentSurface from '../SentimentSurface';
+import type { Sentiment, Emphasis } from '../SentimentSurface.types';
 
 const sentiments: Sentiment[] = ['negative', 'success', 'proposition', 'warning', 'neutral'];
 const emphasisLevels: Emphasis[] = ['base', 'elevated'];

package/src/SlidingPanel/{SlidingPanel.story.tsx → _stories/SlidingPanel.story.tsx}

@@ -1,7 +1,7 @@
 import React from 'react';
-import Button from '../Button';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
-import SlidingPanel, { type SlidingPanelProps } from './SlidingPanel';
+import Button from '../../Button';
+import { createSandboxStory, globalScope } from '../../../.storybook/components/sandbox/SandboxEditor';
+import SlidingPanel, { type SlidingPanelProps } from '../';
 
 export default {
   component: SlidingPanel,

package/src/Snackbar/{Snackbar.story.tsx → _stories/Snackbar.story.tsx}

@@ -1,11 +1,11 @@
 import type { Meta, StoryObj } from '@storybook/react-webpack5';
 import { fn, userEvent, within } from 'storybook/test';
-import { wait } from '../test-utils/wait';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
-import Button from '../Button';
-import { Snackbar } from './Snackbar';
-import { SnackbarConsumer } from './SnackbarContext';
-import SnackbarProvider from './SnackbarProvider';
+import { wait } from '../../test-utils/wait';
+import { createSandboxStory, globalScope } from '../../../.storybook/components/sandbox/SandboxEditor';
+import Button from '../../Button';
+import { Snackbar } from '../Snackbar';
+import { SnackbarConsumer } from '../SnackbarContext';
+import SnackbarProvider from '../SnackbarProvider';
 
 const meta: Meta = {
   component: Snackbar,

package/src/Snackbar/{Snackbar.test.story.tsx → _stories/Snackbar.test.story.tsx}

@@ -1,12 +1,12 @@
 import { userEvent, within, expect } from 'storybook/test';
 import { action } from 'storybook/actions';
-import { withVariantConfig } from '../../.storybook/helpers';
-import { lorem20 } from '../test-utils';
-import { wait } from '../test-utils/wait';
-import Button from '../Button';
-import { Snackbar, type SnackbarProps } from './Snackbar';
-import { SnackbarConsumer } from './SnackbarContext';
-import SnackbarProvider from './SnackbarProvider';
+import { withVariantConfig } from '../../../.storybook/helpers';
+import { lorem20 } from '../../test-utils';
+import { wait } from '../../test-utils/wait';
+import Button from '../../Button';
+import { Snackbar, type SnackbarProps } from '../Snackbar';
+import { SnackbarConsumer } from '../SnackbarContext';
+import SnackbarProvider from '../SnackbarProvider';
 
 export default {
   title: 'Dialogs/Snackbar/Tests',

package/src/StatusIcon/{StatusIcon.story.tsx → _stories/StatusIcon.story.tsx}

@@ -1,10 +1,10 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
-import { createSandboxStory } from '../../.storybook/components/sandbox/SandboxEditor';
+import { createSandboxStory } from '../../../.storybook/components/sandbox/SandboxEditor';
 
-import { Sentiment } from '../common';
-import SentimentSurface from '../SentimentSurface';
+import { Sentiment } from '../../common';
+import SentimentSurface from '../../SentimentSurface';
 
-import StatusIcon, { StatusIconSentiment } from './StatusIcon';
+import StatusIcon, { StatusIconSentiment } from '../';
 
 const sentiments = [
   Sentiment.POSITIVE,

package/src/StatusIcon/{StatusIcon.test.story.tsx → _stories/StatusIcon.test.story.tsx}

@@ -1,11 +1,10 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 
-import { Sentiment, Size } from '../common';
-import SentimentSurface from '../SentimentSurface';
-import { withVariantConfig } from '../../.storybook/helpers';
-import { allModes } from '../../.storybook/modes';
+import { Sentiment, Size } from '../../common';
+import SentimentSurface from '../../SentimentSurface';
+import { withVariantConfig } from '../../../.storybook/helpers';
 
-import StatusIcon, { StatusIconSentiment } from './StatusIcon';
+import StatusIcon, { StatusIconSentiment } from '../StatusIcon';
 
 export default {
   title: 'Other/StatusIcon/Tests',

package/src/Stepper/{Stepper.story.tsx → _stories/Stepper.story.tsx}

@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { fn } from 'storybook/test';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
-import Stepper from './Stepper';
+import { createSandboxStory, globalScope } from '../../../.storybook/components/sandbox/SandboxEditor';
+import Stepper from '../Stepper';
 
 const STEPS = [
   {

package/src/Stepper/{Stepper.test.story.tsx → _stories/Stepper.test.story.tsx}

@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { fn, within, expect, screen } from 'storybook/test';
-import Stepper from './Stepper';
+import Stepper from '../Stepper';
 
 const STEPS = [
   {

package/src/Sticky/{Sticky.story.tsx → _stories/Sticky.story.tsx}

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/react-webpack5';
 import React from 'react';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
-import Sticky from './Sticky';
-import { allModes } from '../../.storybook/modes';
+import { createSandboxStory, globalScope } from '../../../.storybook/components/sandbox/SandboxEditor';
+import Sticky from '../Sticky';
+import { allModes } from '../../../.storybook/modes';
 
 const meta: Meta<typeof Sticky> = {
   component: Sticky,

package/src/Summary/{Summary.story.tsx → _stories/Summary.story.tsx}

@@ -1,9 +1,8 @@
-import React from 'react';
 import { action } from 'storybook/actions';
 import { House } from '@transferwise/icons';
-import { Status } from '../common';
-import { InfoPresentation } from '../Info';
-import Summary, { type Props as SummaryProps } from './Summary';
+import { Status } from '../../common';
+import { InfoPresentation } from '../../Info';
+import Summary, { type SummaryProps } from '..';
 
 /**
  * > ⚠️ This component is **deprecated** and superseded by the [new ListItem component](?path=/docs/content-listitem--docs) (run codemod to migrate: **`npx @wise/wds-codemods@latest list-item`**).

package/src/Summary/{Summary.test.story.tsx → _stories/Summary.test.story.tsx}

@@ -1,6 +1,6 @@
 import { House } from '@transferwise/icons';
-import { Status } from '../common';
-import Summary, { type SummaryProps } from '.';
+import { Status } from '../../common';
+import Summary, { type SummaryProps } from '..';
 
 export default {
   component: Summary,

package/src/Switch/{Switch.story.tsx → _stories/Switch.story.tsx}

@@ -1,12 +1,15 @@
 import { useState, useEffect } from 'react';
 import { fn } from 'storybook/test';
 
-import { storySourceWithoutNoise } from '../../.storybook/helpers';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
-import Switch, { SwitchProps } from './Switch';
-import { Field } from '../Field/Field';
+import { storySourceWithoutNoise } from '../../../.storybook/helpers';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../../.storybook/components/sandbox/SandboxEditor';
+import Switch, { SwitchProps } from '..';
 import { Meta, StoryObj } from '@storybook/react-webpack5';
-import { Label } from '../Label';
+import { Label } from '../../Label';
+import { Field } from '../../Field/Field';
 
 /**
  * **Design guidance**: <a href="https://docs.wise.design/components/switch" target="_blank">wise.design/components/switch</a>

package/src/Switch/{Switch.test.story.tsx → _stories/Switch.test.story.tsx}

@@ -2,9 +2,9 @@ import type { Meta, StoryObj } from '@storybook/react-webpack5';
 import { expect, userEvent, within } from 'storybook/test';
 import { useState } from 'react';
 
-import { withVariantConfig } from '../../.storybook/helpers';
-import { Field } from '../Field/Field';
-import Switch from './Switch';
+import { withVariantConfig } from '../../../.storybook/helpers';
+import { Field } from '../../Field/Field';
+import Switch from '../Switch';
 
 export default {
   component: Switch,

package/src/SwitchOption/{SwitchOption.story.tsx → _stories/SwitchOption.story.tsx}

@@ -2,9 +2,9 @@ import { action } from 'storybook/actions';
 import { FastFlag as FastFlagIcon } from '@transferwise/icons';
 import { useState } from 'react';
 
-import { Nudge, Title, Typography } from '..';
+import { Nudge, Title, Typography } from '../..';
 
-import SwitchOption, { type SwitchOptionProps } from './SwitchOption';
+import SwitchOption, { type SwitchOptionProps } from '..';
 
 /**
  * > ⚠️ This component is **deprecated** and superseded by the [new ListItem component](?path=/docs/content-listitem--docs) with the [ListItem.Switch control](?path=/docs/content-listitem-listitem-switch--docs)

package/src/Table/{Table.story.tsx → _stories/Table.story.tsx}

@@ -1,8 +1,8 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
-import Table from './Table';
-import { TableHeaderType } from './TableHeader';
-import { TableRowType, TableRowClickableType } from './TableRow';
+import { createSandboxStory, globalScope } from '../../../.storybook/components/sandbox/SandboxEditor';
+import Table from '../';
+import { TableHeaderType } from '../TableHeader';
+import { TableRowType, TableRowClickableType } from '../TableRow';
 import { DirectDebits } from '@transferwise/icons';
 
 export default {

package/src/Tabs/{Tabs.story.tsx → _stories/Tabs.story.tsx}

@@ -1,9 +1,9 @@
 import { useState } from 'react';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import { createSandboxStory, globalScope } from '../../../.storybook/components/sandbox/SandboxEditor';
 
-import { Width } from '../common';
+import { Width } from '../../common';
 
-import Tabs from './Tabs';
+import Tabs from '../';
 
 export default {
   component: Tabs,

package/src/TextareaWithDisplayFormat/{TextareaWithDisplayFormat.story.tsx → _stories/TextareaWithDisplayFormat.story.tsx}

@@ -1,9 +1,12 @@
 import { StoryObj } from '@storybook/react-webpack5';
 import { userEvent, within } from 'storybook/test';
 
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
-import TextareaWithDisplayFormat from './TextareaWithDisplayFormat';
-import { Field } from '../Field/Field';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../../.storybook/components/sandbox/SandboxEditor';
+import TextareaWithDisplayFormat from '..';
+import { Field } from '../../Field/Field';
 
 export default {
   component: TextareaWithDisplayFormat,

package/src/Tile/{Tile.story.tsx → _stories/Tile.story.tsx}

@@ -1,11 +1,11 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { action } from 'storybook/actions';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
-import { Size } from '../common';
-import AvatarView from '../AvatarView';
-import Tile from '.';
+import { createSandboxStory, globalScope } from '../../../.storybook/components/sandbox/SandboxEditor';
+import { Size } from '../../common';
+import AvatarView from '../../AvatarView';
+import Tile from '../';
 import { Illustration, type IllustrationProps } from '@wise/art';
-import Image from '../Image';
+import Image from '../../Image';
 
 const LabelledIllustration = (props: IllustrationProps) => <Illustration {...props} />;
 LabelledIllustration.displayName = 'Illustration';

package/src/Title/{Title.story.tsx → _stories/Title.story.tsx}

@@ -1,7 +1,7 @@
-import { Typography } from '../common/PropsValues/typography';
+import { Typography } from '../../common/PropsValues/typography';
 
-import Title from './Title';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import Title from '../';
+import { createSandboxStory, globalScope } from '../../../.storybook/components/sandbox/SandboxEditor';
 
 export default {
   component: Title,

package/src/Title/{Title.test.story.tsx → _stories/Title.test.story.tsx}

@@ -1,7 +1,7 @@
-import { Typography } from '../common/PropsValues/typography';
-import { lorem1000 } from '../test-utils';
+import { Typography } from '../../common/PropsValues/typography';
+import { lorem1000 } from '../../test-utils';
 
-import Title from './Title';
+import Title from '../Title';
 
 export default {
   component: Title,

package/src/Tooltip/{Tooltip.story.tsx → _stories/Tooltip.story.tsx}

@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
-import Button from '../Button';
-import Tooltip from './Tooltip';
+import { createSandboxStory, globalScope } from '../../../.storybook/components/sandbox/SandboxEditor';
+import Button from '../../Button';
+import Tooltip from '../Tooltip';
 
 export default {
   component: Tooltip,

package/src/Tooltip/{Tooltip.test.story.tsx → _stories/Tooltip.test.story.tsx}

@@ -1,8 +1,8 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { userEvent, within } from 'storybook/test';
-import Button from '../Button';
-import Tooltip from './Tooltip';
-import { withVariantConfig } from '../../.storybook/helpers';
+import Button from '../../Button';
+import Tooltip from '../Tooltip';
+import { withVariantConfig } from '../../../.storybook/helpers';
 
 const meta: Meta<typeof Tooltip> = {
   component: Tooltip,

package/src/Typeahead/{Typeahead.story.tsx → _stories/Typeahead.story.tsx}

@@ -3,14 +3,17 @@ import { Search as SearchIcon } from '@transferwise/icons';
 import { userEvent, within, fn } from 'storybook/test';
 import { useState } from 'react';
 
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
-import { Sentiment, Size } from '../common';
-import { Input } from '../Inputs/Input';
-import { Field } from '../Field/Field';
-import Button from '../Button';
-import Modal from '../Modal';
-import { InlinePromptProps } from '../Prompt';
-import Typeahead, { type TypeaheadOption } from './Typeahead';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../../.storybook/components/sandbox/SandboxEditor';
+import { Sentiment, Size } from '../../common';
+import { Input } from '../../Inputs/Input';
+import { Field } from '../../Field/Field';
+import Button from '../../Button';
+import Modal from '../../Modal';
+import { InlinePromptProps } from '../../Prompt';
+import Typeahead, { type TypeaheadOption } from '..';
 
 // needed for SB to display correct name in the docs
 (Typeahead as React.FC).displayName = 'Typeahead';

package/src/Typeahead/{Typeahead.test.story.tsx → _stories/Typeahead.test.story.tsx}

@@ -2,9 +2,9 @@ import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { Search as SearchIcon } from '@transferwise/icons';
 import { useState } from 'react';
 
-import Button from '../Button';
-import Modal from '../Modal';
-import Typeahead from './Typeahead';
+import Button from '../../Button';
+import Modal from '../../Modal';
+import Typeahead from '../Typeahead';
 
 // needed for SB to display correct name in the docs
 (Typeahead as React.FC).displayName = 'Typeahead';

package/src/Upload/{Upload.story.tsx → _stories/Upload.story.tsx}

@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from '@storybook/react-webpack5';
 import { fn } from 'storybook/test';
 
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
-import Upload from '.';
-import { MAX_SIZE_DEFAULT } from './Upload';
+import { createSandboxStory, globalScope } from '../../../.storybook/components/sandbox/SandboxEditor';
+import Upload from '..';
+import { MAX_SIZE_DEFAULT } from '../Upload';
 
 const meta = {
   component: Upload,

package/src/Upload/{Upload.test.story.tsx → _stories/Upload.test.story.tsx}

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/react-webpack5';
 import { userEvent, within, waitFor } from 'storybook/test';
 
-import Upload from '.';
-import { Field } from '../Field/Field';
+import Upload from '..';
+import { Field } from '../../Field/Field';
 
 const meta = {
   component: Upload,

package/src/UploadInput/{UploadInput.story.tsx → _stories/UploadInput.story.tsx}

@@ -1,10 +1,13 @@
 import { StoryFn, Meta } from '@storybook/react-webpack5';
 
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
-import { Field } from '../Field/Field';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../../.storybook/components/sandbox/SandboxEditor';
+import { Field } from '../../Field/Field';
 
-import UploadInput, { UploadInputProps } from './UploadInput';
-import { UploadResponse } from './types';
+import { UploadInput, UploadInputProps } from '../..';
+import { UploadResponse } from '../types';
 
 const meta: Meta<typeof UploadInput> = {
   title: 'Forms/UploadInput',

package/src/UploadInput/{UploadInput.test.story.tsx → _stories/UploadInput.test.story.tsx}

@@ -1,9 +1,9 @@
 import { action } from 'storybook/actions';
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 
-import { Status } from '../common';
-import UploadInput, { UploadInputProps } from './UploadInput';
-import { UploadedFile, UploadResponse } from './types';
+import { Status } from '../../common';
+import UploadInput, { UploadInputProps } from '../UploadInput';
+import { UploadedFile, UploadResponse } from '../types';
 import { userEvent } from 'storybook/test';
 
 const meta: Meta<typeof UploadInput> = {

package/src/WithId/{withId.docs.mdx → _stories/withId.docs.mdx}

@@ -1,6 +1,6 @@
 import { Meta, Canvas, Source } from '@storybook/addon-docs/blocks';
 import { WithoutId, WithCustomId, WithEmptyId } from './withId.story';
-import { withIdSource } from './story/source';
+import { withIdSource } from './source';
 
 <Meta title="HoCs/withId" />
 

package/src/WithId/{withId.story.tsx → _stories/withId.story.tsx}

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
-import { Button, withId, type WithIdProps } from '..';
+import { Button, withId, type WithIdProps } from '../..';
 
 type Story = StoryObj<typeof withId>;