From 4640c24ce73940d204111880b8bb367d690e32d1 Mon Sep 17 00:00:00 2001
From: Po Chun Chiu <57251712+EiffelFly@users.noreply.github.com>
Date: Wed, 26 Jun 2024 15:29:00 +0800
Subject: [PATCH] chore: use prettier to sort import order (#1261)
Because
- Import order should be retained in a fixed order to increase
readability
This commit
- use prettier to sort import order
---
.../helpers/actions/pipeline.ts | 5 +-
.../helpers/first-time-login.test.ts | 1 +
apps/console/integration-test/main.test.ts | 3 +-
.../integration-test/pages/onboarding.page.ts | 2 +-
.../pages/pipeline-builder.page.ts | 1 +
.../tests/should-change-component-id.test.ts | 7 +-
...should-edit-create-start-end-field.test.ts | 5 +-
.../tests/should-unmarshal.test.ts | 5 +-
.../(providers)/amplitude-client-provider.tsx | 2 +
.../src/app/(providers)/root-provider.tsx | 7 +-
apps/console/src/app/404/page.tsx | 1 +
apps/console/src/app/404/render.tsx | 3 +-
.../src/app/[entity]/dashboard/page.tsx | 3 +-
.../[entity]/dashboard/pipeline/[id]/page.tsx | 3 +-
.../dashboard/pipeline/[id]/render.tsx | 7 +-
.../src/app/[entity]/dashboard/render.tsx | 7 +-
.../app/[entity]/models/[id]/[tab]/page.tsx | 10 +-
.../app/[entity]/models/[id]/[tab]/render.tsx | 7 +-
.../src/app/[entity]/models/create/page.tsx | 3 +-
.../src/app/[entity]/models/create/render.tsx | 3 +-
apps/console/src/app/[entity]/models/page.tsx | 3 +-
.../src/app/[entity]/models/render.tsx | 7 +-
apps/console/src/app/[entity]/page.tsx | 6 +-
.../[entity]/pipelines/[id]/editor/page.tsx | 1 +
.../[entity]/pipelines/[id]/editor/render.tsx | 3 +-
.../src/app/[entity]/pipelines/[id]/page.tsx | 6 +-
.../app/[entity]/pipelines/[id]/render.tsx | 3 +-
.../src/app/[entity]/pipelines/page.tsx | 1 +
.../src/app/[entity]/pipelines/render.tsx | 3 +-
apps/console/src/app/[entity]/render.tsx | 3 +-
.../console/src/app/api/access-token/route.ts | 3 +-
apps/console/src/app/api/auth/logout/route.ts | 3 +-
apps/console/src/app/layout.tsx | 3 +
apps/console/src/app/login/render.tsx | 13 +-
apps/console/src/app/logout/page.tsx | 3 +-
apps/console/src/app/onboarding/page.tsx | 1 +
apps/console/src/app/onboarding/render.tsx | 3 +-
apps/console/src/app/render.tsx | 2 +-
.../console/src/app/settings/account/page.tsx | 3 +-
.../src/app/settings/account/render.tsx | 5 +-
.../src/app/settings/api-tokens/page.tsx | 3 +-
.../src/app/settings/api-tokens/render.tsx | 5 +-
.../console/src/app/settings/profile/page.tsx | 3 +-
.../src/app/settings/profile/rendex.tsx | 5 +-
.../console/src/app/settings/secrets/page.tsx | 3 +-
.../src/app/settings/secrets/render.tsx | 3 +-
apps/console/src/app/sitemap.ts | 3 +-
apps/console/src/components/AuthPageBase.tsx | 3 +-
.../src/components/ChangePasswordForm.tsx | 7 +-
apps/console/src/components/LoginForm.tsx | 7 +-
.../src/components/ModelReadmeMarkdown.tsx | 4 +-
.../console/src/components/OnboardingForm.tsx | 18 +-
.../src/lib/use-app-access-token/client.ts | 6 +-
.../src/lib/use-app-access-token/server.ts | 5 +-
apps/console/src/lib/useAppTrackToken.ts | 5 +-
apps/console/src/pages/api/get-user-cookie.ts | 3 +-
apps/console/src/pages/api/set-user-cookie.ts | 9 +-
apps/instill-form-playground/package.json | 3 +-
.../src/pages/_app.tsx | 1 +
.../src/pages/_document.tsx | 2 +-
.../src/pages/index.tsx | 4 +-
packages/design-system/setupTests.ts | 3 +-
packages/design-system/src/index.ts | 2 +-
.../new-ui/Breadcrumb/Breadcrumb.stories.tsx | 1 +
.../src/new-ui/Breadcrumb/Breadcrumb.tsx | 1 +
.../src/new-ui/Button/Button.stories.tsx | 5 +-
.../src/new-ui/Button/Button.tsx | 5 +-
.../src/new-ui/Checkbox/Checkbox.stories.tsx | 1 +
.../src/new-ui/Checkbox/Checkbox.tsx | 1 +
.../Collapsible/Collapsible.stories.tsx | 3 +-
.../src/new-ui/Color/Color.stories.tsx | 1 +
.../src/new-ui/Combobox/Combobox.stories.tsx | 7 +-
.../src/new-ui/Combobox/Combobox.tsx | 5 +-
.../src/new-ui/Command/Command.stories.tsx | 3 +-
.../src/new-ui/Command/Command.tsx | 2 +-
.../ComplicateIconBase/ComplicateIconBase.tsx | 1 +
.../ComplicateIcons.stories.tsx | 1 +
.../src/new-ui/ComplicateIcons/Doc.tsx | 1 +
.../src/new-ui/ComplicateIcons/Drag.tsx | 1 +
.../src/new-ui/ComplicateIcons/GitHub.tsx | 1 +
.../ComplicateIcons/ImageClassification.tsx | 1 +
.../new-ui/ComplicateIcons/ImageToImage.tsx | 1 +
.../new-ui/ComplicateIcons/ImageToText.tsx | 1 +
.../ComplicateIcons/InstanceSegmentation.tsx | 1 +
.../ComplicateIcons/KeypointDetection.tsx | 1 +
.../src/new-ui/ComplicateIcons/Number.tsx | 1 +
.../ComplicateIcons/ObjectDetection.tsx | 1 +
.../OpticalCharacterRecognition.tsx | 1 +
.../ComplicateIcons/SemanticSegmentation.tsx | 1 +
.../new-ui/ComplicateIcons/TextEmbedding.tsx | 1 +
.../new-ui/ComplicateIcons/TextGeneration.tsx | 1 +
.../new-ui/ComplicateIcons/TextToImage.tsx | 1 +
.../src/new-ui/ComplicateIcons/ToggleLeft.tsx | 1 +
.../src/new-ui/ComplicateIcons/index.ts | 4 +-
.../new-ui/DataTable/DataTable.stories.tsx | 9 +-
.../src/new-ui/DataTable/DataTable.tsx | 13 +-
.../new-ui/DataTable/DataTablePagination.tsx | 3 +-
.../src/new-ui/Dialog/Dialog.stories.tsx | 1 +
.../src/new-ui/Dialog/Dialog.tsx | 3 +-
.../DropdownMenu/DropdownMenu.stories.tsx | 5 +-
.../src/new-ui/DropdownMenu/DropdownMenu.tsx | 4 +-
packages/design-system/src/new-ui/Field.tsx | 2 +-
.../src/new-ui/Form/Form.stories.tsx | 6 +-
.../design-system/src/new-ui/Form/Form.tsx | 4 +-
.../src/new-ui/Icons/Activity.tsx | 1 +
.../src/new-ui/Icons/AlertCircle.tsx | 1 +
.../src/new-ui/Icons/AlertTriangle.tsx | 1 +
.../src/new-ui/Icons/AlighLeft.tsx | 1 +
.../src/new-ui/Icons/ArrowDown.tsx | 1 +
.../src/new-ui/Icons/ArrowLeft.tsx | 1 +
.../src/new-ui/Icons/ArrowNarrowLeft.tsx | 1 +
.../src/new-ui/Icons/ArrowNarrowRight.tsx | 1 +
.../src/new-ui/Icons/ArrowRight.tsx | 1 +
.../src/new-ui/Icons/ArrowUp.tsx | 1 +
.../src/new-ui/Icons/ArrowUpRight.tsx | 1 +
.../src/new-ui/Icons/BarChartSquare02.tsx | 1 +
.../src/new-ui/Icons/BookOpen02.tsx | 1 +
.../design-system/src/new-ui/Icons/Box.tsx | 1 +
.../src/new-ui/Icons/BracketSlash.tsx | 1 +
.../src/new-ui/Icons/Building05.tsx | 1 +
.../src/new-ui/Icons/CardRefresh.tsx | 1 +
.../design-system/src/new-ui/Icons/Check.tsx | 1 +
.../src/new-ui/Icons/CheckCircle.tsx | 1 +
.../src/new-ui/Icons/ChevronDown.tsx | 1 +
.../src/new-ui/Icons/ChevronDownDouble.tsx | 1 +
.../src/new-ui/Icons/ChevronLeft.tsx | 1 +
.../src/new-ui/Icons/ChevronLeftDouble.tsx | 1 +
.../src/new-ui/Icons/ChevronRight.tsx | 1 +
.../src/new-ui/Icons/ChevronRightDouble.tsx | 1 +
.../new-ui/Icons/ChevronSelectorVertical.tsx | 1 +
.../src/new-ui/Icons/ChevronUp.tsx | 1 +
.../src/new-ui/Icons/ChevronUpDouble.tsx | 1 +
.../design-system/src/new-ui/Icons/Chip01.tsx | 1 +
.../design-system/src/new-ui/Icons/Chip02.tsx | 1 +
.../design-system/src/new-ui/Icons/Circle.tsx | 1 +
.../src/new-ui/Icons/ClockRewind.tsx | 1 +
.../src/new-ui/Icons/CodeBrowser.tsx | 1 +
.../src/new-ui/Icons/CodeSnippet01.tsx | 1 +
.../src/new-ui/Icons/CodeSnippet02.tsx | 1 +
.../src/new-ui/Icons/CodeSquare02.tsx | 1 +
.../src/new-ui/Icons/Coins01.tsx | 1 +
.../src/new-ui/Icons/CoinsStacked01.tsx | 1 +
.../design-system/src/new-ui/Icons/Copy06.tsx | 1 +
.../design-system/src/new-ui/Icons/Copy07.tsx | 1 +
.../design-system/src/new-ui/Icons/Cube01.tsx | 1 +
.../src/new-ui/Icons/CubeOutline.tsx | 1 +
.../src/new-ui/Icons/CurrencyDollar.tsx | 1 +
.../src/new-ui/Icons/Database01.tsx | 1 +
.../src/new-ui/Icons/DotsHorizontal.tsx | 1 +
.../src/new-ui/Icons/DotsVertical.tsx | 1 +
.../src/new-ui/Icons/DownloadCloud01.tsx | 1 +
.../design-system/src/new-ui/Icons/Edit03.tsx | 1 +
.../design-system/src/new-ui/Icons/Edit05.tsx | 1 +
.../design-system/src/new-ui/Icons/File02.tsx | 1 +
.../design-system/src/new-ui/Icons/File04.tsx | 1 +
.../design-system/src/new-ui/Icons/File05.tsx | 1 +
.../design-system/src/new-ui/Icons/File06.tsx | 1 +
.../src/new-ui/Icons/FileMinus01.tsx | 1 +
.../src/new-ui/Icons/FilePlus01.tsx | 1 +
.../src/new-ui/Icons/FilePlus02.tsx | 1 +
.../src/new-ui/Icons/FilterLines.tsx | 1 +
.../design-system/src/new-ui/Icons/Gear01.tsx | 1 +
.../src/new-ui/Icons/Globe01.tsx | 1 +
.../src/new-ui/Icons/HelpCircle.tsx | 1 +
.../src/new-ui/Icons/IconBase/IconBase.tsx | 1 +
.../src/new-ui/Icons/Icons.stories.tsx | 1 +
.../src/new-ui/Icons/Image01.tsx | 1 +
.../src/new-ui/Icons/ImagePlus.tsx | 1 +
.../src/new-ui/Icons/InfoCircle.tsx | 1 +
.../src/new-ui/Icons/InfoSquare.tsx | 1 +
.../src/new-ui/Icons/IntersectSquare.tsx | 1 +
.../src/new-ui/Icons/LayersTwo01.tsx | 1 +
.../src/new-ui/Icons/Lightning01.tsx | 1 +
.../design-system/src/new-ui/Icons/Link01.tsx | 1 +
.../design-system/src/new-ui/Icons/Lock03.tsx | 1 +
.../src/new-ui/Icons/LockUnlocked03.tsx | 1 +
.../src/new-ui/Icons/Logout01.tsx | 1 +
.../design-system/src/new-ui/Icons/Mail01.tsx | 1 +
.../src/new-ui/Icons/MasterCard.tsx | 1 +
.../design-system/src/new-ui/Icons/Menu01.tsx | 1 +
.../src/new-ui/Icons/MessageChatSquare.tsx | 1 +
.../src/new-ui/Icons/MessageSmileSquare.tsx | 1 +
.../design-system/src/new-ui/Icons/Minus.tsx | 1 +
.../design-system/src/new-ui/Icons/Model.tsx | 1 +
.../src/new-ui/Icons/MultipleVideo.tsx | 1 +
.../src/new-ui/Icons/NewModel.tsx | 1 +
.../src/new-ui/Icons/PauseCircle.tsx | 1 +
.../src/new-ui/Icons/Pipeline.tsx | 1 +
.../design-system/src/new-ui/Icons/Play.tsx | 1 +
.../src/new-ui/Icons/PlayCircle.tsx | 1 +
.../design-system/src/new-ui/Icons/Plus.tsx | 1 +
.../src/new-ui/Icons/Recording02.tsx | 1 +
.../src/new-ui/Icons/Recording03.tsx | 1 +
.../src/new-ui/Icons/Recording04.tsx | 1 +
.../src/new-ui/Icons/Recording05.tsx | 1 +
.../src/new-ui/Icons/ReferenceIconCheck.tsx | 1 +
.../src/new-ui/Icons/ReferenceIconX.tsx | 1 +
.../src/new-ui/Icons/RefreshCw05.tsx | 1 +
.../src/new-ui/Icons/Repeat04.tsx | 1 +
.../src/new-ui/Icons/Rocket01.tsx | 1 +
.../design-system/src/new-ui/Icons/Save01.tsx | 1 +
.../src/new-ui/Icons/Scales02.tsx | 1 +
.../src/new-ui/Icons/SearchLg.tsx | 1 +
.../src/new-ui/Icons/SearchSm.tsx | 1 +
.../src/new-ui/Icons/Settings02.tsx | 1 +
.../src/new-ui/Icons/Share07.tsx | 1 +
.../src/new-ui/Icons/Sliders01.tsx | 1 +
.../src/new-ui/Icons/SortLinesDown.tsx | 1 +
.../src/new-ui/Icons/SortLinesUp.tsx | 1 +
.../src/new-ui/Icons/Speaker01.tsx | 1 +
.../src/new-ui/Icons/SpeechRecognition.tsx | 1 +
.../design-system/src/new-ui/Icons/Stop.tsx | 1 +
.../design-system/src/new-ui/Icons/Tag01.tsx | 1 +
.../design-system/src/new-ui/Icons/TextA.tsx | 1 +
.../src/new-ui/Icons/TextGenerationChat.tsx | 1 +
.../design-system/src/new-ui/Icons/Tool01.tsx | 1 +
.../src/new-ui/Icons/Trash01.tsx | 1 +
.../src/new-ui/Icons/Trash03.tsx | 1 +
.../design-system/src/new-ui/Icons/Type01.tsx | 1 +
.../design-system/src/new-ui/Icons/Type02.tsx | 1 +
.../src/new-ui/Icons/TypePlus.tsx | 1 +
.../design-system/src/new-ui/Icons/Update.tsx | 1 +
.../src/new-ui/Icons/Upload01.tsx | 1 +
.../design-system/src/new-ui/Icons/User01.tsx | 1 +
.../design-system/src/new-ui/Icons/User02.tsx | 1 +
.../src/new-ui/Icons/UserPlus01.tsx | 1 +
.../design-system/src/new-ui/Icons/Video.tsx | 1 +
.../src/new-ui/Icons/VideoRecorder.tsx | 1 +
.../design-system/src/new-ui/Icons/Visa.tsx | 1 +
.../new-ui/Icons/VisualQuestionAnswering.tsx | 1 +
packages/design-system/src/new-ui/Icons/X.tsx | 1 +
.../design-system/src/new-ui/Icons/index.ts | 70 +-
.../src/new-ui/Input/Input.stories.tsx | 3 +-
.../design-system/src/new-ui/Input/Input.tsx | 2 +-
.../src/new-ui/Label/Label.stories.tsx | 1 +
.../design-system/src/new-ui/Label/Label.tsx | 2 +-
.../new-ui/LinkButton/LinkButton.stories.tsx | 1 +
.../src/new-ui/LinkButton/LinkButton.tsx | 5 +-
.../src/new-ui/Logos/ATFExpand.tsx | 1 +
.../src/new-ui/Logos/ATFSquare.tsx | 1 +
.../src/new-ui/Logos/Anthropic.tsx | 1 +
.../src/new-ui/Logos/AssemblyAI.tsx | 1 +
.../design-system/src/new-ui/Logos/Cohere.tsx | 1 +
.../src/new-ui/Logos/HuggingFace.tsx | 1 +
.../src/new-ui/Logos/InstillCloud.tsx | 1 +
.../src/new-ui/Logos/InstillSquare.tsx | 1 +
.../src/new-ui/Logos/Logo.stories.tsx | 1 +
.../src/new-ui/Logos/LogoBase/LogoBase.tsx | 1 +
.../src/new-ui/Logos/MDLExpand.tsx | 1 +
.../src/new-ui/Logos/MDLSquare.tsx | 1 +
.../design-system/src/new-ui/Logos/Milvus.tsx | 1 +
.../design-system/src/new-ui/Logos/Number.tsx | 1 +
.../design-system/src/new-ui/Logos/OpenAI.tsx | 1 +
.../src/new-ui/Logos/Pinecode.tsx | 1 +
.../src/new-ui/Logos/StabilityAI.tsx | 1 +
.../src/new-ui/Logos/TwitterDark.tsx | 1 +
.../src/new-ui/Logos/TwitterLight.tsx | 1 +
.../src/new-ui/Logos/VDPExpand.tsx | 1 +
.../src/new-ui/Logos/VDPSquare.tsx | 1 +
.../design-system/src/new-ui/Logos/index.ts | 4 +-
.../src/new-ui/Menubar/Menubar.stories.tsx | 1 +
.../src/new-ui/Menubar/Menubar.tsx | 3 +-
.../MultiSelect/MultiSelect.stories.tsx | 3 +-
.../src/new-ui/MultiSelect/MultiSelect.tsx | 7 +-
.../src/new-ui/Pagination/Pagination.tsx | 3 +-
.../ParagraphWithHTML.stories.tsx | 1 +
.../ParagraphWithHTML/ParagraphWithHTML.tsx | 1 +
.../src/new-ui/Popover/Popover.stories.tsx | 1 +
.../src/new-ui/Progress/Progress.stories.tsx | 1 +
.../src/new-ui/Progress/Progress.tsx | 2 +-
.../new-ui/ScrollArea/ScrollArea.stories.tsx | 5 +-
.../src/new-ui/ScrollArea/ScrollArea.tsx | 2 +-
.../src/new-ui/Select/Select.stories.tsx | 5 +-
.../src/new-ui/Select/Select.tsx | 3 +-
.../new-ui/Separator/Separator.stories.tsx | 1 +
.../src/new-ui/Separator/Separator.tsx | 2 +-
.../src/new-ui/Skeleton/Skelton.stories.tsx | 1 +
.../src/new-ui/Switch/Switch.stories.tsx | 9 +-
.../src/new-ui/Switch/Switch.tsx | 2 +-
.../src/new-ui/Table/Table.stories.tsx | 3 +-
.../design-system/src/new-ui/Table/Table.tsx | 2 +-
.../src/new-ui/Tabs/Tabs.stories.tsx | 1 +
.../design-system/src/new-ui/Tabs/Tabs.tsx | 1 -
.../src/new-ui/Tag/Tag.stories.tsx | 5 +-
packages/design-system/src/new-ui/Tag/Tag.tsx | 5 +-
.../new-ui/TagButton/TagButton.stories.tsx | 3 +-
.../src/new-ui/TagButton/TagButton.tsx | 5 +-
.../src/new-ui/Textarea/Textarea.stories.tsx | 3 +-
.../src/new-ui/Textarea/Textarea.tsx | 2 +-
.../src/new-ui/Toast/Toast.stories.tsx | 9 +-
.../design-system/src/new-ui/Toast/Toast.tsx | 7 +-
.../src/new-ui/Toast/Toaster.tsx | 2 +-
.../src/new-ui/Toast/use-toast.tsx | 1 -
.../ToggleGroup/ToggleGroup.stories.tsx | 1 +
.../src/new-ui/ToggleGroup/ToggleGroup.tsx | 2 +-
.../src/new-ui/Tooltip/Tooltip.stories.tsx | 1 +
.../src/new-ui/Tooltip/Tooltip.tsx | 2 +-
.../new-ui/radio-group/RadioGroup.stories.tsx | 3 +-
.../src/new-ui/radio-group/RadioGroup.tsx | 2 +-
.../src/new-ui/tab-menu/TabMenu.stories.tsx | 5 +-
.../src/new-ui/tab-menu/TabMenu.tsx | 3 +-
.../ui-helpers/getModelDefinitionToolkit.tsx | 1 +
.../src/ui-helpers/getPipelineModeToolkit.tsx | 1 +
.../AccordionBase/AccordionBase.stories.tsx | 3 +-
.../Accordion/AccordionBase/AccordionBase.tsx | 1 +
.../BasicAccordion/BasicAccordion.stories.tsx | 3 +-
.../BgIconAccordion.stories.tsx | 3 +-
.../design-system/src/ui/Accordion/index.ts | 4 +-
.../Buttons/ButtonBase/ButtonBase.stories.tsx | 1 +
.../src/ui/Buttons/ButtonBase/ButtonBase.tsx | 1 +
.../CollapseSidebarButton.stories.tsx | 1 +
.../CollapseSidebarButton.tsx | 1 +
.../OutlineButton/OutlineButton.stories.tsx | 1 +
.../Buttons/OutlineButton/OutlineButton.tsx | 1 +
.../SolidButton/SolidButton.stories.tsx | 1 +
.../ui/Buttons/SolidButton/SolidButton.tsx | 1 +
.../Buttons/TextButton/TextButton.stories.tsx | 1 +
.../src/ui/Buttons/TextButton/TextButton.tsx | 1 +
.../design-system/src/ui/Buttons/index.ts | 8 +-
.../Icons/AirbyteIcon/AirbyteIcon.stories.tsx | 1 +
.../src/ui/Icons/AirbyteIcon/AirbyteIcon.tsx | 1 +
.../ArrowDownIcon/ArrowDownIcon.stories.tsx | 1 +
.../ArrowDownIcon/ArrowDownIcon.tsx | 1 +
.../ArrowIconBase/ArrowIconBase.stories.tsx | 1 +
.../ArrowIconBase/ArrowIconBase.tsx | 1 +
.../ArrowLeftIcon/ArrowLeftIcon.stories.tsx | 1 +
.../ArrowLeftIcon/ArrowLeftIcon.tsx | 1 +
.../ArrowRightIcon/ArrowRightIcon.stories.tsx | 1 +
.../ArrowRightIcon/ArrowRightIcon.tsx | 1 +
.../ArrowUpIcon/ArrowUpIcon.stories.tsx | 1 +
.../ArrowIcons/ArrowUpIcon/ArrowUpIcon.tsx | 1 +
.../RotatableArrowIcon.stories.tsx | 1 +
.../RotatableArrowIcon/RotatableArrowIcon.tsx | 1 +
.../src/ui/Icons/ArrowIcons/index.ts | 12 +-
.../Icons/ArtiVcIcon/ArtiVcIcon.stories.tsx | 1 +
.../src/ui/Icons/ArtiVcIcon/ArtiVcIcon.tsx | 1 +
.../AsyncArrowsIcon.stories.tsx | 1 +
.../Icons/AsyncArrowsIcon/AsyncArrowsIcon.tsx | 1 +
.../ui/Icons/AsyncIcon/AsyncIcon.stories.tsx | 1 +
.../src/ui/Icons/AsyncIcon/AsyncIcon.tsx | 1 +
.../Icons/AwsRdsIcon/AwsRdsIcon.stories.tsx | 1 +
.../src/ui/Icons/AwsRdsIcon/AwsRdsIcon.tsx | 1 +
.../ui/Icons/AwsS3Icon/AwsS3Icon.stories.tsx | 1 +
.../src/ui/Icons/AwsS3Icon/AwsS3Icon.tsx | 1 +
.../BarChartIcon/BarChartIcon.stories.tsx | 1 +
.../ui/Icons/BarChartIcon/BarChartIcon.tsx | 1 +
.../BigQueryIcon/BigQueryIcon.stories.tsx | 1 +
.../ui/Icons/BigQueryIcon/BigQueryIcon.tsx | 1 +
.../ui/Icons/CheckIcon/CheckIcon.stories.tsx | 1 +
.../src/ui/Icons/CheckIcon/CheckIcon.tsx | 1 +
.../Icons/ClientIcon/ClientIcon.stories.tsx | 1 +
.../src/ui/Icons/ClientIcon/ClientIcon.tsx | 1 +
.../CollapseLeftIcon.stories.tsx | 1 +
.../CollapseLeftIcon/CollapseLeftIcon.tsx | 1 +
.../CollapseRightIcon.stories.tsx | 1 +
.../CollapseRightIcon/CollapseRightIcon.tsx | 1 +
.../ui/Icons/CopyIcon/CopyIcon.stories.tsx | 1 +
.../src/ui/Icons/CopyIcon/CopyIcon.tsx | 1 +
.../ui/Icons/CrossIcon/CrossIcon.stories.tsx | 1 +
.../src/ui/Icons/CrossIcon/CrossIcon.tsx | 1 +
.../DataDestinationIcon.stories.tsx | 1 +
.../DataDestinationIcon.tsx | 1 +
.../DataSourceIcon/DataSourceIcon.stories.tsx | 1 +
.../Icons/DataSourceIcon/DataSourceIcon.tsx | 1 +
.../Icons/DiscordIcon/DiscordIcon.stories.tsx | 1 +
.../src/ui/Icons/DiscordIcon/DiscordIcon.tsx | 1 +
.../src/ui/Icons/DocIcon/DocIcon.stories.tsx | 1 +
.../src/ui/Icons/DocIcon/DocIcon.tsx | 1 +
.../DoubleArrowIcon.stories.tsx | 1 +
.../Icons/DoubleArrowIcon/DoubleArrowIcon.tsx | 1 +
.../Icons/EyeOffIcon/EyeOffIcon.stories.tsx | 1 +
.../src/ui/Icons/EyeOffIcon/EyeOffIcon.tsx | 1 +
.../ui/Icons/EyeOnIcon/EyeOnIcon.stories.tsx | 1 +
.../src/ui/Icons/EyeOnIcon/EyeOnIcon.tsx | 1 +
.../FacebookIcon/FacebookIcon.stories.tsx | 1 +
.../ui/Icons/FacebookIcon/FacebookIcon.tsx | 1 +
.../Icons/FilterIcon/FilterIcon.stories.tsx | 1 +
.../src/ui/Icons/FilterIcon/FilterIcon.tsx | 1 +
.../FolderInUseIcon.stories.tsx | 1 +
.../Icons/FolderInUseIcon/FolderInUseIcon.tsx | 1 +
.../FolderPlusIcon/FolderPlusIcon.stories.tsx | 1 +
.../Icons/FolderPlusIcon/FolderPlusIcon.tsx | 1 +
.../src/ui/Icons/GcsIcon/GcsIcon.stories.tsx | 1 +
.../src/ui/Icons/GcsIcon/GcsIcon.tsx | 1 +
.../ui/Icons/GearIcon/GearIcon.stories.tsx | 1 +
.../src/ui/Icons/GearIcon/GearIcon.tsx | 1 +
.../GitBranchIcon/GitBranchIcon.stories.tsx | 1 +
.../ui/Icons/GitBranchIcon/GitBranchIcon.tsx | 1 +
.../GitCommitIcon/GitCommitIcon.stories.tsx | 1 +
.../ui/Icons/GitCommitIcon/GitCommitIcon.tsx | 1 +
.../Icons/GitHubIcon/GitHubIcon.stories.tsx | 1 +
.../src/ui/Icons/GitHubIcon/GitHubIcon.tsx | 1 +
.../Icons/GitTagIcon/GitTagIcon.stories.tsx | 1 +
.../src/ui/Icons/GitTagIcon/GitTagIcon.tsx | 1 +
.../GoogleDriveIcon.stories.tsx | 1 +
.../Icons/GoogleDriveIcon/GoogleDriveIcon.tsx | 1 +
.../Icons/GoogleIcon/GoogleIcon.stories.tsx | 1 +
.../src/ui/Icons/GoogleIcon/GoogleIcon.tsx | 1 +
.../GoogleSheetIcon.stories.tsx | 1 +
.../Icons/GoogleSheetIcon/GoogleSheetIcon.tsx | 1 +
.../ui/Icons/GrpcIcon/GrpcIcon.stories.tsx | 1 +
.../src/ui/Icons/GrpcIcon/GrpcIcon.tsx | 1 +
.../ui/Icons/HttpIcon/HttpIcon.stories.tsx | 1 +
.../src/ui/Icons/HttpIcon/HttpIcon.tsx | 1 +
.../HuggingFaceIcon.stories.tsx | 1 +
.../Icons/HuggingFaceIcon/HuggingFaceIcon.tsx | 1 +
.../src/ui/Icons/IdIcon/IdIcon.stories.tsx | 1 +
.../src/ui/Icons/IdIcon/IdIcon.tsx | 1 +
.../ImageClassificationIcon.stories.tsx | 1 +
.../ImageClassificationIcon.tsx | 1 +
.../ImageToImageIcon.stories.tsx | 1 +
.../ImageToImageIcon/ImageToImageIcon.tsx | 1 +
.../ImageToImageIcon.stories.tsx | 1 +
.../Icons/ImageToTextIcon/ImageToTextIcon.tsx | 1 +
.../InstanceSegmentationIcon.stories.tsx | 1 +
.../InstanceSegmentationIcon.tsx | 1 +
.../src/ui/Icons/IotIcon/IotIcon.stories.tsx | 1 +
.../src/ui/Icons/IotIcon/IotIcon.tsx | 1 +
.../KeypointDetectionIcon.stories.tsx | 1 +
.../KeypointDetectionIcon.tsx | 1 +
.../LinkedInIcon/LinkedInIcon.stories.tsx | 1 +
.../ui/Icons/LinkedInIcon/LinkedInIcon.tsx | 1 +
.../LocalUploadIcon.stories.tsx | 1 +
.../Icons/LocalUploadIcon/LocalUploadIcon.tsx | 1 +
.../Icons/MediumIcon/MediumIcon.stories.tsx | 1 +
.../src/ui/Icons/MediumIcon/MediumIcon.tsx | 1 +
.../ui/Icons/MenuIcon/MenuIcon.stories.tsx | 1 +
.../src/ui/Icons/MenuIcon/MenuIcon.tsx | 1 +
.../MetabaseIcon/MetabaseIcon.stories.tsx | 1 +
.../ui/Icons/MetabaseIcon/MetabaseIcon.tsx | 1 +
.../ui/Icons/MinusIcon/MinusIcon.stories.tsx | 1 +
.../src/ui/Icons/MinusIcon/MinusIcon.tsx | 1 +
.../ui/Icons/ModelIcon/ModelIcon.stories.tsx | 1 +
.../src/ui/Icons/ModelIcon/ModelIcon.tsx | 1 +
.../ModelInstanceIcon.stories.tsx | 1 +
.../ModelInstanceIcon/ModelInstanceIcon.tsx | 1 +
.../MongoDbAtalasIcon.stories.tsx | 1 +
.../MongoDbAtalasIcon/MongoDbAtalasIcon.tsx | 1 +
.../Icons/MongoDbIcon/MongoDbIcon.stories.tsx | 1 +
.../src/ui/Icons/MongoDbIcon/MongoDbIcon.tsx | 1 +
.../ui/Icons/MySqlIcon/MySqlIcon.stories.tsx | 1 +
.../src/ui/Icons/MySqlIcon/MySqlIcon.tsx | 1 +
.../ObjectDetectionIcon.stories.tsx | 1 +
.../ObjectDetectionIcon.tsx | 1 +
.../ui/Icons/OnnxIcon/OnnxIcon.stories.tsx | 1 +
.../src/ui/Icons/OnnxIcon/OnnxIcon.tsx | 1 +
...pticalCharacterRecognitionIcon.stories.tsx | 1 +
.../OpticalCharacterRecognitionIcon.tsx | 1 +
.../src/ui/Icons/PenIcon/PenIcon.stories.tsx | 1 +
.../src/ui/Icons/PenIcon/PenIcon.tsx | 1 +
.../src/ui/Icons/PinIcon/PinIcon.stories.tsx | 1 +
.../src/ui/Icons/PinIcon/PinIcon.tsx | 1 +
.../PipelineIcon/PipelineIcon.stories.tsx | 1 +
.../ui/Icons/PipelineIcon/PipelineIcon.tsx | 1 +
.../PixelCheckIcon/PixelCheckIcon.stories.tsx | 1 +
.../Icons/PixelCheckIcon/PixelCheckIcon.tsx | 1 +
.../PixelCrossIcon/PixelCrossIcon.stories.tsx | 1 +
.../Icons/PixelCrossIcon/PixelCrossIcon.tsx | 1 +
.../ui/Icons/PlusIcon/PlusIcon.stories.tsx | 1 +
.../src/ui/Icons/PlusIcon/PlusIcon.tsx | 1 +
.../PostgreSqlIcon/PostgreSqlIcon.stories.tsx | 1 +
.../Icons/PostgreSqlIcon/PostgreSqlIcon.tsx | 1 +
.../Icons/PyTorchIcon/PyTorchIcon.stories.tsx | 1 +
.../src/ui/Icons/PyTorchIcon/PyTorchIcon.tsx | 1 +
.../Icons/PythonIcon/PythonIcon.stories.tsx | 1 +
.../src/ui/Icons/PythonIcon/PythonIcon.tsx | 1 +
.../ui/Icons/RedshiftIcon/RedShiftIcon.tsx | 1 +
.../RedshiftIcon/RedshiftIcon.stories.tsx | 1 +
.../Icons/RefreshIcon/RefreshIcon.stories.tsx | 1 +
.../src/ui/Icons/RefreshIcon/RefreshIcon.tsx | 1 +
.../ResourceIcon/ResourceIcon.stories.tsx | 1 +
.../ui/Icons/ResourceIcon/ResourceIcon.tsx | 1 +
.../SalesforceIcon/SalesforceIcon.stories.tsx | 1 +
.../Icons/SalesforceIcon/SalesforceIcon.tsx | 1 +
.../SemanticSegmentationIcon.stories.tsx | 1 +
.../SemanticSegmentationIcon.tsx | 1 +
.../Icons/ShopifyIcon/ShopifyIcon.stories.tsx | 1 +
.../src/ui/Icons/ShopifyIcon/ShopifyIcon.tsx | 1 +
.../ui/Icons/SlackIcon/SlackIcon.stories.tsx | 1 +
.../src/ui/Icons/SlackIcon/SlackIcon.tsx | 1 +
.../SnowflakeIcon/SnowflakeIcon.stories.tsx | 1 +
.../ui/Icons/SnowflakeIcon/SnowflakeIcon.tsx | 1 +
.../SquarePlusIcon/SquarePlusIcon.stories.tsx | 1 +
.../Icons/SquarePlusIcon/SquarePlusIcon.tsx | 1 +
.../StatusErrorIcon.stories.tsx | 1 +
.../Icons/StatusErrorIcon/StatusErrorIcon.tsx | 1 +
.../StatusOffIcon/StatusOffIcon.stories.tsx | 1 +
.../ui/Icons/StatusOffIcon/StatusOffIcon.tsx | 1 +
.../StatusOnIcon/StatusOnIcon.stories.tsx | 1 +
.../ui/Icons/StatusOnIcon/StatusOnIcon.tsx | 1 +
.../SyncArrowsIcon/SyncArrowsIcon.stories.tsx | 1 +
.../Icons/SyncArrowsIcon/SyncArrowsIcon.tsx | 1 +
.../ui/Icons/SyncIcon/SyncIcon.stories.tsx | 1 +
.../src/ui/Icons/SyncIcon/SyncIcon.tsx | 1 +
.../TensorFlowIcon/TensorFlowIcon.stories.tsx | 1 +
.../Icons/TensorFlowIcon/TensorFlowIcon.tsx | 1 +
.../TextGenerationIcon.stories.tsx | 1 +
.../TextGenerationIcon/TextGenerationIcon.tsx | 1 +
.../TextToImageIcon.stories.tsx | 1 +
.../Icons/TextToImageIcon/TextToImageIcon.tsx | 1 +
.../Icons/ToggleIcon/ToggleIcon.stories.tsx | 1 +
.../src/ui/Icons/ToggleIcon/ToggleIcon.tsx | 1 +
.../Icons/ToolboxIcon/ToolboxIcon.stories.tsx | 1 +
.../src/ui/Icons/ToolboxIcon/ToolboxIcon.tsx | 1 +
.../Icons/TwitterIcon/TwitterIcon.stories.tsx | 1 +
.../src/ui/Icons/TwitterIcon/TwitterIcon.tsx | 1 +
.../Icons/VersionIcon/VersionIcon.stories.tsx | 1 +
.../src/ui/Icons/VersionIcon/VersionIcon.tsx | 1 +
.../VisualDataOperatorIcon.stories.tsx | 1 +
.../VisualDataOperatorIcon.tsx | 1 +
.../src/ui/Icons/XIcon/XIcon.stories.tsx | 1 +
.../src/ui/Icons/XIcon/XIcon.tsx | 1 +
packages/design-system/src/ui/Icons/index.ts | 317 +++---
.../BasicInputDescription.stories.tsx | 1 +
.../BasicInputDescription.tsx | 1 +
.../InputDescriptionBase.stories.tsx | 1 +
.../BasicInputLabel.stories.tsx | 1 +
.../BasicInputLabel/BasicInputLabel.tsx | 1 +
.../InputLabelBase/InputLabelBase.stories.tsx | 1 +
.../InputLabelBase/InputLabelBase.tsx | 1 +
.../TextAreaInputLabel.stories.tsx | 1 +
.../TextAreaInputLabel/TextAreaInputLabel.tsx | 1 +
.../design-system/src/ui/InputLabels/index.ts | 4 +-
.../src/ui/Logo/Logo.stories.tsx | 1 +
.../design-system/src/ui/Logo/Logo.test.tsx | 3 +-
.../src/ui/Logo/ModelLogo.stories.tsx | 1 +
.../src/ui/Logo/VdpLogo.stories.tsx | 1 +
packages/design-system/src/ui/ModalRoot.tsx | 2 +-
.../DarkBgSquareProgress.stories.tsx | 1 +
.../DarkBgSquareProgress.tsx | 1 +
.../NoBgSquareProgress.stories.tsx | 1 +
.../NoBgSquareProgress/NoBgSquareProgress.tsx | 1 +
.../SquareProgressBase.stories.tsx | 1 +
.../SquareProgressBase/SquareProgressBase.tsx | 2 +
.../WhiteBgSquareProgress.stories.tsx | 1 +
.../WhiteBgSquareProgress.tsx | 1 +
.../design-system/src/ui/Progress/index.ts | 8 +-
.../BasicProgressMessageBox.stories.tsx | 1 +
.../BasicProgressMessageBox.tsx | 1 +
.../ProgressMessageBoxBase.stories.tsx | 1 +
.../ProgressMessageBoxBase.tsx | 5 +-
.../src/ui/ProgressMessageBoxs/index.ts | 2 +-
.../BasicSingleSelect.stories.tsx | 5 +-
.../BasicSingleSelect/BasicSingleSelect.tsx | 1 +
.../SingleSelectBase/SelectItem.tsx | 7 +-
.../SingleSelectBase.stories.tsx | 7 +-
.../SingleSelectBase/SingleSelectBase.tsx | 4 +-
.../BasicTextArea/BasicTextArea.stories.tsx | 3 +-
.../TextAreas/BasicTextArea/BasicTextArea.tsx | 1 +
.../TextAreaBase/TextAreaBase.stories.tsx | 1 +
.../TextAreas/TextAreaBase/TextAreaBase.tsx | 3 +-
.../BasicTextField/BasicTextField.stories.tsx | 3 +-
.../BasicTextField/BasicTextField.tsx | 1 +
.../ProtectedBasicTextField.stories.tsx | 3 +-
.../ProtectedBasicTextField.tsx | 1 +
.../TextFieldBase/TextFieldBase.stories.tsx | 1 +
.../TextFieldBase/TextFieldBase.tsx | 5 +-
.../BasicToggleField.stories.tsx | 3 +-
.../BasicToggleField/BasicToggleField.tsx | 1 +
.../StatefulToggleField.stories.tsx | 3 +-
.../StatefulToggleField.tsx | 1 +
.../ToggleFieldBase.stories.tsx | 3 +-
.../ToggleFieldBase/ToggleFieldBase.tsx | 3 +-
.../src/ui/ToggleFields/index.ts | 4 +-
.../BasicUploadFileField.stories.tsx | 1 +
.../BasicUploadFileField.tsx | 1 +
.../UploadFileFieldBase.stories.tsx | 1 +
.../UploadFileFieldBase.tsx | 5 +-
.../src/ui/UploadFileFields/index.ts | 2 +-
packages/design-system/src/ui/index.ts | 8 +-
packages/design-system/vitest.config.ts | 2 +-
.../design-tokens/src/buildTailwindPreset.ts | 3 +-
packages/design-tokens/vitest.config.ts | 2 +-
packages/prettier-config-cortex/index.js | 21 +-
packages/prettier-config-cortex/package.json | 3 +
packages/toolkit/setupTests.ts | 2 +
.../src/components/AutoresizeInput.tsx | 1 +
.../src/components/ClonePipelineDialog.tsx | 19 +-
packages/toolkit/src/components/CodeBlock.tsx | 1 +
.../src/components/CopyToClipboardButton.tsx | 1 +
.../src/components/DeleteResourceModal.tsx | 13 +-
.../components/EmptyImageInputPlaceholder.tsx | 1 +
.../toolkit/src/components/EntitySelector.tsx | 3 +-
.../GeneralDeleteResourceDialog.tsx | 4 +-
.../src/components/InlineTextSeparator.tsx | 1 +
.../NamespaceAvatarWithFallback.tsx | 3 +-
packages/toolkit/src/components/PageBase.tsx | 2 +-
packages/toolkit/src/components/PageTitle.tsx | 1 +
.../src/components/RealTimeTextEditor.tsx | 8 +-
.../src/components/ReferenceHintTag.tsx | 3 +-
.../toolkit/src/components/StateLabel.tsx | 1 +
.../src/components/TableLoadingProgress.tsx | 1 +
.../src/components/TablePlaceholderBase.tsx | 3 +-
.../components/UploadImageFieldWithCrop.tsx | 8 +-
.../src/components/UserProfileCard.tsx | 8 +-
.../components/WarnUnsavedChangesDialog.tsx | 2 +
.../BreadcrumbWithLink.tsx | 5 +-
.../src/components/card-model/CardModel.tsx | 12 +-
.../src/components/card-model/Menu.tsx | 4 +-
.../src/components/card-model/Stats.tsx | 1 +
.../src/components/card-model/Tags.tsx | 4 +-
.../src/components/card-pipeline/Body.tsx | 6 +-
.../src/components/card-pipeline/Footer.tsx | 10 +-
.../src/components/card-pipeline/Head.tsx | 10 +-
.../src/components/card-pipeline/Menu.tsx | 4 +-
.../src/components/cells/GeneralStateCell.tsx | 4 +-
.../src/components/cells/TableCell.tsx | 1 +
.../src/components/top-bar/AppTopbar.tsx | 11 +-
.../components/top-bar/CETopbarDropdown.tsx | 6 +-
.../top-bar/CloudTopbarDropdown.tsx | 8 +-
.../components/top-bar/NamespaceSwitch.tsx | 9 +-
.../src/components/top-bar/NavLinks.tsx | 10 +-
.../components/top-bar/RemainingCredit.tsx | 4 +-
.../src/components/top-bar/TopbarDropdown.tsx | 1 +
.../src/components/top-bar/TopbarLinks.tsx | 8 +-
.../components/top-bar/TopbarMiscLinks.tsx | 6 +-
.../getConditionFormPath.test.ts | 5 +-
.../getFieldsPaths/getFieldPaths.test.ts | 5 +-
.../pickSelectedConditionMap.test.ts | 5 +-
.../pickSelectedConditionMap.ts | 2 +-
...formAirbyteSchemaToAirbyteFormTree.test.ts | 5 +-
...transformAirbyteSchemaToAirbyteFormTree.ts | 2 +-
.../helpers/transformAirbyteSchemaToYup.ts | 5 +-
.../airbytes/hooks/useAirbyteFieldValues.ts | 3 +-
.../lib/airbytes/hooks/useAirbyteFormTree.ts | 5 +-
.../hooks/useAirbyteSelectedConditionMap.ts | 1 +
.../lib/airbytes/hooks/useBuildAirbyteYup.ts | 3 +-
packages/toolkit/src/lib/airbytes/types.ts | 5 +-
.../src/lib/amplitude/AmplitudeContext.ts | 3 +-
packages/toolkit/src/lib/amplitude/helper.ts | 3 +-
.../src/lib/amplitude/useSendAmplitudeData.ts | 1 +
.../src/lib/dashboard/getPipeLineOptions.ts | 1 +
packages/toolkit/src/lib/dot/index.test.ts | 3 +-
.../useCreateUpdateDeleteResourceGuard.tsx | 3 +-
...PipelineBuilderUnsavedChangesNavigation.ts | 5 +-
.../lib/hook/useNavigateBackAfterLogin.tsx | 1 +
packages/toolkit/src/lib/hook/useRefSize.ts | 1 +
.../toolkit/src/lib/hook/useWindowSize.ts | 3 +-
packages/toolkit/src/lib/index.ts | 6 +-
.../connector/useConnectorDefinition.ts | 3 +-
.../connector/useConnectorDefinitions.ts | 3 +-
.../react-query-service/hub/useHubStats.ts | 1 +
.../metric/usePipelineTriggerRecords.ts | 3 +-
.../metric/useTriggeredPipelines.ts | 3 +-
.../metric/useTriggeredPipelinesChart.ts | 3 +-
.../mgmt/use-api-tokens/server.ts | 3 +-
.../mgmt/use-authenticated-user/client.ts | 1 +
.../mgmt/use-authenticated-user/server.ts | 1 +
.../mgmt/use-namespace-type/client.ts | 1 +
.../mgmt/use-namespace-type/server.ts | 1 +
.../mgmt/use-user/client.ts | 1 +
.../mgmt/use-user/server.ts | 1 +
.../react-query-service/mgmt/useApiToken.ts | 3 +-
.../react-query-service/mgmt/useApiTokens.ts | 5 +-
.../mgmt/useAuthenticatedUserSubscription.ts | 3 +-
.../mgmt/useCreateApiToken.ts | 8 +-
.../mgmt/useDeleteApiToken.ts | 4 +-
.../mgmt/useMgmtDefinition.ts | 1 +
.../mgmt/useNamespacesRemainingCredit.ts | 3 +-
.../mgmt/useRemainingCredit.ts | 1 +
.../mgmt/useUpdateAuthenticatedUser.ts | 5 +-
.../lib/react-query-service/mgmt/useUser.tsx | 3 +-
.../lib/react-query-service/mgmt/useUsers.ts | 3 +-
.../model/onSuccessAfterModelMutation.ts | 3 +-
.../model/use-user-model/client.ts | 1 +
.../model/use-user-model/server.ts | 1 +
.../model/useCreateUserModel.ts | 3 +-
.../model/useDeleteUserModel.ts | 3 +-
.../model/useDeployUserModel.ts | 1 +
.../model/useInfiniteModelVersions.ts | 5 +-
.../model/useInfiniteModels.ts | 5 +-
.../model/useInfiniteUserModels.ts | 5 +-
.../model/useLastModelTriggerResult.ts | 3 +-
.../model/useModelDefinition.ts | 3 +-
.../model/useModelDefinitions.ts | 3 +-
.../model/useModelRegions.ts | 1 +
.../model/useTriggerUserModel.tsx | 7 +-
.../model/useTriggerUserModelAsync.tsx | 7 +-
.../model/useUndeployUserModel.ts | 1 +
.../model/useUpdateUserModel.ts | 3 +-
.../model/useUserModel.tsx | 1 +
.../model/useUserModels.ts | 5 +-
.../model/useWatchUserModels.ts | 4 +-
.../use-organization-memberships/client.ts | 1 +
.../use-organization-memberships/server.ts | 1 +
.../organization/use-organization/client.ts | 1 +
.../organization/use-organization/server.ts | 1 +
.../organization/useCreateOrganization.ts | 2 +-
.../organization/useDeleteOrganization.ts | 3 +-
.../useDeleteOrganizationMembership.ts | 3 +-
.../organization/useDeleteUserMembership.ts | 3 +-
.../organization/useOrganizationMembership.ts | 1 +
.../useOrganizationSubscription.ts | 1 +
.../organization/useOrganizations.ts | 5 +-
.../organization/useUpdateOrganization.ts | 3 +-
.../useUpdateOrganizationMembership.ts | 3 +-
.../organization/useUpdateUserMembership.ts | 3 +-
.../organization/useUserMembership.ts | 1 +
.../organization/useUserMemberships.ts | 1 +
.../use-user-pipeline-releases/server.ts | 2 +-
.../pipeline/use-user-pipeline/client.ts | 1 +
.../pipeline/use-user-pipeline/server.ts | 1 +
.../pipeline/use-user-pipelines/client.ts | 4 +-
.../pipeline/use-user-pipelines/server.ts | 4 +-
.../pipeline/use-user-secret/client.ts | 1 +
.../pipeline/use-user-secret/server.ts | 1 +
.../pipeline/use-user-secrets/client.ts | 1 +
.../pipeline/use-user-secrets/server.ts | 3 +-
.../pipeline/useCloneNamespacePipeline.ts | 7 +-
.../pipeline/useCreateUserPipeline.ts | 8 +-
.../pipeline/useCreateUserPipelineRelease.ts | 11 +-
.../pipeline/useCreateUserSecret.ts | 10 +-
.../pipeline/useDeleteUserPipeline.ts | 4 +-
.../pipeline/useDeleteUserPipelineRelease.ts | 5 +-
.../pipeline/useDeleteUserSecret.ts | 3 +-
.../pipeline/useInfinitePipelines.ts | 7 +-
.../pipeline/useInfiniteUserPipelines.ts | 7 +-
.../pipeline/useOperatorDefinition.ts | 3 +-
.../pipeline/useOperatorDefinitions.ts | 3 +-
.../pipeline/usePipelines.ts | 5 +-
.../pipeline/useRenameUserPipeline.tsx | 8 +-
.../pipeline/useRestoreUserPipelineRelease.ts | 13 +-
.../useSetDefaultUserPipelineRelease.ts | 13 +-
.../pipeline/useTriggerAsyncUserPipeline.tsx | 3 +-
.../useTriggerAsyncUserPipelineRelease.tsx | 7 +-
.../pipeline/useTriggerUserPipeline.tsx | 7 +-
.../useTriggerUserPipelineRelease.tsx | 7 +-
.../pipeline/useUpdateUserPipeline.ts | 8 +-
.../pipeline/useUpdateUserPipelineRelease.ts | 15 +-
.../pipeline/useUserPipelineRelease.ts | 3 +-
.../pipeline/useUserPipelines.ts | 5 +-
.../pipeline/useWatchUserPipelineRelease.ts | 3 +-
.../pipeline/useWatchUserPipelineReleases.ts | 3 +-
.../lib/store/useConfigureModelFormStore.ts | 7 +-
.../lib/store/useConfigureSourceFormStore.ts | 5 +-
.../lib/store/useCreateResourceFormStore.ts | 5 +-
packages/toolkit/src/lib/test/utils.tsx | 3 +-
.../toolkit/src/lib/tip-tap/extensions.ts | 22 +-
packages/toolkit/src/lib/tip-tap/markdown.ts | 27 +-
packages/toolkit/src/lib/toastInstillError.ts | 4 +-
packages/toolkit/src/lib/type/general.ts | 2 +-
.../useControllableState.tsx | 1 +
.../common/FieldDescriptionTooltip.tsx | 1 +
.../components/common/VideoPreview.tsx | 2 +-
.../component-output/CopyButton.tsx | 1 +
.../components/component-output/FieldRoot.tsx | 3 +-
.../component-output/MDTextViewer.tsx | 6 +-
.../component-output/ObjectField.tsx | 3 +-
.../component-output/ObjectsField.tsx | 3 +-
.../components/regular/BooleanField.tsx | 2 +
.../regular/CollapsibleFormGroup.tsx | 2 +
.../regular/CredentialTextField.tsx | 4 +-
.../components/regular/ImageField.tsx | 6 +-
.../components/regular/ImagesField.tsx | 10 +-
.../regular/OneOfConditionField.tsx | 6 +-
.../components/regular/SingleSelectField.tsx | 6 +-
.../components/regular/TextAreaField.tsx | 2 +
.../components/regular/TextField.tsx | 2 +
.../smart-hint/SmartHintInfoCard.tsx | 8 +-
.../components/smart-hint/SmartHintList.tsx | 10 +-
.../components/smart-hint/TextArea.tsx | 21 +-
.../components/smart-hint/TextField.tsx | 21 +-
.../smart-hint/onClickSmartHint.tsx | 3 +-
.../components/smart-hint/onInputChange.tsx | 5 +-
.../components/smart-hint/onInputKeydown.tsx | 3 +-
.../smart-hint/useFilteredHints.tsx | 8 +-
.../useValidateReferenceAndTemplate.tsx | 2 +-
.../AudioField.tsx | 6 +-
.../AudioListItem.tsx | 2 +
.../AudiosField.tsx | 6 +-
.../BooleanField.tsx | 7 +-
.../trigger-request-form-fields/FieldHead.tsx | 4 +-
.../trigger-request-form-fields/FileField.tsx | 4 +-
.../FilesField.tsx | 4 +-
.../ImageField.tsx | 4 +-
.../ImagesField.tsx | 4 +-
.../LongTextField.tsx | 14 +-
.../NumberField.tsx | 3 +-
.../NumbersField.tsx | 6 +-
.../ObjectField.tsx | 3 +-
.../trigger-request-form-fields/TextField.tsx | 3 +-
.../TextareaField.tsx | 3 +-
.../TextsField.tsx | 6 +-
.../UploadFileInput.tsx | 1 +
.../VideoField.tsx | 6 +-
.../VideosField.tsx | 6 +-
...mponentOutputFieldsFromInstillFormTree.tsx | 7 +-
.../pickPipelineTriggerRequestFormFields.tsx | 3 +-
.../pickRegularFieldsFromInstillFormTree.tsx | 11 +-
.../pick/pickSelectedConditionMap.test.ts | 3 +-
.../recursivelyResetFormData.test.ts | 3 +-
...sformInstillFormTreeToDefaultValue.test.ts | 3 +-
...FormTreeToInitialSelectedCondition.test.ts | 3 +-
...ansformInstillJSONSchemaToFormTree.test.ts | 3 +-
.../transformInstillJSONSchemaToFormTree.ts | 5 +-
.../transformInstillJSONSchemaToZod.test.ts | 5 +-
.../transformInstillJSONSchemaToZod.ts | 7 +-
...nsformPipelineTriggerRequestFieldsToZod.ts | 1 +
.../toolkit/src/lib/use-instill-form/types.ts | 3 +-
.../useComponentOutputFields.tsx | 7 +-
.../use-instill-form/useInstillForm.test.tsx | 8 +-
.../lib/use-instill-form/useInstillForm.tsx | 21 +-
.../useInstillSelectedConditionMap.tsx | 4 +-
.../usePipelineTriggerRequestForm.tsx | 6 +-
.../src/lib/use-instill-store/generalSlice.ts | 3 +-
.../use-instill-store/pipelineBuilderSlice.ts | 12 +-
.../use-instill-store/recentlyUsedSlice.ts | 1 +
.../lib/use-instill-store/smartHintSlice.ts | 3 +-
.../src/lib/use-instill-store/types.ts | 7 +-
.../lib/use-instill-store/useInstillStore.ts | 9 +-
.../fields/GroupByFormatField.tsx | 3 +-
.../fields/ListField.tsx | 1 +
.../useOutputReferenceHintsFields.tsx | 3 +-
.../pickSmartHintsFromAcceptFormats.test.ts | 3 +-
.../use-smart-hint/pickSmartHintsFromNodes.ts | 16 +-
.../transformFormTreeToSmartHints.test.ts | 3 +-
...neTriggerRequestFieldsToSmartHints.test.ts | 5 +-
packages/toolkit/src/lib/useRouteInfo.ts | 3 +-
packages/toolkit/src/lib/useUserNamespaces.ts | 3 +-
.../helper/createInstillAxiosClient.ts | 1 +
.../lib/vdp-sdk/helper/getQueryString.test.ts | 3 +-
.../lib/vdp-sdk/metric/pipeline/queries.ts | 2 +-
.../toolkit/src/lib/vdp-sdk/model/actions.ts | 4 +-
.../toolkit/src/lib/vdp-sdk/model/queries.ts | 8 +-
.../toolkit/src/lib/vdp-sdk/model/types.ts | 3 +-
.../src/lib/vdp-sdk/operation/queries.ts | 4 +-
.../src/lib/vdp-sdk/organization/mutations.ts | 6 +-
.../toolkit/src/lib/vdp-sdk/pipeline/types.ts | 5 +-
packages/toolkit/src/lib/vdp-sdk/types.ts | 6 +-
packages/toolkit/src/server/utility/cookie.ts | 2 +-
.../getHumanReadableStringFromTime.test.ts | 3 +-
.../src/server/utility/removeObjKey.test.ts | 3 +-
.../view/airbyte/AirbyteDestinationFields.tsx | 5 +-
.../view/airbyte/OneOfConditionSection.tsx | 19 +-
.../view/airbyte/useBuildAirbyteFields.tsx | 24 +-
.../DashboardPipelineDetailsPageMainView.tsx | 11 +-
.../DashboardPipelineListPageMainView.tsx | 18 +-
.../dashboard/DashboardPipelinesTable.tsx | 5 +-
.../src/view/dashboard/FilterByDay.tsx | 5 +-
.../PipelineTriggerCountsLineChart.tsx | 4 +-
.../dashboard/PipelineTriggersSummary.tsx | 4 +-
.../view/dashboard/PipelineTriggersTable.tsx | 8 +-
.../src/view/dashboard/RemainingTriggers.tsx | 6 +-
.../dashboard/TriggersTablePlaceholder.tsx | 1 +
.../src/view/model/CreateModelForm.tsx | 49 +-
.../view/model/ModelHubListPageMainView.tsx | 14 +-
.../model/ModelHubSettingPageMainView.tsx | 7 +-
.../src/view/model/ModelTablePlaceholder.tsx | 6 +-
.../toolkit/src/view/model/ModelsList.tsx | 8 +-
.../src/view/model/ModelsListPagination.tsx | 6 +-
.../toolkit/src/view/model/ModelsTable.tsx | 8 +-
.../src/view/model/view-model/ModelApi.tsx | 6 +-
.../model/view-model/ModelContentViewer.tsx | 4 +-
.../src/view/model/view-model/ModelHead.tsx | 16 +-
.../view/model/view-model/ModelOverview.tsx | 24 +-
.../src/view/model/view-model/ModelReadme.tsx | 13 +-
.../view-model/ModelSettingsEditForm.tsx | 26 +-
.../view/model/view-model/ModelVersions.tsx | 12 +-
.../toolkit/src/view/not-found/LinkBlock.tsx | 5 +-
.../src/view/not-found/NotFoundView.tsx | 4 +-
.../src/view/pipeline-builder/Flow.tsx | 7 +-
.../PipelineBuilderMainView.tsx | 28 +-
.../components/BackToLatestVersionTopBar.tsx | 4 +-
.../pipeline-builder/components/BottomBar.tsx | 9 +-
.../ComponentOutputReferenceHints.tsx | 1 +
.../components/ComponentOutputs.tsx | 1 +
.../components/CustomEdge.tsx | 3 +-
.../components/CustomHandle.tsx | 3 +-
.../components/PipelineBuilderCanvas.tsx | 9 +-
.../components/PipelineToolkitDialog.tsx | 4 +-
.../components/ReadOnlyPipelineBuilder.tsx | 8 +-
.../components/RemainingCreditCTA.tsx | 4 +-
.../components/VerticalSortableWrapper.tsx | 3 +-
.../dialogs/publish-pipeline-dialog/Head.tsx | 1 +
.../publish-pipeline-dialog/Metadata.tsx | 6 +-
.../PublishPipelineDialog.tsx | 9 +-
.../publish-pipeline-dialog/ReadmeEditor.tsx | 10 +-
.../select-component-dialog/AISection.tsx | 5 +-
.../ApplicationSection.tsx | 5 +-
.../select-component-dialog/DataSection.tsx | 5 +-
.../GenericSection.tsx | 1 +
.../OpoeratorSection.tsx | 5 +-
.../select-component-dialog/Section.tsx | 3 +-
.../SelectComponentDialog.tsx | 8 +-
.../dialogs/share-pipeline-dialog/Head.tsx | 1 +
.../SharePipelineDialog.tsx | 3 +-
.../share-pipeline-dialog/TabPublish.tsx | 2 +
.../share-pipeline-dialog/TabShare.tsx | 14 +-
.../UnpublishPipelineDialog.tsx | 4 +-
.../iterator-editor/IteratorEditor.tsx | 7 +-
.../iterator-input/IterateElementHint.tsx | 8 +-
.../iterator-input/IteratorInput.tsx | 10 +-
.../iterator-output/AddOutputButton.tsx | 6 +-
.../iterator-output/DeleteOutputButton.tsx | 1 +
.../iterator-output/IteratorOutput.tsx | 7 +-
.../iterator-output/OutputKeyField.tsx | 4 +-
.../iterator-output/OutputValueInput.tsx | 6 +-
.../iterator-output/OutputValueSelect.tsx | 10 +-
.../components/nodes/EmptyNode.tsx | 3 +-
.../nodes/common/NodeDropdownMenu.tsx | 2 +
.../components/nodes/common/NodeHead.tsx | 2 +-
.../components/nodes/common/NodeIDEditor.tsx | 13 +-
.../nodes/common/NodeSortableFieldWrapper.tsx | 7 +-
.../components/nodes/common/NodeWrapper.tsx | 12 +-
.../node-bottom-bar/NodeBottomBarContext.tsx | 1 +
.../node-bottom-bar/NodeBottomBarMenu.tsx | 8 +-
.../node-bottom-bar/NodeBottomBarOutput.tsx | 4 +-
.../node-bottom-bar/NodeBottomBarSchema.tsx | 3 +-
.../nodes/control-panel/ControlPanel.tsx | 1 +
.../nodes/control-panel/NodeControlPanel.tsx | 12 +-
.../VariableResponseNodeControlPanel.tsx | 4 +-
.../general-node/DataConnectorFreeForm.tsx | 9 +-
.../nodes/general-node/GeneralNode.tsx | 20 +-
.../iterator-node/IteratorComponentLable.tsx | 5 +-
.../nodes/iterator-node/IteratorNode.tsx | 8 +-
.../nodes/response-node/ResponseNode.tsx | 24 +-
.../response-node/ResponseNodeFreeForm.tsx | 3 +-
.../response-node/UserDefinedFieldItem.tsx | 4 +-
.../nodes/variable-node/VariableNode.tsx | 40 +-
.../variable-node/VariableNodeFields.tsx | 2 +
.../variable-node/VariableNodeFreeForm.tsx | 7 +-
.../variable-node/VariableNodeTypeSelect.tsx | 6 +-
.../components/release-menu/Description.tsx | 1 +
.../components/release-menu/ReleaseMenu.tsx | 18 +-
.../components/release-menu/SemverSelect.tsx | 5 +-
...pelineGeneralComponentFormOnRightPanel.tsx | 10 +-
.../components/right-panel/RightPanel.tsx | 4 +-
.../top-control-menu/PipelineName.tsx | 12 +-
.../components/top-control-menu/Release.tsx | 2 +
.../components/top-control-menu/Run.tsx | 6 +-
.../components/top-control-menu/Save.tsx | 4 +-
.../components/top-control-menu/Share.tsx | 10 +-
.../components/top-control-menu/Toolkit.tsx | 12 +-
.../top-control-menu/TopControlMenu.tsx | 20 +-
.../lib/checkIsValidPosition.test.ts | 3 +-
.../pipeline-builder/lib/checkNodeType.tsx | 1 +
...eCompleteNodesUnderEditingIteratorMode.tsx | 3 +-
.../lib/composeEdgesFromNodes.test.ts | 5 +-
.../lib/composeEdgesFromNodes.ts | 19 +-
.../composePipelineComponentMapFromNodes.ts | 5 +-
...omposePipelineMetadataMapFromNodes.test.ts | 3 +-
.../composePipelineMetadataMapFromNodes.ts | 1 +
.../lib/composePipelineRecipeFromNodes.tsx | 7 +-
.../lib/createGraphLayout.tsx | 1 +
.../lib/createNodesFromPipelineComponents.tsx | 2 +-
.../lib/createNodesFromPipelineRecipe.tsx | 1 +
.../lib/generateNewComponentIndex.test.ts | 3 +-
.../pipeline-builder/lib/getAllNodeID.tsx | 1 +
.../lib/getGeneralComponentInOutputSchema.ts | 3 +-
.../lib/getReferencesFromString.test.ts | 3 +-
.../lib/hooks/useAddNodeWithDefinition.tsx | 7 +-
.../lib/hooks/useCheckIsHidden.tsx | 1 +
.../lib/hooks/usePipelineBuilderGraph.tsx | 4 +-
.../lib/hooks/useRenamePipeline.tsx | 16 +-
.../lib/hooks/useSavePipeline.tsx | 22 +-
.../lib/hooks/useSortedReleases.tsx | 1 +
.../lib/hooks/useUpdaterOnNode.tsx | 14 +-
.../lib/hooks/useUpdaterOnRightPanel.tsx | 14 +-
.../lib/recursive-helpers/index.ts | 2 +-
.../recursiveParseNumberToString.test.ts | 3 +-
.../recursiveParseToNum.test.ts | 3 +-
...iveRemoveUndefinedAndNullFromArray.test.ts | 3 +-
...aceNullAndEmptyStringWithUndefined.test.ts | 3 +-
.../recursiveReplaceTargetValue.test.ts | 3 +-
.../toolkit/src/view/pipeline-builder/type.ts | 8 +-
.../pipeline/PipelineTablePlaceholder.tsx | 7 +-
.../src/view/pipeline/PipelinesTable.tsx | 6 +-
.../view-pipeline/EditMetadataDialog.tsx | 10 +-
.../src/view/pipeline/view-pipeline/Head.tsx | 24 +-
.../view/pipeline/view-pipeline/InOutPut.tsx | 12 +-
.../src/view/pipeline/view-pipeline/Menu.tsx | 20 +-
.../view/pipeline/view-pipeline/Readme.tsx | 13 +-
.../view/pipeline/view-pipeline/RunButton.tsx | 8 +-
.../pipeline/view-pipeline/ViewPipeline.tsx | 11 +-
.../view-pipelines/CreatePipelineDialog.tsx | 16 +-
.../pipeline/view-pipelines/ViewPipelines.tsx | 25 +-
.../view/profile/user-profile-view/Bio.tsx | 8 +-
.../user-profile-view/UserProfileView.tsx | 15 +-
.../src/view/settings/SettingSidebar.tsx | 2 +-
.../toolkit/src/view/settings/SettingTab.tsx | 1 +
.../settings/api-tokens/APITokenNameCell.tsx | 3 +-
.../settings/api-tokens/APITokenTable.tsx | 8 +-
.../api-tokens/CreateAPITokenDialog.tsx | 14 +-
.../api-tokens/DeleteAPITokenDialog.tsx | 12 +-
.../settings/secrets/CreateSecretDialog.tsx | 16 +-
.../settings/secrets/DeleteSecretDialog.tsx | 12 +-
.../src/view/settings/secrets/SecretTable.tsx | 6 +-
.../view/settings/user/UserAPITokenTab.tsx | 1 +
.../src/view/settings/user/UserAccountTab.tsx | 10 +-
.../src/view/settings/user/UserProfileTab.tsx | 15 +-
.../src/view/settings/user/UserSecretTab.tsx | 3 +-
.../src/view/settings/user/UserSidebar.tsx | 1 +
packages/toolkit/tsup.config.ts | 2 +-
packages/toolkit/vitest.config.ts | 2 +-
pnpm-lock.yaml | 991 +++++++++++++-----
995 files changed, 3216 insertions(+), 1687 deletions(-)
diff --git a/apps/console/integration-test/helpers/actions/pipeline.ts b/apps/console/integration-test/helpers/actions/pipeline.ts
index 256ad5f15a..04e7fae42e 100644
--- a/apps/console/integration-test/helpers/actions/pipeline.ts
+++ b/apps/console/integration-test/helpers/actions/pipeline.ts
@@ -1,9 +1,10 @@
+import { Page } from "@playwright/test";
+
+import { DataTestID } from "../../data-testid";
import { PipelineBuilderPage } from "../../pages/pipeline-builder.page";
import { PipelineListPage } from "../../pages/pipeline-list";
-import { Page } from "@playwright/test";
import { PipelineOverviewPage } from "../../pages/pipeline-overview.page";
import { getDropdownContent } from "../component-helpers/dropdown";
-import { DataTestID } from "../../data-testid";
export async function createPipeline(page: Page, pipelineID: string) {
const pipelineListPage = new PipelineListPage(page);
diff --git a/apps/console/integration-test/helpers/first-time-login.test.ts b/apps/console/integration-test/helpers/first-time-login.test.ts
index fa230a0c28..0f90113a83 100644
--- a/apps/console/integration-test/helpers/first-time-login.test.ts
+++ b/apps/console/integration-test/helpers/first-time-login.test.ts
@@ -1,4 +1,5 @@
import { test } from "@playwright/test";
+
import { LoginPage } from "../pages/login.page";
import { OnboardingPage } from "../pages/onboarding.page";
import { PipelineListPage } from "../pages/pipeline-list";
diff --git a/apps/console/integration-test/main.test.ts b/apps/console/integration-test/main.test.ts
index e4e4b3f41c..119e2a47f7 100644
--- a/apps/console/integration-test/main.test.ts
+++ b/apps/console/integration-test/main.test.ts
@@ -1,7 +1,8 @@
import { test } from "@playwright/test";
+
import { shouldChangeComponentID } from "./tests/should-change-component-id.test";
-import { shouldUnmarshalJSONInput } from "./tests/should-unmarshal.test";
import { shouldEditAndCreateStartAndEndOperatorField } from "./tests/should-edit-create-start-end-field.test";
+import { shouldUnmarshalJSONInput } from "./tests/should-unmarshal.test";
test.describe(shouldChangeComponentID);
test.describe(shouldUnmarshalJSONInput);
diff --git a/apps/console/integration-test/pages/onboarding.page.ts b/apps/console/integration-test/pages/onboarding.page.ts
index 380dacd1b8..f69980e688 100644
--- a/apps/console/integration-test/pages/onboarding.page.ts
+++ b/apps/console/integration-test/pages/onboarding.page.ts
@@ -1,4 +1,4 @@
-import { Locator, Page, expect } from "@playwright/test";
+import { expect, Locator, Page } from "@playwright/test";
export class OnboardingPage {
readonly page: Page;
diff --git a/apps/console/integration-test/pages/pipeline-builder.page.ts b/apps/console/integration-test/pages/pipeline-builder.page.ts
index 681650b47e..2d20d2137e 100644
--- a/apps/console/integration-test/pages/pipeline-builder.page.ts
+++ b/apps/console/integration-test/pages/pipeline-builder.page.ts
@@ -1,4 +1,5 @@
import { Locator, Page } from "@playwright/test";
+
import { getSelectContent } from "../helpers/component-helpers/select";
export class PipelineBuilderPage {
diff --git a/apps/console/integration-test/tests/should-change-component-id.test.ts b/apps/console/integration-test/tests/should-change-component-id.test.ts
index e599b11a5f..e64e69429a 100644
--- a/apps/console/integration-test/tests/should-change-component-id.test.ts
+++ b/apps/console/integration-test/tests/should-change-component-id.test.ts
@@ -1,8 +1,9 @@
-import { test, expect } from "@playwright/test";
-import { PipelineBuilderPage } from "../pages/pipeline-builder.page";
-import { getSelectContent } from "../helpers/component-helpers/select";
+import { expect, test } from "@playwright/test";
+
import { DataTestID } from "../data-testid";
import { createPipeline, deletePipeline } from "../helpers/actions/pipeline";
+import { getSelectContent } from "../helpers/component-helpers/select";
+import { PipelineBuilderPage } from "../pages/pipeline-builder.page";
export function shouldChangeComponentID() {
const pipelineID = "change-component-node-id";
diff --git a/apps/console/integration-test/tests/should-edit-create-start-end-field.test.ts b/apps/console/integration-test/tests/should-edit-create-start-end-field.test.ts
index 3337e0dca2..f172720a61 100644
--- a/apps/console/integration-test/tests/should-edit-create-start-end-field.test.ts
+++ b/apps/console/integration-test/tests/should-edit-create-start-end-field.test.ts
@@ -1,6 +1,7 @@
-import { test, expect } from "@playwright/test";
-import { PipelineBuilderPage } from "../pages/pipeline-builder.page";
+import { expect, test } from "@playwright/test";
+
import { createPipeline, deletePipeline } from "../helpers/actions/pipeline";
+import { PipelineBuilderPage } from "../pages/pipeline-builder.page";
export function shouldEditAndCreateStartAndEndOperatorField() {
const pipelineID = "start-field-test";
diff --git a/apps/console/integration-test/tests/should-unmarshal.test.ts b/apps/console/integration-test/tests/should-unmarshal.test.ts
index 639616f9f0..06baa2306f 100644
--- a/apps/console/integration-test/tests/should-unmarshal.test.ts
+++ b/apps/console/integration-test/tests/should-unmarshal.test.ts
@@ -1,7 +1,8 @@
import { test } from "@playwright/test";
-import { PipelineOverviewPage } from "../pages/pipeline-overview.page";
-import { PipelineBuilderPage } from "../pages/pipeline-builder.page";
+
import { createPipeline, deletePipeline } from "../helpers/actions/pipeline";
+import { PipelineBuilderPage } from "../pages/pipeline-builder.page";
+import { PipelineOverviewPage } from "../pages/pipeline-overview.page";
export function shouldUnmarshalJSONInput() {
const pipelineID = "unmarshal-test";
diff --git a/apps/console/src/app/(providers)/amplitude-client-provider.tsx b/apps/console/src/app/(providers)/amplitude-client-provider.tsx
index f59500e8a5..8760bfb1e1 100644
--- a/apps/console/src/app/(providers)/amplitude-client-provider.tsx
+++ b/apps/console/src/app/(providers)/amplitude-client-provider.tsx
@@ -1,5 +1,7 @@
"use client";
+
import * as React from "react";
+
import { AmplitudeCtx } from "@instill-ai/toolkit";
export const AmplitudeProvider = ({
diff --git a/apps/console/src/app/(providers)/root-provider.tsx b/apps/console/src/app/(providers)/root-provider.tsx
index dd996f1cfa..253a0c9b2e 100644
--- a/apps/console/src/app/(providers)/root-provider.tsx
+++ b/apps/console/src/app/(providers)/root-provider.tsx
@@ -1,11 +1,9 @@
"use client";
import * as React from "react";
+import { usePathname } from "next/navigation";
import { Toaster, useToast } from "@instill-ai/design-system";
-import { AmplitudeProvider } from "./amplitude-client-provider";
-import { ReactQueryProvider } from "./react-query-client-provider";
-import { usePathname } from "next/navigation";
import {
InstillStore,
Nullable,
@@ -16,6 +14,9 @@ import {
useShallow,
} from "@instill-ai/toolkit";
+import { AmplitudeProvider } from "./amplitude-client-provider";
+import { ReactQueryProvider } from "./react-query-client-provider";
+
const selector = (store: InstillStore) => ({
initPipelineBuilder: store.initPipelineBuilder,
initIteratorRelatedState: store.initIteratorRelatedState,
diff --git a/apps/console/src/app/404/page.tsx b/apps/console/src/app/404/page.tsx
index 4d802bdd62..dd70d34389 100644
--- a/apps/console/src/app/404/page.tsx
+++ b/apps/console/src/app/404/page.tsx
@@ -1,4 +1,5 @@
import { Metadata } from "next";
+
import { NotFoundPageRender } from "./render";
export async function generateMetadata() {
diff --git a/apps/console/src/app/404/render.tsx b/apps/console/src/app/404/render.tsx
index 13969d12f8..18ba50b93e 100644
--- a/apps/console/src/app/404/render.tsx
+++ b/apps/console/src/app/404/render.tsx
@@ -1,8 +1,9 @@
"use client";
-import { NotFoundView } from "@instill-ai/toolkit";
import * as React from "react";
+import { NotFoundView } from "@instill-ai/toolkit";
+
export const NotFoundPageRender = () => {
return ;
};
diff --git a/apps/console/src/app/[entity]/dashboard/page.tsx b/apps/console/src/app/[entity]/dashboard/page.tsx
index a59dfe4a9c..7cc7332748 100644
--- a/apps/console/src/app/[entity]/dashboard/page.tsx
+++ b/apps/console/src/app/[entity]/dashboard/page.tsx
@@ -1,6 +1,7 @@
-import { DashboardPageRender } from "./render";
import { Metadata } from "next";
+import { DashboardPageRender } from "./render";
+
export async function generateMetadata(): Promise {
const metadata: Metadata = {
title: `Instill Core | Dashboard`,
diff --git a/apps/console/src/app/[entity]/dashboard/pipeline/[id]/page.tsx b/apps/console/src/app/[entity]/dashboard/pipeline/[id]/page.tsx
index 02e6875f13..7bf16dfbc6 100644
--- a/apps/console/src/app/[entity]/dashboard/pipeline/[id]/page.tsx
+++ b/apps/console/src/app/[entity]/dashboard/pipeline/[id]/page.tsx
@@ -1,6 +1,7 @@
-import { PipelineDashboardPageRender } from "./render";
import { Metadata } from "next";
+import { PipelineDashboardPageRender } from "./render";
+
type Props = {
params: { id: string; entity: string };
};
diff --git a/apps/console/src/app/[entity]/dashboard/pipeline/[id]/render.tsx b/apps/console/src/app/[entity]/dashboard/pipeline/[id]/render.tsx
index a09019a650..f376003021 100644
--- a/apps/console/src/app/[entity]/dashboard/pipeline/[id]/render.tsx
+++ b/apps/console/src/app/[entity]/dashboard/pipeline/[id]/render.tsx
@@ -1,13 +1,14 @@
"use client";
+import { useRouter } from "next/navigation";
+import { useAppAccessToken } from "lib/use-app-access-token";
+import { useAppTrackToken } from "lib/useAppTrackToken";
+
import {
AppTopbar,
DashboardPipelineDetailsPageMainView,
PageBase,
} from "@instill-ai/toolkit";
-import { useAppAccessToken } from "lib/use-app-access-token";
-import { useAppTrackToken } from "lib/useAppTrackToken";
-import { useRouter } from "next/navigation";
export function PipelineDashboardPageRender() {
const accessToken = useAppAccessToken();
diff --git a/apps/console/src/app/[entity]/dashboard/render.tsx b/apps/console/src/app/[entity]/dashboard/render.tsx
index c8da8ff1e0..ed5803fac2 100644
--- a/apps/console/src/app/[entity]/dashboard/render.tsx
+++ b/apps/console/src/app/[entity]/dashboard/render.tsx
@@ -1,13 +1,14 @@
"use client";
+import { useRouter } from "next/navigation";
+import { useAppAccessToken } from "lib/use-app-access-token";
+import { useAppTrackToken } from "lib/useAppTrackToken";
+
import {
AppTopbar,
DashboardPipelineListPageMainView,
PageBase,
} from "@instill-ai/toolkit";
-import { useAppAccessToken } from "lib/use-app-access-token";
-import { useAppTrackToken } from "lib/useAppTrackToken";
-import { useRouter } from "next/navigation";
export function DashboardPageRender() {
const accessToken = useAppAccessToken();
diff --git a/apps/console/src/app/[entity]/models/[id]/[tab]/page.tsx b/apps/console/src/app/[entity]/models/[id]/[tab]/page.tsx
index 3c90993d9a..44bfdc0ef2 100644
--- a/apps/console/src/app/[entity]/models/[id]/[tab]/page.tsx
+++ b/apps/console/src/app/[entity]/models/[id]/[tab]/page.tsx
@@ -1,9 +1,9 @@
-import { ModelViewPageRender } from "./render";
import { Metadata } from "next";
-import {
- type ModelTabNames,
- getModelTabTitle,
-} from "@instill-ai/toolkit/server";
+
+import type { ModelTabNames } from "@instill-ai/toolkit/server";
+import { getModelTabTitle } from "@instill-ai/toolkit/server";
+
+import { ModelViewPageRender } from "./render";
type Props = {
params: { id: string; entity: string; tab: string };
diff --git a/apps/console/src/app/[entity]/models/[id]/[tab]/render.tsx b/apps/console/src/app/[entity]/models/[id]/[tab]/render.tsx
index 53f5b301e6..6f5e37ff52 100644
--- a/apps/console/src/app/[entity]/models/[id]/[tab]/render.tsx
+++ b/apps/console/src/app/[entity]/models/[id]/[tab]/render.tsx
@@ -1,13 +1,14 @@
"use client";
+import { useRouter } from "next/navigation";
+import { useAppAccessToken } from "lib/use-app-access-token";
+import { useAppTrackToken } from "lib/useAppTrackToken";
+
import {
AppTopbar,
ModelHubSettingPageMainView,
PageBase,
} from "@instill-ai/toolkit";
-import { useAppAccessToken } from "lib/use-app-access-token";
-import { useAppTrackToken } from "lib/useAppTrackToken";
-import { useRouter } from "next/navigation";
export function ModelViewPageRender() {
const accessToken = useAppAccessToken();
diff --git a/apps/console/src/app/[entity]/models/create/page.tsx b/apps/console/src/app/[entity]/models/create/page.tsx
index 764be969de..14135c2254 100644
--- a/apps/console/src/app/[entity]/models/create/page.tsx
+++ b/apps/console/src/app/[entity]/models/create/page.tsx
@@ -1,6 +1,7 @@
-import { CreateModelPageRender } from "./render";
import { Metadata } from "next";
+import { CreateModelPageRender } from "./render";
+
export async function generateMetadata(): Promise {
const metadata: Metadata = {
title: `Instill Core | Create Model`,
diff --git a/apps/console/src/app/[entity]/models/create/render.tsx b/apps/console/src/app/[entity]/models/create/render.tsx
index 9dbe470e27..e789510392 100644
--- a/apps/console/src/app/[entity]/models/create/render.tsx
+++ b/apps/console/src/app/[entity]/models/create/render.tsx
@@ -1,11 +1,12 @@
"use client";
+import { useAppTrackToken } from "lib/useAppTrackToken";
+
import {
AppTopbar,
ModelHubCreatePageMainView,
PageBase,
} from "@instill-ai/toolkit";
-import { useAppTrackToken } from "lib/useAppTrackToken";
export function CreateModelPageRender() {
useAppTrackToken({ enabled: true });
diff --git a/apps/console/src/app/[entity]/models/page.tsx b/apps/console/src/app/[entity]/models/page.tsx
index 599daceb10..5ac367a2b8 100644
--- a/apps/console/src/app/[entity]/models/page.tsx
+++ b/apps/console/src/app/[entity]/models/page.tsx
@@ -1,6 +1,7 @@
-import { ModelsPageRender } from "./render";
import { Metadata } from "next";
+import { ModelsPageRender } from "./render";
+
export async function generateMetadata(): Promise {
const metadata: Metadata = {
title: `Instill Core | Models`,
diff --git a/apps/console/src/app/[entity]/models/render.tsx b/apps/console/src/app/[entity]/models/render.tsx
index b8f9c1c4ab..a0cf91f5e7 100644
--- a/apps/console/src/app/[entity]/models/render.tsx
+++ b/apps/console/src/app/[entity]/models/render.tsx
@@ -1,13 +1,14 @@
"use client";
+import { useRouter } from "next/navigation";
+import { useAppAccessToken } from "lib/use-app-access-token";
+import { useAppTrackToken } from "lib/useAppTrackToken";
+
import {
AppTopbar,
ModelHubListPageMainView,
PageBase,
} from "@instill-ai/toolkit";
-import { useAppAccessToken } from "lib/use-app-access-token";
-import { useAppTrackToken } from "lib/useAppTrackToken";
-import { useRouter } from "next/navigation";
export function ModelsPageRender() {
const accessToken = useAppAccessToken();
diff --git a/apps/console/src/app/[entity]/page.tsx b/apps/console/src/app/[entity]/page.tsx
index 05f32501dd..88a0b58f34 100644
--- a/apps/console/src/app/[entity]/page.tsx
+++ b/apps/console/src/app/[entity]/page.tsx
@@ -1,7 +1,9 @@
-import { fetchUser } from "@instill-ai/toolkit/server";
-import { ProfilePageRender } from "./render";
import { Metadata } from "next";
+
import { Nullable, User } from "@instill-ai/toolkit";
+import { fetchUser } from "@instill-ai/toolkit/server";
+
+import { ProfilePageRender } from "./render";
type Props = {
params: { id: string; entity: string };
diff --git a/apps/console/src/app/[entity]/pipelines/[id]/editor/page.tsx b/apps/console/src/app/[entity]/pipelines/[id]/editor/page.tsx
index 2d8dcc3594..49a4fa3d68 100644
--- a/apps/console/src/app/[entity]/pipelines/[id]/editor/page.tsx
+++ b/apps/console/src/app/[entity]/pipelines/[id]/editor/page.tsx
@@ -1,4 +1,5 @@
import { Metadata } from "next";
+
import { PipelineBuilderRender } from "./render";
type Props = {
diff --git a/apps/console/src/app/[entity]/pipelines/[id]/editor/render.tsx b/apps/console/src/app/[entity]/pipelines/[id]/editor/render.tsx
index 3d7979e43e..d366e50b35 100644
--- a/apps/console/src/app/[entity]/pipelines/[id]/editor/render.tsx
+++ b/apps/console/src/app/[entity]/pipelines/[id]/editor/render.tsx
@@ -1,9 +1,10 @@
"use client";
-import { PipelineBuilderMainView } from "@instill-ai/toolkit";
import { useAppAccessToken } from "lib/use-app-access-token";
import { useAppTrackToken } from "lib/useAppTrackToken";
+import { PipelineBuilderMainView } from "@instill-ai/toolkit";
+
export const PipelineBuilderRender = () => {
useAppAccessToken();
useAppTrackToken({ enabled: true });
diff --git a/apps/console/src/app/[entity]/pipelines/[id]/page.tsx b/apps/console/src/app/[entity]/pipelines/[id]/page.tsx
index d97bad4fd8..2d818368eb 100644
--- a/apps/console/src/app/[entity]/pipelines/[id]/page.tsx
+++ b/apps/console/src/app/[entity]/pipelines/[id]/page.tsx
@@ -1,11 +1,13 @@
+import { Metadata } from "next";
+import { cookies } from "next/headers";
+
import { Nullable, Pipeline } from "@instill-ai/toolkit";
import {
fetchNamespaceType,
fetchUserPipeline,
} from "@instill-ai/toolkit/server";
+
import { PipelineOverviewPageRender } from "./render";
-import { Metadata } from "next";
-import { cookies } from "next/headers";
type Props = {
params: { id: string; entity: string };
diff --git a/apps/console/src/app/[entity]/pipelines/[id]/render.tsx b/apps/console/src/app/[entity]/pipelines/[id]/render.tsx
index 38aa0bae83..7447aec732 100644
--- a/apps/console/src/app/[entity]/pipelines/[id]/render.tsx
+++ b/apps/console/src/app/[entity]/pipelines/[id]/render.tsx
@@ -1,9 +1,10 @@
"use client";
-import { AppTopbar, PageBase, ViewPipeline } from "@instill-ai/toolkit";
import { useAppAccessToken } from "lib/use-app-access-token";
import { useAppTrackToken } from "lib/useAppTrackToken";
+import { AppTopbar, PageBase, ViewPipeline } from "@instill-ai/toolkit";
+
export function PipelineOverviewPageRender() {
useAppAccessToken({
disabledRedirectingVisitor: true,
diff --git a/apps/console/src/app/[entity]/pipelines/page.tsx b/apps/console/src/app/[entity]/pipelines/page.tsx
index dce460c9d4..f737ad64d7 100644
--- a/apps/console/src/app/[entity]/pipelines/page.tsx
+++ b/apps/console/src/app/[entity]/pipelines/page.tsx
@@ -1,4 +1,5 @@
import { Metadata } from "next";
+
import { PipelinesViewPageRender } from "./render";
export async function generateMetadata() {
diff --git a/apps/console/src/app/[entity]/pipelines/render.tsx b/apps/console/src/app/[entity]/pipelines/render.tsx
index 23406d7882..9dbad8acad 100644
--- a/apps/console/src/app/[entity]/pipelines/render.tsx
+++ b/apps/console/src/app/[entity]/pipelines/render.tsx
@@ -1,9 +1,10 @@
"use client";
-import { AppTopbar, PageBase, ViewPipelines } from "@instill-ai/toolkit";
import { useAppAccessToken } from "lib/use-app-access-token";
import { useAppTrackToken } from "lib/useAppTrackToken";
+import { AppTopbar, PageBase, ViewPipelines } from "@instill-ai/toolkit";
+
export const PipelinesViewPageRender = () => {
useAppAccessToken();
useAppTrackToken({ enabled: true });
diff --git a/apps/console/src/app/[entity]/render.tsx b/apps/console/src/app/[entity]/render.tsx
index b0d6a8d0b2..eb16a1ee8c 100644
--- a/apps/console/src/app/[entity]/render.tsx
+++ b/apps/console/src/app/[entity]/render.tsx
@@ -1,9 +1,10 @@
"use client";
-import { AppTopbar, PageBase, UserProfileView } from "@instill-ai/toolkit";
import { useAppAccessToken } from "lib/use-app-access-token";
import { useAppTrackToken } from "lib/useAppTrackToken";
+import { AppTopbar, PageBase, UserProfileView } from "@instill-ai/toolkit";
+
export function ProfilePageRender() {
useAppAccessToken({
disabledRedirectingVisitor: true,
diff --git a/apps/console/src/app/api/access-token/route.ts b/apps/console/src/app/api/access-token/route.ts
index b45e800e50..082c188b46 100644
--- a/apps/console/src/app/api/access-token/route.ts
+++ b/apps/console/src/app/api/access-token/route.ts
@@ -1,6 +1,7 @@
-import { Nullable } from "@instill-ai/toolkit";
import { cookies } from "next/headers";
+import { Nullable } from "@instill-ai/toolkit";
+
export const GET = () => {
const cookieStore = cookies();
const authSessionCookie = cookieStore.get("instill-auth-session")?.value;
diff --git a/apps/console/src/app/api/auth/logout/route.ts b/apps/console/src/app/api/auth/logout/route.ts
index 94306e906b..7df40cc560 100644
--- a/apps/console/src/app/api/auth/logout/route.ts
+++ b/apps/console/src/app/api/auth/logout/route.ts
@@ -1,7 +1,8 @@
-import { authLogoutAction } from "@instill-ai/toolkit/server";
import { cookies } from "next/headers";
import { redirect } from "next/navigation";
+import { authLogoutAction } from "@instill-ai/toolkit/server";
+
export async function GET() {
const cookieStore = cookies();
const accessTokenKey = "instill-auth-session";
diff --git a/apps/console/src/app/layout.tsx b/apps/console/src/app/layout.tsx
index 214eab0c7f..2ea8705db8 100644
--- a/apps/console/src/app/layout.tsx
+++ b/apps/console/src/app/layout.tsx
@@ -1,4 +1,5 @@
import cn from "clsx";
+
import { env } from "@instill-ai/toolkit/server";
import "../styles/global.css";
@@ -9,7 +10,9 @@ import "@instill-ai/design-tokens/dist/theme/light.css";
import "@instill-ai/design-tokens/dist/theme/dark.css";
import "reactflow/dist/style.css";
import "../styles/tip-tap.css";
+
import { IBM_Plex_Mono, IBM_Plex_Sans } from "next/font/google";
+
import { RootProvider } from "./(providers)/root-provider";
const ibmPlexSans = IBM_Plex_Sans({
diff --git a/apps/console/src/app/login/render.tsx b/apps/console/src/app/login/render.tsx
index 129f5aa83d..5c5d822392 100644
--- a/apps/console/src/app/login/render.tsx
+++ b/apps/console/src/app/login/render.tsx
@@ -1,7 +1,8 @@
"use client";
import * as React from "react";
-import * as z from "zod";
+import { useRouter } from "next/navigation";
+import axios from "axios";
import {
AuthPageBase,
ChangePasswordForm,
@@ -9,16 +10,16 @@ import {
LoginForm,
LoginFormSchema,
} from "components";
-import { useRouter } from "next/navigation";
+import { useAppTrackToken } from "lib/useAppTrackToken";
+import * as z from "zod";
+
+import { useToast } from "@instill-ai/design-system";
import {
- Nullable,
changePasswordMutation,
getInstillApiErrorMessage,
+ Nullable,
useAuthenticatedUser,
} from "@instill-ai/toolkit";
-import { useToast } from "@instill-ai/design-system";
-import { useAppTrackToken } from "lib/useAppTrackToken";
-import axios from "axios";
import { authLoginAction } from "@instill-ai/toolkit/server";
export const LoginPageRender = () => {
diff --git a/apps/console/src/app/logout/page.tsx b/apps/console/src/app/logout/page.tsx
index f010ba0392..bc8153c1a5 100644
--- a/apps/console/src/app/logout/page.tsx
+++ b/apps/console/src/app/logout/page.tsx
@@ -1,7 +1,8 @@
-import { authLogoutAction } from "@instill-ai/toolkit/server";
import { cookies } from "next/headers";
import { redirect } from "next/navigation";
+import { authLogoutAction } from "@instill-ai/toolkit/server";
+
export default async function Page() {
const cookieStore = cookies();
const accessTokenKey = "instill-auth-session";
diff --git a/apps/console/src/app/onboarding/page.tsx b/apps/console/src/app/onboarding/page.tsx
index 8ed7c3f059..b948407620 100644
--- a/apps/console/src/app/onboarding/page.tsx
+++ b/apps/console/src/app/onboarding/page.tsx
@@ -1,4 +1,5 @@
import { Metadata } from "next";
+
import { OnboardingPageRender } from "./render";
export async function generateMetadata() {
diff --git a/apps/console/src/app/onboarding/render.tsx b/apps/console/src/app/onboarding/render.tsx
index 0fbad0066b..15e886b8aa 100644
--- a/apps/console/src/app/onboarding/render.tsx
+++ b/apps/console/src/app/onboarding/render.tsx
@@ -1,9 +1,10 @@
"use client";
-import { AppTopbar, PageBase, PageTitle } from "@instill-ai/toolkit";
import { OnboardingForm } from "components";
import { useAppAccessToken } from "lib/use-app-access-token";
+import { AppTopbar, PageBase, PageTitle } from "@instill-ai/toolkit";
+
export const OnboardingPageRender = () => {
useAppAccessToken();
return (
diff --git a/apps/console/src/app/render.tsx b/apps/console/src/app/render.tsx
index 1a8114b513..73bdc9a77a 100644
--- a/apps/console/src/app/render.tsx
+++ b/apps/console/src/app/render.tsx
@@ -1,9 +1,9 @@
"use client";
import * as React from "react";
+import { useRouter } from "next/navigation";
import { useAppAccessToken } from "lib/use-app-access-token";
import { useAppTrackToken } from "lib/useAppTrackToken";
-import { useRouter } from "next/navigation";
export const RootPageRender = () => {
useAppAccessToken();
diff --git a/apps/console/src/app/settings/account/page.tsx b/apps/console/src/app/settings/account/page.tsx
index e256703a55..15875b1b35 100644
--- a/apps/console/src/app/settings/account/page.tsx
+++ b/apps/console/src/app/settings/account/page.tsx
@@ -1,6 +1,7 @@
-import { AccountSettingPageRender } from "./render";
import { Metadata } from "next";
+import { AccountSettingPageRender } from "./render";
+
export async function generateMetadata(): Promise {
const metadata: Metadata = {
title: `Instill Core | Account Setting`,
diff --git a/apps/console/src/app/settings/account/render.tsx b/apps/console/src/app/settings/account/render.tsx
index 609d36c59e..a2f9a3d87c 100644
--- a/apps/console/src/app/settings/account/render.tsx
+++ b/apps/console/src/app/settings/account/render.tsx
@@ -1,5 +1,8 @@
"use client";
+import { useRouter } from "next/navigation";
+import { useAppAccessToken } from "lib/use-app-access-token";
+
import {
AppTopbar,
BreadcrumbWithLink,
@@ -8,8 +11,6 @@ import {
UserAccountTab,
UserSidebar,
} from "@instill-ai/toolkit";
-import { useAppAccessToken } from "lib/use-app-access-token";
-import { useRouter } from "next/navigation";
export function AccountSettingPageRender() {
const accessToken = useAppAccessToken();
diff --git a/apps/console/src/app/settings/api-tokens/page.tsx b/apps/console/src/app/settings/api-tokens/page.tsx
index af60d1b1f4..ada8fdb3b2 100644
--- a/apps/console/src/app/settings/api-tokens/page.tsx
+++ b/apps/console/src/app/settings/api-tokens/page.tsx
@@ -1,6 +1,7 @@
-import { ApiTokenSettingdPageRender } from "./render";
import { Metadata } from "next";
+import { ApiTokenSettingdPageRender } from "./render";
+
export async function generateMetadata(): Promise {
const metadata: Metadata = {
title: `Instill Core | API Token Setting`,
diff --git a/apps/console/src/app/settings/api-tokens/render.tsx b/apps/console/src/app/settings/api-tokens/render.tsx
index 9b46e0942b..80bd36c531 100644
--- a/apps/console/src/app/settings/api-tokens/render.tsx
+++ b/apps/console/src/app/settings/api-tokens/render.tsx
@@ -1,5 +1,8 @@
"use client";
+import { useRouter } from "next/navigation";
+import { useAppAccessToken } from "lib/use-app-access-token";
+
import {
AppTopbar,
BreadcrumbWithLink,
@@ -8,8 +11,6 @@ import {
UserAPITokenTab,
UserSidebar,
} from "@instill-ai/toolkit";
-import { useAppAccessToken } from "lib/use-app-access-token";
-import { useRouter } from "next/navigation";
export function ApiTokenSettingdPageRender() {
const accessToken = useAppAccessToken();
diff --git a/apps/console/src/app/settings/profile/page.tsx b/apps/console/src/app/settings/profile/page.tsx
index 6e11f86712..041595094d 100644
--- a/apps/console/src/app/settings/profile/page.tsx
+++ b/apps/console/src/app/settings/profile/page.tsx
@@ -1,6 +1,7 @@
-import { ProfileSettingPageRender } from "./rendex";
import { Metadata } from "next";
+import { ProfileSettingPageRender } from "./rendex";
+
export async function generateMetadata(): Promise {
const metadata: Metadata = {
title: `Instill Core | Profile Setting`,
diff --git a/apps/console/src/app/settings/profile/rendex.tsx b/apps/console/src/app/settings/profile/rendex.tsx
index 4cc46c6d4e..5fae203585 100644
--- a/apps/console/src/app/settings/profile/rendex.tsx
+++ b/apps/console/src/app/settings/profile/rendex.tsx
@@ -1,5 +1,8 @@
"use client";
+import { useRouter } from "next/navigation";
+import { useAppAccessToken } from "lib/use-app-access-token";
+
import {
AppTopbar,
BreadcrumbWithLink,
@@ -8,8 +11,6 @@ import {
UserProfileTab,
UserSidebar,
} from "@instill-ai/toolkit";
-import { useAppAccessToken } from "lib/use-app-access-token";
-import { useRouter } from "next/navigation";
export function ProfileSettingPageRender() {
const accessToken = useAppAccessToken();
diff --git a/apps/console/src/app/settings/secrets/page.tsx b/apps/console/src/app/settings/secrets/page.tsx
index 1d0a18c75a..a5c88664e3 100644
--- a/apps/console/src/app/settings/secrets/page.tsx
+++ b/apps/console/src/app/settings/secrets/page.tsx
@@ -1,6 +1,7 @@
-import { SecretSettingdPageRender } from "./render";
import { Metadata } from "next";
+import { SecretSettingdPageRender } from "./render";
+
export async function generateMetadata(): Promise {
const metadata: Metadata = {
title: `Instill Core | Secrets Setting`,
diff --git a/apps/console/src/app/settings/secrets/render.tsx b/apps/console/src/app/settings/secrets/render.tsx
index 8d008606df..21b9eec6a6 100644
--- a/apps/console/src/app/settings/secrets/render.tsx
+++ b/apps/console/src/app/settings/secrets/render.tsx
@@ -1,5 +1,7 @@
"use client";
+import { useAppAccessToken } from "lib/use-app-access-token";
+
import {
AppTopbar,
BreadcrumbWithLink,
@@ -8,7 +10,6 @@ import {
UserSecretTab,
UserSidebar,
} from "@instill-ai/toolkit";
-import { useAppAccessToken } from "lib/use-app-access-token";
export function SecretSettingdPageRender() {
useAppAccessToken();
diff --git a/apps/console/src/app/sitemap.ts b/apps/console/src/app/sitemap.ts
index 1b48c39c6b..d947404a0d 100644
--- a/apps/console/src/app/sitemap.ts
+++ b/apps/console/src/app/sitemap.ts
@@ -1,6 +1,7 @@
-import { Organization, Pipeline, User } from "@instill-ai/toolkit";
import { MetadataRoute } from "next";
+import { Organization, Pipeline, User } from "@instill-ai/toolkit";
+
export default async function sitemap(): Promise {
const sitemaps: MetadataRoute.Sitemap = [];
const defaultApiUrl = "https://api.instill.tech";
diff --git a/apps/console/src/components/AuthPageBase.tsx b/apps/console/src/components/AuthPageBase.tsx
index 6a717edceb..dd877b0bd1 100644
--- a/apps/console/src/components/AuthPageBase.tsx
+++ b/apps/console/src/components/AuthPageBase.tsx
@@ -1,6 +1,7 @@
-import { Logo } from "@instill-ai/design-system";
import Image from "next/image";
+import { Logo } from "@instill-ai/design-system";
+
export const AuthPageBase = ({ children }: { children: React.ReactNode }) => {
return {children}
;
};
diff --git a/apps/console/src/components/ChangePasswordForm.tsx b/apps/console/src/components/ChangePasswordForm.tsx
index 3cd7fe68f1..2841e8dfe5 100644
--- a/apps/console/src/components/ChangePasswordForm.tsx
+++ b/apps/console/src/components/ChangePasswordForm.tsx
@@ -1,7 +1,8 @@
-import { Button, Form, Input } from "@instill-ai/design-system";
-import * as z from "zod";
-import { useForm } from "react-hook-form";
import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
+import * as z from "zod";
+
+import { Button, Form, Input } from "@instill-ai/design-system";
export const ChangePasswordFormSchema = z.object({
newPassword: z
diff --git a/apps/console/src/components/LoginForm.tsx b/apps/console/src/components/LoginForm.tsx
index 68f18c897e..3cee9585b7 100644
--- a/apps/console/src/components/LoginForm.tsx
+++ b/apps/console/src/components/LoginForm.tsx
@@ -1,7 +1,8 @@
-import { Button, Form, Input } from "@instill-ai/design-system";
-import * as z from "zod";
-import { useForm } from "react-hook-form";
import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
+import * as z from "zod";
+
+import { Button, Form, Input } from "@instill-ai/design-system";
export const LoginFormSchema = z.object({
username: z.string(),
diff --git a/apps/console/src/components/ModelReadmeMarkdown.tsx b/apps/console/src/components/ModelReadmeMarkdown.tsx
index 96be40e193..8880c7d68b 100644
--- a/apps/console/src/components/ModelReadmeMarkdown.tsx
+++ b/apps/console/src/components/ModelReadmeMarkdown.tsx
@@ -1,10 +1,10 @@
import * as React from "react";
import cn from "clsx";
-import remarkFrontmatter from "remark-frontmatter";
import ReactMarkdown from "react-markdown";
-import { Nullable } from "@instill-ai/toolkit";
+import remarkFrontmatter from "remark-frontmatter";
import { NoBgSquareProgress } from "@instill-ai/design-system";
+import { Nullable } from "@instill-ai/toolkit";
export type ModelReadmeMarkdownProps = {
markdown: Nullable;
diff --git a/apps/console/src/components/OnboardingForm.tsx b/apps/console/src/components/OnboardingForm.tsx
index 94f22aef62..2c13282c01 100644
--- a/apps/console/src/components/OnboardingForm.tsx
+++ b/apps/console/src/components/OnboardingForm.tsx
@@ -1,30 +1,28 @@
"use client";
import { ChangeEvent, useCallback, useState } from "react";
+import { useRouter } from "next/navigation";
import axios from "axios";
import { v4 as uuidv4 } from "uuid";
+import type { AuthenticatedUser, Nullable } from "@instill-ai/toolkit";
import {
BasicProgressMessageBox,
- BasicTextField,
- ProgressMessageBoxState,
BasicSingleSelect,
+ BasicTextField,
BasicToggleField,
- SolidButton,
FormRoot,
+ ProgressMessageBoxState,
SelectOption,
+ SolidButton,
} from "@instill-ai/design-system";
-
import {
- type AuthenticatedUser,
- type Nullable,
- useAmplitudeCtx,
- sendAmplitudeData,
instillUserRoles,
- useUpdateAuthenticatedUser,
+ sendAmplitudeData,
+ useAmplitudeCtx,
useInstillStore,
+ useUpdateAuthenticatedUser,
} from "@instill-ai/toolkit";
-import { useRouter } from "next/navigation";
export type OnboardingFormValues = {
email: Nullable;
diff --git a/apps/console/src/lib/use-app-access-token/client.ts b/apps/console/src/lib/use-app-access-token/client.ts
index b9080ea7b1..34a6bde0d4 100644
--- a/apps/console/src/lib/use-app-access-token/client.ts
+++ b/apps/console/src/lib/use-app-access-token/client.ts
@@ -1,15 +1,17 @@
"use client";
import * as React from "react";
+import { useRouter } from "next/navigation";
+import axios from "axios";
+
import {
InstillStore,
useInstillStore,
useQuery,
useShallow,
} from "@instill-ai/toolkit";
-import { useRouter } from "next/navigation";
+
import { fetchAccessToken } from "./server";
-import axios from "axios";
const selector = (store: InstillStore) => ({
updateAccessToken: store.updateAccessToken,
diff --git a/apps/console/src/lib/use-app-access-token/server.ts b/apps/console/src/lib/use-app-access-token/server.ts
index 603ab86cb7..0bb136202c 100644
--- a/apps/console/src/lib/use-app-access-token/server.ts
+++ b/apps/console/src/lib/use-app-access-token/server.ts
@@ -1,8 +1,9 @@
+import axios from "axios";
+
import {
- QueryClient,
authValidateTokenAction,
+ QueryClient,
} from "@instill-ai/toolkit/server";
-import axios from "axios";
export async function fetchAccessToken() {
try {
diff --git a/apps/console/src/lib/useAppTrackToken.ts b/apps/console/src/lib/useAppTrackToken.ts
index d181455c50..4df9041994 100644
--- a/apps/console/src/lib/useAppTrackToken.ts
+++ b/apps/console/src/lib/useAppTrackToken.ts
@@ -1,8 +1,9 @@
"use client";
-import { useQuery } from "@instill-ai/toolkit";
-import axios from "axios";
import { useRouter } from "next/navigation";
+import axios from "axios";
+
+import { useQuery } from "@instill-ai/toolkit";
export function useAppTrackToken({ enabled }: { enabled: boolean }) {
const router = useRouter();
diff --git a/apps/console/src/pages/api/get-user-cookie.ts b/apps/console/src/pages/api/get-user-cookie.ts
index f593353af7..218106bed8 100644
--- a/apps/console/src/pages/api/get-user-cookie.ts
+++ b/apps/console/src/pages/api/get-user-cookie.ts
@@ -1,6 +1,7 @@
-import { Nullable } from "@instill-ai/toolkit";
import { NextApiRequest, NextApiResponse } from "next";
+import { Nullable } from "@instill-ai/toolkit";
+
const handler = async (req: NextApiRequest, res: NextApiResponse) => {
const { method, cookies, body } = req;
diff --git a/apps/console/src/pages/api/set-user-cookie.ts b/apps/console/src/pages/api/set-user-cookie.ts
index b61317198a..a51dbeb85b 100644
--- a/apps/console/src/pages/api/set-user-cookie.ts
+++ b/apps/console/src/pages/api/set-user-cookie.ts
@@ -1,11 +1,8 @@
-import {
- setCookie,
- env,
- removeCookie,
- type SetCookiePayload,
-} from "@instill-ai/toolkit/server";
import { NextApiRequest, NextApiResponse } from "next";
+import type { SetCookiePayload } from "@instill-ai/toolkit/server";
+import { env, removeCookie, setCookie } from "@instill-ai/toolkit/server";
+
const handler = async (req: NextApiRequest, res: NextApiResponse) => {
const { method, body } = req;
diff --git a/apps/instill-form-playground/package.json b/apps/instill-form-playground/package.json
index ea40752122..c133f9f8df 100644
--- a/apps/instill-form-playground/package.json
+++ b/apps/instill-form-playground/package.json
@@ -36,5 +36,6 @@
"**/*.{js,jsx,ts,tsx}": [
"eslint --cache --fix"
]
- }
+ },
+ "prettier": "@instill-ai/prettier-config-cortex"
}
diff --git a/apps/instill-form-playground/src/pages/_app.tsx b/apps/instill-form-playground/src/pages/_app.tsx
index ff2c95f157..1fa902cb98 100644
--- a/apps/instill-form-playground/src/pages/_app.tsx
+++ b/apps/instill-form-playground/src/pages/_app.tsx
@@ -2,6 +2,7 @@ import "@/styles/globals.css";
import "@instill-ai/design-tokens/dist/theme/root.css";
import "@instill-ai/design-tokens/dist/theme/light.css";
import "@instill-ai/design-tokens/dist/theme/dark.css";
+
import type { AppProps } from "next/app";
export default function App({ Component, pageProps }: AppProps) {
diff --git a/apps/instill-form-playground/src/pages/_document.tsx b/apps/instill-form-playground/src/pages/_document.tsx
index b2fff8b426..ffc3f3cccf 100644
--- a/apps/instill-form-playground/src/pages/_document.tsx
+++ b/apps/instill-form-playground/src/pages/_document.tsx
@@ -1,4 +1,4 @@
-import { Html, Head, Main, NextScript } from "next/document";
+import { Head, Html, Main, NextScript } from "next/document";
export default function Document() {
return (
diff --git a/apps/instill-form-playground/src/pages/index.tsx b/apps/instill-form-playground/src/pages/index.tsx
index ecacc2f1a1..8ff608d54d 100644
--- a/apps/instill-form-playground/src/pages/index.tsx
+++ b/apps/instill-form-playground/src/pages/index.tsx
@@ -1,8 +1,8 @@
import * as React from "react";
+import MonacoEditor from "@monaco-editor/react";
import * as z from "zod";
-import { Button, Form, Textarea } from "@instill-ai/design-system";
-import MonacoEditor from "@monaco-editor/react";
+import { Button, Form, Textarea } from "@instill-ai/design-system";
import { InstillJSONSchema, useInstillForm } from "@instill-ai/toolkit";
export default function Home() {
diff --git a/packages/design-system/setupTests.ts b/packages/design-system/setupTests.ts
index d7c36766ed..67d6211e66 100644
--- a/packages/design-system/setupTests.ts
+++ b/packages/design-system/setupTests.ts
@@ -1,5 +1,6 @@
-import { afterEach } from "vitest";
import { cleanup } from "@testing-library/react";
+import { afterEach } from "vitest";
+
import "@testing-library/jest-dom";
afterEach(() => {
diff --git a/packages/design-system/src/index.ts b/packages/design-system/src/index.ts
index f4b43aec66..2ba9e14545 100644
--- a/packages/design-system/src/index.ts
+++ b/packages/design-system/src/index.ts
@@ -1,5 +1,5 @@
-import { getTailwindClassNumber, getElementPosition } from "./utils";
import type { ElementPosition } from "./utils";
+import { getElementPosition, getTailwindClassNumber } from "./utils";
export * from "./new-ui";
export * from "./ui";
diff --git a/packages/design-system/src/new-ui/Breadcrumb/Breadcrumb.stories.tsx b/packages/design-system/src/new-ui/Breadcrumb/Breadcrumb.stories.tsx
index 26c05338e4..d6ac51b988 100644
--- a/packages/design-system/src/new-ui/Breadcrumb/Breadcrumb.stories.tsx
+++ b/packages/design-system/src/new-ui/Breadcrumb/Breadcrumb.stories.tsx
@@ -1,4 +1,5 @@
import type { Meta } from "@storybook/react";
+
import { Breadcrumb, BreadcrumbItem } from "./Breadcrumb";
const meta: Meta = {
diff --git a/packages/design-system/src/new-ui/Breadcrumb/Breadcrumb.tsx b/packages/design-system/src/new-ui/Breadcrumb/Breadcrumb.tsx
index 86bc8cfa70..a816759015 100644
--- a/packages/design-system/src/new-ui/Breadcrumb/Breadcrumb.tsx
+++ b/packages/design-system/src/new-ui/Breadcrumb/Breadcrumb.tsx
@@ -1,6 +1,7 @@
"use client";
import { Icons } from "../Icons";
+
export type BreadcrumbItem = {
label: string;
link?: string;
diff --git a/packages/design-system/src/new-ui/Button/Button.stories.tsx b/packages/design-system/src/new-ui/Button/Button.stories.tsx
index 324882a3be..b6c6722aba 100644
--- a/packages/design-system/src/new-ui/Button/Button.stories.tsx
+++ b/packages/design-system/src/new-ui/Button/Button.stories.tsx
@@ -1,8 +1,9 @@
import type { Meta, StoryObj } from "@storybook/react";
-import { Button } from "./Button";
-import { Icons } from "../Icons";
import * as React from "react";
+import { Icons } from "../Icons";
+import { Button } from "./Button";
+
const meta: Meta = {
title: "Components/NewUi/Button",
};
diff --git a/packages/design-system/src/new-ui/Button/Button.tsx b/packages/design-system/src/new-ui/Button/Button.tsx
index db2e6eeffd..cf5e3cb5c8 100644
--- a/packages/design-system/src/new-ui/Button/Button.tsx
+++ b/packages/design-system/src/new-ui/Button/Button.tsx
@@ -1,9 +1,10 @@
"use client";
-import cn from "clsx";
+import type { VariantProps } from "class-variance-authority";
import * as React from "react";
import { Slot } from "@radix-ui/react-slot";
-import { cva, type VariantProps } from "class-variance-authority";
+import { cva } from "class-variance-authority";
+import cn from "clsx";
const buttonVariants = cva(
"group inline-flex items-center justify-center transition-colors rounded focus:outline-none focus-visible:outline-none disabled:pointer-events-none",
diff --git a/packages/design-system/src/new-ui/Checkbox/Checkbox.stories.tsx b/packages/design-system/src/new-ui/Checkbox/Checkbox.stories.tsx
index ef95b001c2..28b4f2c778 100644
--- a/packages/design-system/src/new-ui/Checkbox/Checkbox.stories.tsx
+++ b/packages/design-system/src/new-ui/Checkbox/Checkbox.stories.tsx
@@ -1,4 +1,5 @@
import type { Meta, StoryObj } from "@storybook/react";
+
import { Checkbox } from "./Checkbox";
const meta: Meta = {
diff --git a/packages/design-system/src/new-ui/Checkbox/Checkbox.tsx b/packages/design-system/src/new-ui/Checkbox/Checkbox.tsx
index 7736915532..b5f32e26b1 100644
--- a/packages/design-system/src/new-ui/Checkbox/Checkbox.tsx
+++ b/packages/design-system/src/new-ui/Checkbox/Checkbox.tsx
@@ -3,6 +3,7 @@
import * as React from "react";
import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
import cn from "clsx";
+
import { Icons } from "../Icons";
const checkboxStyle = cn(
diff --git a/packages/design-system/src/new-ui/Collapsible/Collapsible.stories.tsx b/packages/design-system/src/new-ui/Collapsible/Collapsible.stories.tsx
index 43cc5ae058..361f7db4da 100644
--- a/packages/design-system/src/new-ui/Collapsible/Collapsible.stories.tsx
+++ b/packages/design-system/src/new-ui/Collapsible/Collapsible.stories.tsx
@@ -1,7 +1,8 @@
import type { Meta, StoryObj } from "@storybook/react";
-import { Collapsible } from "./Collapsible";
+
import { Button } from "../Button";
import { Icons } from "../Icons";
+import { Collapsible } from "./Collapsible";
const meta: Meta = {
title: "Components/NewUi/Collapsible",
diff --git a/packages/design-system/src/new-ui/Color/Color.stories.tsx b/packages/design-system/src/new-ui/Color/Color.stories.tsx
index 77a612f1c9..4c17ca7b68 100644
--- a/packages/design-system/src/new-ui/Color/Color.stories.tsx
+++ b/packages/design-system/src/new-ui/Color/Color.stories.tsx
@@ -1,4 +1,5 @@
import type { Meta, StoryObj } from "@storybook/react";
+
import { Color } from "./Color";
const meta: Meta = {
diff --git a/packages/design-system/src/new-ui/Combobox/Combobox.stories.tsx b/packages/design-system/src/new-ui/Combobox/Combobox.stories.tsx
index 6de05521e0..eacedd8fad 100644
--- a/packages/design-system/src/new-ui/Combobox/Combobox.stories.tsx
+++ b/packages/design-system/src/new-ui/Combobox/Combobox.stories.tsx
@@ -1,9 +1,10 @@
import type { Meta } from "@storybook/react";
-import { Combobox } from "./Combobox";
-import { Icons } from "../Icons";
import * as React from "react";
-import { Button } from "../Button";
+
import { SelectOption } from "../../types/general";
+import { Button } from "../Button";
+import { Icons } from "../Icons";
+import { Combobox } from "./Combobox";
const meta: Meta = {
title: "Components/NewUi/Combobox",
diff --git a/packages/design-system/src/new-ui/Combobox/Combobox.tsx b/packages/design-system/src/new-ui/Combobox/Combobox.tsx
index a1dfffa05a..63309be5fa 100644
--- a/packages/design-system/src/new-ui/Combobox/Combobox.tsx
+++ b/packages/design-system/src/new-ui/Combobox/Combobox.tsx
@@ -2,10 +2,11 @@
import * as React from "react";
import cn from "clsx";
+
+import { Nullable, SelectOption } from "../../types/general";
import { Command } from "../Command";
-import { Popover } from "../Popover";
import { Icons } from "../Icons";
-import { Nullable, SelectOption } from "../../types/general";
+import { Popover } from "../Popover";
type ComboboxProps = {
items: SelectOption[];
diff --git a/packages/design-system/src/new-ui/Command/Command.stories.tsx b/packages/design-system/src/new-ui/Command/Command.stories.tsx
index dbe35a4999..5c4dff3889 100644
--- a/packages/design-system/src/new-ui/Command/Command.stories.tsx
+++ b/packages/design-system/src/new-ui/Command/Command.stories.tsx
@@ -1,7 +1,8 @@
import type { Meta } from "@storybook/react";
-import { Command } from "./Command";
import * as React from "react";
+
import { Icons } from "../Icons";
+import { Command } from "./Command";
const meta: Meta = {
title: "Components/NewUi/Command",
diff --git a/packages/design-system/src/new-ui/Command/Command.tsx b/packages/design-system/src/new-ui/Command/Command.tsx
index dbf861c37d..6487095c35 100644
--- a/packages/design-system/src/new-ui/Command/Command.tsx
+++ b/packages/design-system/src/new-ui/Command/Command.tsx
@@ -2,8 +2,8 @@
import * as React from "react";
import { DialogProps } from "@radix-ui/react-dialog";
-import { Command as CommandPrimitive } from "cmdk";
import cn from "clsx";
+import { Command as CommandPrimitive } from "cmdk";
import { Dialog } from "../Dialog";
diff --git a/packages/design-system/src/new-ui/ComplicateIcons/ComplicateIconBase/ComplicateIconBase.tsx b/packages/design-system/src/new-ui/ComplicateIcons/ComplicateIconBase/ComplicateIconBase.tsx
index 7d851085d3..14f777412d 100644
--- a/packages/design-system/src/new-ui/ComplicateIcons/ComplicateIconBase/ComplicateIconBase.tsx
+++ b/packages/design-system/src/new-ui/ComplicateIcons/ComplicateIconBase/ComplicateIconBase.tsx
@@ -1,4 +1,5 @@
import * as React from "react";
+
export type ComplicateIconBaseProps = {
viewBox: string;
className?: string;
diff --git a/packages/design-system/src/new-ui/ComplicateIcons/ComplicateIcons.stories.tsx b/packages/design-system/src/new-ui/ComplicateIcons/ComplicateIcons.stories.tsx
index e11edcb77a..7a524cbd48 100644
--- a/packages/design-system/src/new-ui/ComplicateIcons/ComplicateIcons.stories.tsx
+++ b/packages/design-system/src/new-ui/ComplicateIcons/ComplicateIcons.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryObj } from "@storybook/react";
+
import { ComplicateIcons } from ".";
const meta: Meta = {
diff --git a/packages/design-system/src/new-ui/ComplicateIcons/Doc.tsx b/packages/design-system/src/new-ui/ComplicateIcons/Doc.tsx
index a93b21860a..dba4cb27c3 100644
--- a/packages/design-system/src/new-ui/ComplicateIcons/Doc.tsx
+++ b/packages/design-system/src/new-ui/ComplicateIcons/Doc.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import {
ComplicateIconBase,
ComplicateIconBaseProps,
diff --git a/packages/design-system/src/new-ui/ComplicateIcons/Drag.tsx b/packages/design-system/src/new-ui/ComplicateIcons/Drag.tsx
index 73b1cc7023..73752c2915 100644
--- a/packages/design-system/src/new-ui/ComplicateIcons/Drag.tsx
+++ b/packages/design-system/src/new-ui/ComplicateIcons/Drag.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import {
ComplicateIconBase,
ComplicateIconBaseProps,
diff --git a/packages/design-system/src/new-ui/ComplicateIcons/GitHub.tsx b/packages/design-system/src/new-ui/ComplicateIcons/GitHub.tsx
index c87174aa69..c6e9968644 100644
--- a/packages/design-system/src/new-ui/ComplicateIcons/GitHub.tsx
+++ b/packages/design-system/src/new-ui/ComplicateIcons/GitHub.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import {
ComplicateIconBase,
ComplicateIconBaseProps,
diff --git a/packages/design-system/src/new-ui/ComplicateIcons/ImageClassification.tsx b/packages/design-system/src/new-ui/ComplicateIcons/ImageClassification.tsx
index 7d53a6dc68..c9cbb2b522 100644
--- a/packages/design-system/src/new-ui/ComplicateIcons/ImageClassification.tsx
+++ b/packages/design-system/src/new-ui/ComplicateIcons/ImageClassification.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import {
ComplicateIconBase,
ComplicateIconBaseProps,
diff --git a/packages/design-system/src/new-ui/ComplicateIcons/ImageToImage.tsx b/packages/design-system/src/new-ui/ComplicateIcons/ImageToImage.tsx
index 106de01b97..3ff0671cba 100644
--- a/packages/design-system/src/new-ui/ComplicateIcons/ImageToImage.tsx
+++ b/packages/design-system/src/new-ui/ComplicateIcons/ImageToImage.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import {
ComplicateIconBase,
ComplicateIconBaseProps,
diff --git a/packages/design-system/src/new-ui/ComplicateIcons/ImageToText.tsx b/packages/design-system/src/new-ui/ComplicateIcons/ImageToText.tsx
index 1abf091426..2cf263327c 100644
--- a/packages/design-system/src/new-ui/ComplicateIcons/ImageToText.tsx
+++ b/packages/design-system/src/new-ui/ComplicateIcons/ImageToText.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import {
ComplicateIconBase,
ComplicateIconBaseProps,
diff --git a/packages/design-system/src/new-ui/ComplicateIcons/InstanceSegmentation.tsx b/packages/design-system/src/new-ui/ComplicateIcons/InstanceSegmentation.tsx
index 01624ea837..0898ae3e32 100644
--- a/packages/design-system/src/new-ui/ComplicateIcons/InstanceSegmentation.tsx
+++ b/packages/design-system/src/new-ui/ComplicateIcons/InstanceSegmentation.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import {
ComplicateIconBase,
ComplicateIconBaseProps,
diff --git a/packages/design-system/src/new-ui/ComplicateIcons/KeypointDetection.tsx b/packages/design-system/src/new-ui/ComplicateIcons/KeypointDetection.tsx
index 2ef2ce4d3d..dc7cd2a40c 100644
--- a/packages/design-system/src/new-ui/ComplicateIcons/KeypointDetection.tsx
+++ b/packages/design-system/src/new-ui/ComplicateIcons/KeypointDetection.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import {
ComplicateIconBase,
ComplicateIconBaseProps,
diff --git a/packages/design-system/src/new-ui/ComplicateIcons/Number.tsx b/packages/design-system/src/new-ui/ComplicateIcons/Number.tsx
index 6752dd07ba..23f2294c61 100644
--- a/packages/design-system/src/new-ui/ComplicateIcons/Number.tsx
+++ b/packages/design-system/src/new-ui/ComplicateIcons/Number.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "../Icons/IconBase";
export const Number = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/ComplicateIcons/ObjectDetection.tsx b/packages/design-system/src/new-ui/ComplicateIcons/ObjectDetection.tsx
index de2995ee25..d7edb620cb 100644
--- a/packages/design-system/src/new-ui/ComplicateIcons/ObjectDetection.tsx
+++ b/packages/design-system/src/new-ui/ComplicateIcons/ObjectDetection.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import {
ComplicateIconBase,
ComplicateIconBaseProps,
diff --git a/packages/design-system/src/new-ui/ComplicateIcons/OpticalCharacterRecognition.tsx b/packages/design-system/src/new-ui/ComplicateIcons/OpticalCharacterRecognition.tsx
index 3caa93ad95..dfa3e58874 100644
--- a/packages/design-system/src/new-ui/ComplicateIcons/OpticalCharacterRecognition.tsx
+++ b/packages/design-system/src/new-ui/ComplicateIcons/OpticalCharacterRecognition.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import {
ComplicateIconBase,
ComplicateIconBaseProps,
diff --git a/packages/design-system/src/new-ui/ComplicateIcons/SemanticSegmentation.tsx b/packages/design-system/src/new-ui/ComplicateIcons/SemanticSegmentation.tsx
index dd9546a3a6..d5010dbd27 100644
--- a/packages/design-system/src/new-ui/ComplicateIcons/SemanticSegmentation.tsx
+++ b/packages/design-system/src/new-ui/ComplicateIcons/SemanticSegmentation.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import {
ComplicateIconBase,
ComplicateIconBaseProps,
diff --git a/packages/design-system/src/new-ui/ComplicateIcons/TextEmbedding.tsx b/packages/design-system/src/new-ui/ComplicateIcons/TextEmbedding.tsx
index e93e1d4ab3..78470f62cc 100644
--- a/packages/design-system/src/new-ui/ComplicateIcons/TextEmbedding.tsx
+++ b/packages/design-system/src/new-ui/ComplicateIcons/TextEmbedding.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "../Icons/IconBase";
export const TextEmbedding = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/ComplicateIcons/TextGeneration.tsx b/packages/design-system/src/new-ui/ComplicateIcons/TextGeneration.tsx
index b63301d385..be9ddfa2f6 100644
--- a/packages/design-system/src/new-ui/ComplicateIcons/TextGeneration.tsx
+++ b/packages/design-system/src/new-ui/ComplicateIcons/TextGeneration.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "../Icons/IconBase";
export const TextGeneration = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/ComplicateIcons/TextToImage.tsx b/packages/design-system/src/new-ui/ComplicateIcons/TextToImage.tsx
index 3e8dc7d252..1c0909c9e3 100644
--- a/packages/design-system/src/new-ui/ComplicateIcons/TextToImage.tsx
+++ b/packages/design-system/src/new-ui/ComplicateIcons/TextToImage.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "../Icons/IconBase";
export const TextToImage = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/ComplicateIcons/ToggleLeft.tsx b/packages/design-system/src/new-ui/ComplicateIcons/ToggleLeft.tsx
index 3fa1236b62..089df909c9 100644
--- a/packages/design-system/src/new-ui/ComplicateIcons/ToggleLeft.tsx
+++ b/packages/design-system/src/new-ui/ComplicateIcons/ToggleLeft.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "../Icons/IconBase";
export const ToggleLeft = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/ComplicateIcons/index.ts b/packages/design-system/src/new-ui/ComplicateIcons/index.ts
index 12f45ebfd3..85cd164498 100644
--- a/packages/design-system/src/new-ui/ComplicateIcons/index.ts
+++ b/packages/design-system/src/new-ui/ComplicateIcons/index.ts
@@ -1,4 +1,5 @@
import { Doc } from "./Doc";
+import { Drag } from "./Drag";
import { GitHub } from "./GitHub";
import { ImageClassification } from "./ImageClassification";
import { ImageToImage } from "./ImageToImage";
@@ -9,11 +10,10 @@ import { Number } from "./Number";
import { ObjectDetection } from "./ObjectDetection";
import { OpticalCharacterRecognition } from "./OpticalCharacterRecognition";
import { SemanticSegmentation } from "./SemanticSegmentation";
-import { ToggleLeft } from "./ToggleLeft";
import { TextEmbedding } from "./TextEmbedding";
import { TextGeneration } from "./TextGeneration";
import { TextToImage } from "./TextToImage";
-import { Drag } from "./Drag";
+import { ToggleLeft } from "./ToggleLeft";
export const ComplicateIcons = {
Doc,
diff --git a/packages/design-system/src/new-ui/DataTable/DataTable.stories.tsx b/packages/design-system/src/new-ui/DataTable/DataTable.stories.tsx
index 589592391b..ff9373f1c8 100644
--- a/packages/design-system/src/new-ui/DataTable/DataTable.stories.tsx
+++ b/packages/design-system/src/new-ui/DataTable/DataTable.stories.tsx
@@ -1,12 +1,13 @@
import type { Meta } from "@storybook/react";
-import { DataTable } from "./DataTable";
+import * as React from "react";
import { ColumnDef } from "@tanstack/react-table";
+
import { PipelineState } from "../../types/general";
-import { Tag } from "../Tag";
+import { Button } from "../Button";
import { Checkbox } from "../Checkbox";
import { Icons } from "../Icons";
-import { Button } from "../Button";
-import * as React from "react";
+import { Tag } from "../Tag";
+import { DataTable } from "./DataTable";
const meta: Meta = {
title: "Components/NewUi/DataTable",
diff --git a/packages/design-system/src/new-ui/DataTable/DataTable.tsx b/packages/design-system/src/new-ui/DataTable/DataTable.tsx
index da33cd2d3c..3bac373599 100644
--- a/packages/design-system/src/new-ui/DataTable/DataTable.tsx
+++ b/packages/design-system/src/new-ui/DataTable/DataTable.tsx
@@ -4,21 +4,22 @@ import * as React from "react";
import {
ColumnDef,
ColumnFiltersState,
- PaginationState,
- SortingState,
flexRender,
getCoreRowModel,
getFilteredRowModel,
getPaginationRowModel,
getSortedRowModel,
+ PaginationState,
+ SortingState,
useReactTable,
} from "@tanstack/react-table";
-import { Table } from "../Table";
-import { DataTablePagination } from "./DataTablePagination";
-import { Input } from "../Input";
+
import { Nullable } from "../../types/general";
-import { Skeleton } from "../Skeleton";
import { Icons } from "../Icons";
+import { Input } from "../Input";
+import { Skeleton } from "../Skeleton";
+import { Table } from "../Table";
+import { DataTablePagination } from "./DataTablePagination";
interface DataTableProps {
columns: ColumnDef[];
diff --git a/packages/design-system/src/new-ui/DataTable/DataTablePagination.tsx b/packages/design-system/src/new-ui/DataTable/DataTablePagination.tsx
index f5198bc852..78ead8ba0a 100644
--- a/packages/design-system/src/new-ui/DataTable/DataTablePagination.tsx
+++ b/packages/design-system/src/new-ui/DataTable/DataTablePagination.tsx
@@ -1,7 +1,8 @@
import { Table } from "@tanstack/react-table";
+import cn from "clsx";
+
import { Button } from "../Button";
import { Icons } from "../Icons";
-import cn from "clsx";
interface DataTablePaginationProps {
table: Table;
diff --git a/packages/design-system/src/new-ui/Dialog/Dialog.stories.tsx b/packages/design-system/src/new-ui/Dialog/Dialog.stories.tsx
index 85f77491a6..a5162ec2b8 100644
--- a/packages/design-system/src/new-ui/Dialog/Dialog.stories.tsx
+++ b/packages/design-system/src/new-ui/Dialog/Dialog.stories.tsx
@@ -1,4 +1,5 @@
import type { Meta, StoryObj } from "@storybook/react";
+
import { Dialog } from "./Dialog";
const meta: Meta = {
diff --git a/packages/design-system/src/new-ui/Dialog/Dialog.tsx b/packages/design-system/src/new-ui/Dialog/Dialog.tsx
index 4b03b7fee2..4492ae5a2e 100644
--- a/packages/design-system/src/new-ui/Dialog/Dialog.tsx
+++ b/packages/design-system/src/new-ui/Dialog/Dialog.tsx
@@ -1,8 +1,9 @@
"use client";
-import cn from "clsx";
import * as React from "react";
import * as DialogPrimitive from "@radix-ui/react-dialog";
+import cn from "clsx";
+
import { Icons } from "../Icons";
const DialogRoot = DialogPrimitive.Root;
diff --git a/packages/design-system/src/new-ui/DropdownMenu/DropdownMenu.stories.tsx b/packages/design-system/src/new-ui/DropdownMenu/DropdownMenu.stories.tsx
index a905110cc2..9e5d02713a 100644
--- a/packages/design-system/src/new-ui/DropdownMenu/DropdownMenu.stories.tsx
+++ b/packages/design-system/src/new-ui/DropdownMenu/DropdownMenu.stories.tsx
@@ -1,9 +1,10 @@
import type { Meta, StoryObj } from "@storybook/react";
-import { DropdownMenu } from "./DropdownMenu";
import * as React from "react";
-import { Button } from "../Button";
import { DropdownMenuCheckboxItemProps } from "@radix-ui/react-dropdown-menu";
+
+import { Button } from "../Button";
import { Icons } from "../Icons";
+import { DropdownMenu } from "./DropdownMenu";
const meta: Meta = {
title: "Components/NewUi/DropdownMenu",
diff --git a/packages/design-system/src/new-ui/DropdownMenu/DropdownMenu.tsx b/packages/design-system/src/new-ui/DropdownMenu/DropdownMenu.tsx
index 04fa7fb39a..a16a975096 100644
--- a/packages/design-system/src/new-ui/DropdownMenu/DropdownMenu.tsx
+++ b/packages/design-system/src/new-ui/DropdownMenu/DropdownMenu.tsx
@@ -2,10 +2,10 @@
import * as React from "react";
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { Icons } from "../Icons";
-
import cn from "clsx";
+import { Icons } from "../Icons";
+
const DropdownMenuRoot = DropdownMenuPrimitive.Root;
const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
diff --git a/packages/design-system/src/new-ui/Field.tsx b/packages/design-system/src/new-ui/Field.tsx
index cde49885df..64833ada72 100644
--- a/packages/design-system/src/new-ui/Field.tsx
+++ b/packages/design-system/src/new-ui/Field.tsx
@@ -1,5 +1,5 @@
-import cn from "clsx";
import * as React from "react";
+import cn from "clsx";
const Root = React.forwardRef<
HTMLInputElement,
diff --git a/packages/design-system/src/new-ui/Form/Form.stories.tsx b/packages/design-system/src/new-ui/Form/Form.stories.tsx
index 23444241cc..25d2762128 100644
--- a/packages/design-system/src/new-ui/Form/Form.stories.tsx
+++ b/packages/design-system/src/new-ui/Form/Form.stories.tsx
@@ -1,10 +1,10 @@
-import * as z from "zod";
+import { zodResolver } from "@hookform/resolvers/zod";
import { Meta, StoryFn } from "@storybook/react";
import { useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
+import * as z from "zod";
-import { Form } from "./Form";
import { Input } from "../Input";
+import { Form } from "./Form";
const meta: Meta = {
title: "Components/NewUi/Form",
diff --git a/packages/design-system/src/new-ui/Form/Form.tsx b/packages/design-system/src/new-ui/Form/Form.tsx
index 1f15d5c539..b50a53801b 100644
--- a/packages/design-system/src/new-ui/Form/Form.tsx
+++ b/packages/design-system/src/new-ui/Form/Form.tsx
@@ -1,9 +1,9 @@
"use client";
-import cn from "clsx";
import * as React from "react";
import * as LabelPrimitive from "@radix-ui/react-label";
import { Slot } from "@radix-ui/react-slot";
+import cn from "clsx";
import {
Controller,
ControllerProps,
@@ -13,9 +13,9 @@ import {
useFormContext,
} from "react-hook-form";
+import { Nullable } from "../../types/general";
import { Label } from "../Label";
import { ParagraphWithHTML } from "../ParagraphWithHTML";
-import { Nullable } from "../../types/general";
const FormRoot = ReactHookFormProvider;
diff --git a/packages/design-system/src/new-ui/Icons/Activity.tsx b/packages/design-system/src/new-ui/Icons/Activity.tsx
index 4d809ed887..cce86544ee 100644
--- a/packages/design-system/src/new-ui/Icons/Activity.tsx
+++ b/packages/design-system/src/new-ui/Icons/Activity.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Activity = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/AlertCircle.tsx b/packages/design-system/src/new-ui/Icons/AlertCircle.tsx
index b7f683e698..d6e003cd21 100644
--- a/packages/design-system/src/new-ui/Icons/AlertCircle.tsx
+++ b/packages/design-system/src/new-ui/Icons/AlertCircle.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const AlertCircle = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/AlertTriangle.tsx b/packages/design-system/src/new-ui/Icons/AlertTriangle.tsx
index a5753931f1..fd72d60df1 100644
--- a/packages/design-system/src/new-ui/Icons/AlertTriangle.tsx
+++ b/packages/design-system/src/new-ui/Icons/AlertTriangle.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const AlertTriangle = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/AlighLeft.tsx b/packages/design-system/src/new-ui/Icons/AlighLeft.tsx
index 941dba7e87..9c42071e73 100644
--- a/packages/design-system/src/new-ui/Icons/AlighLeft.tsx
+++ b/packages/design-system/src/new-ui/Icons/AlighLeft.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const AlighLeft = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/ArrowDown.tsx b/packages/design-system/src/new-ui/Icons/ArrowDown.tsx
index d61a1078c3..e09218af35 100644
--- a/packages/design-system/src/new-ui/Icons/ArrowDown.tsx
+++ b/packages/design-system/src/new-ui/Icons/ArrowDown.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const ArrowDown = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/ArrowLeft.tsx b/packages/design-system/src/new-ui/Icons/ArrowLeft.tsx
index 68be8c8a85..aedb5943b5 100644
--- a/packages/design-system/src/new-ui/Icons/ArrowLeft.tsx
+++ b/packages/design-system/src/new-ui/Icons/ArrowLeft.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const ArrowLeft = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/ArrowNarrowLeft.tsx b/packages/design-system/src/new-ui/Icons/ArrowNarrowLeft.tsx
index 67a2b53dae..8bdd078ebc 100644
--- a/packages/design-system/src/new-ui/Icons/ArrowNarrowLeft.tsx
+++ b/packages/design-system/src/new-ui/Icons/ArrowNarrowLeft.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const ArrowNarrowLeft = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/ArrowNarrowRight.tsx b/packages/design-system/src/new-ui/Icons/ArrowNarrowRight.tsx
index 1cb4836e77..7f2112d790 100644
--- a/packages/design-system/src/new-ui/Icons/ArrowNarrowRight.tsx
+++ b/packages/design-system/src/new-ui/Icons/ArrowNarrowRight.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const ArrowNarrowRight = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/ArrowRight.tsx b/packages/design-system/src/new-ui/Icons/ArrowRight.tsx
index b69022e9eb..d9ff1ca21c 100644
--- a/packages/design-system/src/new-ui/Icons/ArrowRight.tsx
+++ b/packages/design-system/src/new-ui/Icons/ArrowRight.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const ArrowRight = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/ArrowUp.tsx b/packages/design-system/src/new-ui/Icons/ArrowUp.tsx
index 3061bc1b9c..6303d6f1e0 100644
--- a/packages/design-system/src/new-ui/Icons/ArrowUp.tsx
+++ b/packages/design-system/src/new-ui/Icons/ArrowUp.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const ArrowUp = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/ArrowUpRight.tsx b/packages/design-system/src/new-ui/Icons/ArrowUpRight.tsx
index 65f6373b01..0b87cf32e5 100644
--- a/packages/design-system/src/new-ui/Icons/ArrowUpRight.tsx
+++ b/packages/design-system/src/new-ui/Icons/ArrowUpRight.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const ArrowUpRight = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/BarChartSquare02.tsx b/packages/design-system/src/new-ui/Icons/BarChartSquare02.tsx
index 2e3bbb68c9..bcbee94517 100644
--- a/packages/design-system/src/new-ui/Icons/BarChartSquare02.tsx
+++ b/packages/design-system/src/new-ui/Icons/BarChartSquare02.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const BarChartSquare02 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/BookOpen02.tsx b/packages/design-system/src/new-ui/Icons/BookOpen02.tsx
index acb64f636c..1270788c8a 100644
--- a/packages/design-system/src/new-ui/Icons/BookOpen02.tsx
+++ b/packages/design-system/src/new-ui/Icons/BookOpen02.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const BookOpen02 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Box.tsx b/packages/design-system/src/new-ui/Icons/Box.tsx
index fae4d6a93b..75e74b76f6 100644
--- a/packages/design-system/src/new-ui/Icons/Box.tsx
+++ b/packages/design-system/src/new-ui/Icons/Box.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Box = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/BracketSlash.tsx b/packages/design-system/src/new-ui/Icons/BracketSlash.tsx
index b044cb5888..ae917834d6 100644
--- a/packages/design-system/src/new-ui/Icons/BracketSlash.tsx
+++ b/packages/design-system/src/new-ui/Icons/BracketSlash.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const BracketSlash = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Building05.tsx b/packages/design-system/src/new-ui/Icons/Building05.tsx
index 77f6e38743..bab41b3e82 100644
--- a/packages/design-system/src/new-ui/Icons/Building05.tsx
+++ b/packages/design-system/src/new-ui/Icons/Building05.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Building05 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/CardRefresh.tsx b/packages/design-system/src/new-ui/Icons/CardRefresh.tsx
index 1f27991b8d..a57468741f 100644
--- a/packages/design-system/src/new-ui/Icons/CardRefresh.tsx
+++ b/packages/design-system/src/new-ui/Icons/CardRefresh.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const CardRefresh = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Check.tsx b/packages/design-system/src/new-ui/Icons/Check.tsx
index 8e3ccf0aa0..3a2e21d207 100644
--- a/packages/design-system/src/new-ui/Icons/Check.tsx
+++ b/packages/design-system/src/new-ui/Icons/Check.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Check = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/CheckCircle.tsx b/packages/design-system/src/new-ui/Icons/CheckCircle.tsx
index 3c06485854..23237204b6 100644
--- a/packages/design-system/src/new-ui/Icons/CheckCircle.tsx
+++ b/packages/design-system/src/new-ui/Icons/CheckCircle.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const CheckCircle = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/ChevronDown.tsx b/packages/design-system/src/new-ui/Icons/ChevronDown.tsx
index 56d20a9f37..097a746390 100644
--- a/packages/design-system/src/new-ui/Icons/ChevronDown.tsx
+++ b/packages/design-system/src/new-ui/Icons/ChevronDown.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const ChevronDown = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/ChevronDownDouble.tsx b/packages/design-system/src/new-ui/Icons/ChevronDownDouble.tsx
index 6651d66657..aab8b453fe 100644
--- a/packages/design-system/src/new-ui/Icons/ChevronDownDouble.tsx
+++ b/packages/design-system/src/new-ui/Icons/ChevronDownDouble.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const ChevronDownDouble = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/ChevronLeft.tsx b/packages/design-system/src/new-ui/Icons/ChevronLeft.tsx
index 7a1ce07707..456d7e7cbe 100644
--- a/packages/design-system/src/new-ui/Icons/ChevronLeft.tsx
+++ b/packages/design-system/src/new-ui/Icons/ChevronLeft.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const ChevronLeft = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/ChevronLeftDouble.tsx b/packages/design-system/src/new-ui/Icons/ChevronLeftDouble.tsx
index dc852d7c6d..dd00d1e953 100644
--- a/packages/design-system/src/new-ui/Icons/ChevronLeftDouble.tsx
+++ b/packages/design-system/src/new-ui/Icons/ChevronLeftDouble.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const ChevronLeftDouble = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/ChevronRight.tsx b/packages/design-system/src/new-ui/Icons/ChevronRight.tsx
index 0411b1ea81..fea3c91f79 100644
--- a/packages/design-system/src/new-ui/Icons/ChevronRight.tsx
+++ b/packages/design-system/src/new-ui/Icons/ChevronRight.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const ChevronRight = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/ChevronRightDouble.tsx b/packages/design-system/src/new-ui/Icons/ChevronRightDouble.tsx
index af3de6de8e..53f252e278 100644
--- a/packages/design-system/src/new-ui/Icons/ChevronRightDouble.tsx
+++ b/packages/design-system/src/new-ui/Icons/ChevronRightDouble.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const ChevronRightDouble = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/ChevronSelectorVertical.tsx b/packages/design-system/src/new-ui/Icons/ChevronSelectorVertical.tsx
index e539264bf0..e3cefa4d54 100644
--- a/packages/design-system/src/new-ui/Icons/ChevronSelectorVertical.tsx
+++ b/packages/design-system/src/new-ui/Icons/ChevronSelectorVertical.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const ChevronSelectorVertical = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/ChevronUp.tsx b/packages/design-system/src/new-ui/Icons/ChevronUp.tsx
index f5554cf254..1538f8f6cd 100644
--- a/packages/design-system/src/new-ui/Icons/ChevronUp.tsx
+++ b/packages/design-system/src/new-ui/Icons/ChevronUp.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const ChevronUp = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/ChevronUpDouble.tsx b/packages/design-system/src/new-ui/Icons/ChevronUpDouble.tsx
index 5c971638fe..8abefe4ad9 100644
--- a/packages/design-system/src/new-ui/Icons/ChevronUpDouble.tsx
+++ b/packages/design-system/src/new-ui/Icons/ChevronUpDouble.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const ChevronUpDouble = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Chip01.tsx b/packages/design-system/src/new-ui/Icons/Chip01.tsx
index 27723bd4c4..c584c7d994 100644
--- a/packages/design-system/src/new-ui/Icons/Chip01.tsx
+++ b/packages/design-system/src/new-ui/Icons/Chip01.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Chip01 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Chip02.tsx b/packages/design-system/src/new-ui/Icons/Chip02.tsx
index bb040c9f97..23568a7ac7 100644
--- a/packages/design-system/src/new-ui/Icons/Chip02.tsx
+++ b/packages/design-system/src/new-ui/Icons/Chip02.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Chip02 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Circle.tsx b/packages/design-system/src/new-ui/Icons/Circle.tsx
index 05d8845c54..e6e49781b4 100644
--- a/packages/design-system/src/new-ui/Icons/Circle.tsx
+++ b/packages/design-system/src/new-ui/Icons/Circle.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Circle = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/ClockRewind.tsx b/packages/design-system/src/new-ui/Icons/ClockRewind.tsx
index 6b6619842c..0d5d8c7856 100644
--- a/packages/design-system/src/new-ui/Icons/ClockRewind.tsx
+++ b/packages/design-system/src/new-ui/Icons/ClockRewind.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const ClockRewind = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/CodeBrowser.tsx b/packages/design-system/src/new-ui/Icons/CodeBrowser.tsx
index 634cc67514..09bda4a8e4 100644
--- a/packages/design-system/src/new-ui/Icons/CodeBrowser.tsx
+++ b/packages/design-system/src/new-ui/Icons/CodeBrowser.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const CodeBrowser = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/CodeSnippet01.tsx b/packages/design-system/src/new-ui/Icons/CodeSnippet01.tsx
index 96b7c9f7af..7e3b55c845 100644
--- a/packages/design-system/src/new-ui/Icons/CodeSnippet01.tsx
+++ b/packages/design-system/src/new-ui/Icons/CodeSnippet01.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const CodeSnippet01 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/CodeSnippet02.tsx b/packages/design-system/src/new-ui/Icons/CodeSnippet02.tsx
index 80bfc58934..49e52a3993 100644
--- a/packages/design-system/src/new-ui/Icons/CodeSnippet02.tsx
+++ b/packages/design-system/src/new-ui/Icons/CodeSnippet02.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const CodeSnippet02 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/CodeSquare02.tsx b/packages/design-system/src/new-ui/Icons/CodeSquare02.tsx
index 814aab597c..70d1403858 100644
--- a/packages/design-system/src/new-ui/Icons/CodeSquare02.tsx
+++ b/packages/design-system/src/new-ui/Icons/CodeSquare02.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const CodeSquare02 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Coins01.tsx b/packages/design-system/src/new-ui/Icons/Coins01.tsx
index acb018b81f..85f06905d7 100644
--- a/packages/design-system/src/new-ui/Icons/Coins01.tsx
+++ b/packages/design-system/src/new-ui/Icons/Coins01.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Coins01 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/CoinsStacked01.tsx b/packages/design-system/src/new-ui/Icons/CoinsStacked01.tsx
index 995960b6f5..27136b8203 100644
--- a/packages/design-system/src/new-ui/Icons/CoinsStacked01.tsx
+++ b/packages/design-system/src/new-ui/Icons/CoinsStacked01.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const CoinsStacked01 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Copy06.tsx b/packages/design-system/src/new-ui/Icons/Copy06.tsx
index 160e9aa353..56076f1fca 100644
--- a/packages/design-system/src/new-ui/Icons/Copy06.tsx
+++ b/packages/design-system/src/new-ui/Icons/Copy06.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Copy06 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Copy07.tsx b/packages/design-system/src/new-ui/Icons/Copy07.tsx
index 8ff33da8d4..326bb06b76 100644
--- a/packages/design-system/src/new-ui/Icons/Copy07.tsx
+++ b/packages/design-system/src/new-ui/Icons/Copy07.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Copy07 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Cube01.tsx b/packages/design-system/src/new-ui/Icons/Cube01.tsx
index 6d9fc07fd8..fb9ea2153f 100644
--- a/packages/design-system/src/new-ui/Icons/Cube01.tsx
+++ b/packages/design-system/src/new-ui/Icons/Cube01.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Cube01 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/CubeOutline.tsx b/packages/design-system/src/new-ui/Icons/CubeOutline.tsx
index b67870c384..4bb29945c2 100644
--- a/packages/design-system/src/new-ui/Icons/CubeOutline.tsx
+++ b/packages/design-system/src/new-ui/Icons/CubeOutline.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const CubeOutline = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/CurrencyDollar.tsx b/packages/design-system/src/new-ui/Icons/CurrencyDollar.tsx
index 816c6cc48d..50db8730cc 100644
--- a/packages/design-system/src/new-ui/Icons/CurrencyDollar.tsx
+++ b/packages/design-system/src/new-ui/Icons/CurrencyDollar.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const CurrencyDollar = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Database01.tsx b/packages/design-system/src/new-ui/Icons/Database01.tsx
index 5ed8a08966..afe00370c0 100644
--- a/packages/design-system/src/new-ui/Icons/Database01.tsx
+++ b/packages/design-system/src/new-ui/Icons/Database01.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Database01 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/DotsHorizontal.tsx b/packages/design-system/src/new-ui/Icons/DotsHorizontal.tsx
index 282fbeba6c..1b8dc4c5a1 100644
--- a/packages/design-system/src/new-ui/Icons/DotsHorizontal.tsx
+++ b/packages/design-system/src/new-ui/Icons/DotsHorizontal.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const DotsHorizontal = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/DotsVertical.tsx b/packages/design-system/src/new-ui/Icons/DotsVertical.tsx
index ff22efd55c..093be42699 100644
--- a/packages/design-system/src/new-ui/Icons/DotsVertical.tsx
+++ b/packages/design-system/src/new-ui/Icons/DotsVertical.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const DotsVertical = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/DownloadCloud01.tsx b/packages/design-system/src/new-ui/Icons/DownloadCloud01.tsx
index ce9f37dd80..60551496d3 100644
--- a/packages/design-system/src/new-ui/Icons/DownloadCloud01.tsx
+++ b/packages/design-system/src/new-ui/Icons/DownloadCloud01.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const DownloadCloud01 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Edit03.tsx b/packages/design-system/src/new-ui/Icons/Edit03.tsx
index 35e1a8a1f2..038c9781df 100644
--- a/packages/design-system/src/new-ui/Icons/Edit03.tsx
+++ b/packages/design-system/src/new-ui/Icons/Edit03.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Edit03 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Edit05.tsx b/packages/design-system/src/new-ui/Icons/Edit05.tsx
index af3fb0414c..bbc10063a2 100644
--- a/packages/design-system/src/new-ui/Icons/Edit05.tsx
+++ b/packages/design-system/src/new-ui/Icons/Edit05.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Edit05 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/File02.tsx b/packages/design-system/src/new-ui/Icons/File02.tsx
index 446e6c1fc8..3dc22ff734 100644
--- a/packages/design-system/src/new-ui/Icons/File02.tsx
+++ b/packages/design-system/src/new-ui/Icons/File02.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const File02 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/File04.tsx b/packages/design-system/src/new-ui/Icons/File04.tsx
index ea01e84ba6..fc60737af9 100644
--- a/packages/design-system/src/new-ui/Icons/File04.tsx
+++ b/packages/design-system/src/new-ui/Icons/File04.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const File04 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/File05.tsx b/packages/design-system/src/new-ui/Icons/File05.tsx
index cc211e8630..27902bf285 100644
--- a/packages/design-system/src/new-ui/Icons/File05.tsx
+++ b/packages/design-system/src/new-ui/Icons/File05.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const File05 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/File06.tsx b/packages/design-system/src/new-ui/Icons/File06.tsx
index a2989ba215..0a8c3e90d4 100644
--- a/packages/design-system/src/new-ui/Icons/File06.tsx
+++ b/packages/design-system/src/new-ui/Icons/File06.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const File06 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/FileMinus01.tsx b/packages/design-system/src/new-ui/Icons/FileMinus01.tsx
index fd56e4e3f1..bf5ef8b72a 100644
--- a/packages/design-system/src/new-ui/Icons/FileMinus01.tsx
+++ b/packages/design-system/src/new-ui/Icons/FileMinus01.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const FileMinus01 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/FilePlus01.tsx b/packages/design-system/src/new-ui/Icons/FilePlus01.tsx
index 0b7413669a..7603592fdb 100644
--- a/packages/design-system/src/new-ui/Icons/FilePlus01.tsx
+++ b/packages/design-system/src/new-ui/Icons/FilePlus01.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const FilePlus01 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/FilePlus02.tsx b/packages/design-system/src/new-ui/Icons/FilePlus02.tsx
index 483a3267f6..ab0b8b484e 100644
--- a/packages/design-system/src/new-ui/Icons/FilePlus02.tsx
+++ b/packages/design-system/src/new-ui/Icons/FilePlus02.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const FilePlus02 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/FilterLines.tsx b/packages/design-system/src/new-ui/Icons/FilterLines.tsx
index 7bfb430d6d..e13f4f3aae 100644
--- a/packages/design-system/src/new-ui/Icons/FilterLines.tsx
+++ b/packages/design-system/src/new-ui/Icons/FilterLines.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const FilterLines = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Gear01.tsx b/packages/design-system/src/new-ui/Icons/Gear01.tsx
index 1412669dd0..4273486004 100644
--- a/packages/design-system/src/new-ui/Icons/Gear01.tsx
+++ b/packages/design-system/src/new-ui/Icons/Gear01.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Gear01 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Globe01.tsx b/packages/design-system/src/new-ui/Icons/Globe01.tsx
index 0b9e0cec50..06ba738afb 100644
--- a/packages/design-system/src/new-ui/Icons/Globe01.tsx
+++ b/packages/design-system/src/new-ui/Icons/Globe01.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Globe01 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/HelpCircle.tsx b/packages/design-system/src/new-ui/Icons/HelpCircle.tsx
index f9acf4658a..a44a5939cb 100644
--- a/packages/design-system/src/new-ui/Icons/HelpCircle.tsx
+++ b/packages/design-system/src/new-ui/Icons/HelpCircle.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const HelpCircle = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/IconBase/IconBase.tsx b/packages/design-system/src/new-ui/Icons/IconBase/IconBase.tsx
index 485bd80ac6..032a002c17 100644
--- a/packages/design-system/src/new-ui/Icons/IconBase/IconBase.tsx
+++ b/packages/design-system/src/new-ui/Icons/IconBase/IconBase.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
export type IconBaseProps = {
viewBox: string;
className?: string;
diff --git a/packages/design-system/src/new-ui/Icons/Icons.stories.tsx b/packages/design-system/src/new-ui/Icons/Icons.stories.tsx
index bb02618025..67b7e70c82 100644
--- a/packages/design-system/src/new-ui/Icons/Icons.stories.tsx
+++ b/packages/design-system/src/new-ui/Icons/Icons.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import { Icons } from ".";
const meta: Meta = {
diff --git a/packages/design-system/src/new-ui/Icons/Image01.tsx b/packages/design-system/src/new-ui/Icons/Image01.tsx
index 1b820efd54..90663667ab 100644
--- a/packages/design-system/src/new-ui/Icons/Image01.tsx
+++ b/packages/design-system/src/new-ui/Icons/Image01.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Image01 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/ImagePlus.tsx b/packages/design-system/src/new-ui/Icons/ImagePlus.tsx
index 569b3f90b1..c2df7e36ca 100644
--- a/packages/design-system/src/new-ui/Icons/ImagePlus.tsx
+++ b/packages/design-system/src/new-ui/Icons/ImagePlus.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const ImagePlus = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/InfoCircle.tsx b/packages/design-system/src/new-ui/Icons/InfoCircle.tsx
index b1ad5c5805..60fda536c3 100644
--- a/packages/design-system/src/new-ui/Icons/InfoCircle.tsx
+++ b/packages/design-system/src/new-ui/Icons/InfoCircle.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const InfoCircle = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/InfoSquare.tsx b/packages/design-system/src/new-ui/Icons/InfoSquare.tsx
index ad57c6346c..84daf4a7af 100644
--- a/packages/design-system/src/new-ui/Icons/InfoSquare.tsx
+++ b/packages/design-system/src/new-ui/Icons/InfoSquare.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const InfoSquare = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/IntersectSquare.tsx b/packages/design-system/src/new-ui/Icons/IntersectSquare.tsx
index 80c2588ee1..4c03c9f82d 100644
--- a/packages/design-system/src/new-ui/Icons/IntersectSquare.tsx
+++ b/packages/design-system/src/new-ui/Icons/IntersectSquare.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const IntersectSquare = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/LayersTwo01.tsx b/packages/design-system/src/new-ui/Icons/LayersTwo01.tsx
index b09c555cd0..4ad3405c04 100644
--- a/packages/design-system/src/new-ui/Icons/LayersTwo01.tsx
+++ b/packages/design-system/src/new-ui/Icons/LayersTwo01.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const LayersTwo01 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Lightning01.tsx b/packages/design-system/src/new-ui/Icons/Lightning01.tsx
index c836b5f9e1..34dcf6fdcc 100644
--- a/packages/design-system/src/new-ui/Icons/Lightning01.tsx
+++ b/packages/design-system/src/new-ui/Icons/Lightning01.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Lightning01 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Link01.tsx b/packages/design-system/src/new-ui/Icons/Link01.tsx
index d41656f299..9285fa149b 100644
--- a/packages/design-system/src/new-ui/Icons/Link01.tsx
+++ b/packages/design-system/src/new-ui/Icons/Link01.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Link01 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Lock03.tsx b/packages/design-system/src/new-ui/Icons/Lock03.tsx
index ad37785b51..21ba6632c2 100644
--- a/packages/design-system/src/new-ui/Icons/Lock03.tsx
+++ b/packages/design-system/src/new-ui/Icons/Lock03.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Lock03 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/LockUnlocked03.tsx b/packages/design-system/src/new-ui/Icons/LockUnlocked03.tsx
index a62eb378fe..0cd8e4115b 100644
--- a/packages/design-system/src/new-ui/Icons/LockUnlocked03.tsx
+++ b/packages/design-system/src/new-ui/Icons/LockUnlocked03.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const LockUnlocked03 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Logout01.tsx b/packages/design-system/src/new-ui/Icons/Logout01.tsx
index dbddbb3309..1bdd01bb4e 100644
--- a/packages/design-system/src/new-ui/Icons/Logout01.tsx
+++ b/packages/design-system/src/new-ui/Icons/Logout01.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Logout01 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Mail01.tsx b/packages/design-system/src/new-ui/Icons/Mail01.tsx
index b6e4c93ef7..67ccc86a08 100644
--- a/packages/design-system/src/new-ui/Icons/Mail01.tsx
+++ b/packages/design-system/src/new-ui/Icons/Mail01.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Mail01 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/MasterCard.tsx b/packages/design-system/src/new-ui/Icons/MasterCard.tsx
index 9fb087473d..45bcd22d6c 100644
--- a/packages/design-system/src/new-ui/Icons/MasterCard.tsx
+++ b/packages/design-system/src/new-ui/Icons/MasterCard.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const MasterCard = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Menu01.tsx b/packages/design-system/src/new-ui/Icons/Menu01.tsx
index a42c8ab0c9..cbf2f37408 100644
--- a/packages/design-system/src/new-ui/Icons/Menu01.tsx
+++ b/packages/design-system/src/new-ui/Icons/Menu01.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Menu01 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/MessageChatSquare.tsx b/packages/design-system/src/new-ui/Icons/MessageChatSquare.tsx
index 3976e856dd..1d99194ab9 100644
--- a/packages/design-system/src/new-ui/Icons/MessageChatSquare.tsx
+++ b/packages/design-system/src/new-ui/Icons/MessageChatSquare.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const MessageChatSquare = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/MessageSmileSquare.tsx b/packages/design-system/src/new-ui/Icons/MessageSmileSquare.tsx
index c021492809..dcba2d6d10 100644
--- a/packages/design-system/src/new-ui/Icons/MessageSmileSquare.tsx
+++ b/packages/design-system/src/new-ui/Icons/MessageSmileSquare.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const MessageSmileSquare = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Minus.tsx b/packages/design-system/src/new-ui/Icons/Minus.tsx
index 6df78c8342..98ac925660 100644
--- a/packages/design-system/src/new-ui/Icons/Minus.tsx
+++ b/packages/design-system/src/new-ui/Icons/Minus.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Minus = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Model.tsx b/packages/design-system/src/new-ui/Icons/Model.tsx
index 09660152d5..2051b65078 100644
--- a/packages/design-system/src/new-ui/Icons/Model.tsx
+++ b/packages/design-system/src/new-ui/Icons/Model.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Model = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/MultipleVideo.tsx b/packages/design-system/src/new-ui/Icons/MultipleVideo.tsx
index 6d00407c72..eceaa8108f 100644
--- a/packages/design-system/src/new-ui/Icons/MultipleVideo.tsx
+++ b/packages/design-system/src/new-ui/Icons/MultipleVideo.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const MultipleVideo = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/NewModel.tsx b/packages/design-system/src/new-ui/Icons/NewModel.tsx
index 790c5da687..d685224b0c 100644
--- a/packages/design-system/src/new-ui/Icons/NewModel.tsx
+++ b/packages/design-system/src/new-ui/Icons/NewModel.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const NewModel = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/PauseCircle.tsx b/packages/design-system/src/new-ui/Icons/PauseCircle.tsx
index a1bcc6a2b8..877dbae8b1 100644
--- a/packages/design-system/src/new-ui/Icons/PauseCircle.tsx
+++ b/packages/design-system/src/new-ui/Icons/PauseCircle.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const PauseCircle = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Pipeline.tsx b/packages/design-system/src/new-ui/Icons/Pipeline.tsx
index bd6b0a3145..4c7a04ae1c 100644
--- a/packages/design-system/src/new-ui/Icons/Pipeline.tsx
+++ b/packages/design-system/src/new-ui/Icons/Pipeline.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Pipeline = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Play.tsx b/packages/design-system/src/new-ui/Icons/Play.tsx
index 1b9e945509..f9e112ef1e 100644
--- a/packages/design-system/src/new-ui/Icons/Play.tsx
+++ b/packages/design-system/src/new-ui/Icons/Play.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Play = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/PlayCircle.tsx b/packages/design-system/src/new-ui/Icons/PlayCircle.tsx
index e99619bdff..c7287f8b95 100644
--- a/packages/design-system/src/new-ui/Icons/PlayCircle.tsx
+++ b/packages/design-system/src/new-ui/Icons/PlayCircle.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const PlayCircle = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Plus.tsx b/packages/design-system/src/new-ui/Icons/Plus.tsx
index 03b4578e9d..db7b48528c 100644
--- a/packages/design-system/src/new-ui/Icons/Plus.tsx
+++ b/packages/design-system/src/new-ui/Icons/Plus.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Plus = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Recording02.tsx b/packages/design-system/src/new-ui/Icons/Recording02.tsx
index 6d6e007dd9..6a056f7bd7 100644
--- a/packages/design-system/src/new-ui/Icons/Recording02.tsx
+++ b/packages/design-system/src/new-ui/Icons/Recording02.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Recording02 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Recording03.tsx b/packages/design-system/src/new-ui/Icons/Recording03.tsx
index e892154462..00ab53dca8 100644
--- a/packages/design-system/src/new-ui/Icons/Recording03.tsx
+++ b/packages/design-system/src/new-ui/Icons/Recording03.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Recording03 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Recording04.tsx b/packages/design-system/src/new-ui/Icons/Recording04.tsx
index 881be7ad5a..97c57e0b7e 100644
--- a/packages/design-system/src/new-ui/Icons/Recording04.tsx
+++ b/packages/design-system/src/new-ui/Icons/Recording04.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Recording04 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Recording05.tsx b/packages/design-system/src/new-ui/Icons/Recording05.tsx
index 195510c0c8..2570954751 100644
--- a/packages/design-system/src/new-ui/Icons/Recording05.tsx
+++ b/packages/design-system/src/new-ui/Icons/Recording05.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Recording05 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/ReferenceIconCheck.tsx b/packages/design-system/src/new-ui/Icons/ReferenceIconCheck.tsx
index 989dec39f7..06056dc90b 100644
--- a/packages/design-system/src/new-ui/Icons/ReferenceIconCheck.tsx
+++ b/packages/design-system/src/new-ui/Icons/ReferenceIconCheck.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const ReferenceIconCheck = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/ReferenceIconX.tsx b/packages/design-system/src/new-ui/Icons/ReferenceIconX.tsx
index b38c24ebb4..c3d68c6596 100644
--- a/packages/design-system/src/new-ui/Icons/ReferenceIconX.tsx
+++ b/packages/design-system/src/new-ui/Icons/ReferenceIconX.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const ReferenceIconX = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/RefreshCw05.tsx b/packages/design-system/src/new-ui/Icons/RefreshCw05.tsx
index 438386829e..a7041a5fad 100644
--- a/packages/design-system/src/new-ui/Icons/RefreshCw05.tsx
+++ b/packages/design-system/src/new-ui/Icons/RefreshCw05.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const RefreshCw05 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Repeat04.tsx b/packages/design-system/src/new-ui/Icons/Repeat04.tsx
index aabd252687..3640d92fcb 100644
--- a/packages/design-system/src/new-ui/Icons/Repeat04.tsx
+++ b/packages/design-system/src/new-ui/Icons/Repeat04.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Repeat04 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Rocket01.tsx b/packages/design-system/src/new-ui/Icons/Rocket01.tsx
index 30ef220e71..2760ed8b75 100644
--- a/packages/design-system/src/new-ui/Icons/Rocket01.tsx
+++ b/packages/design-system/src/new-ui/Icons/Rocket01.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Rocket01 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Save01.tsx b/packages/design-system/src/new-ui/Icons/Save01.tsx
index 0abd7e59cc..a76f9cadae 100644
--- a/packages/design-system/src/new-ui/Icons/Save01.tsx
+++ b/packages/design-system/src/new-ui/Icons/Save01.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Save01 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Scales02.tsx b/packages/design-system/src/new-ui/Icons/Scales02.tsx
index a9ffdae8fd..d6ce7f8993 100644
--- a/packages/design-system/src/new-ui/Icons/Scales02.tsx
+++ b/packages/design-system/src/new-ui/Icons/Scales02.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Scales02 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/SearchLg.tsx b/packages/design-system/src/new-ui/Icons/SearchLg.tsx
index 941365e50f..1a5f779b9b 100644
--- a/packages/design-system/src/new-ui/Icons/SearchLg.tsx
+++ b/packages/design-system/src/new-ui/Icons/SearchLg.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const SearchLg = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/SearchSm.tsx b/packages/design-system/src/new-ui/Icons/SearchSm.tsx
index bd6a4a738e..361187e332 100644
--- a/packages/design-system/src/new-ui/Icons/SearchSm.tsx
+++ b/packages/design-system/src/new-ui/Icons/SearchSm.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const SearchSm = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Settings02.tsx b/packages/design-system/src/new-ui/Icons/Settings02.tsx
index 5e6d4d94a0..86cfb72474 100644
--- a/packages/design-system/src/new-ui/Icons/Settings02.tsx
+++ b/packages/design-system/src/new-ui/Icons/Settings02.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Settings02 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Share07.tsx b/packages/design-system/src/new-ui/Icons/Share07.tsx
index 4648ec740e..6959bed4f0 100644
--- a/packages/design-system/src/new-ui/Icons/Share07.tsx
+++ b/packages/design-system/src/new-ui/Icons/Share07.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Share07 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Sliders01.tsx b/packages/design-system/src/new-ui/Icons/Sliders01.tsx
index 5c7df68797..c67c876fae 100644
--- a/packages/design-system/src/new-ui/Icons/Sliders01.tsx
+++ b/packages/design-system/src/new-ui/Icons/Sliders01.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Sliders01 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/SortLinesDown.tsx b/packages/design-system/src/new-ui/Icons/SortLinesDown.tsx
index 7edbe8b51d..9efdf1a171 100644
--- a/packages/design-system/src/new-ui/Icons/SortLinesDown.tsx
+++ b/packages/design-system/src/new-ui/Icons/SortLinesDown.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const SortLinesDown = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/SortLinesUp.tsx b/packages/design-system/src/new-ui/Icons/SortLinesUp.tsx
index cc06d20ce3..0364855914 100644
--- a/packages/design-system/src/new-ui/Icons/SortLinesUp.tsx
+++ b/packages/design-system/src/new-ui/Icons/SortLinesUp.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const SortLinesUp = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Speaker01.tsx b/packages/design-system/src/new-ui/Icons/Speaker01.tsx
index 5712c8953f..c0651a7584 100644
--- a/packages/design-system/src/new-ui/Icons/Speaker01.tsx
+++ b/packages/design-system/src/new-ui/Icons/Speaker01.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Speaker01 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/SpeechRecognition.tsx b/packages/design-system/src/new-ui/Icons/SpeechRecognition.tsx
index 5dcf34cb54..19eb553a39 100644
--- a/packages/design-system/src/new-ui/Icons/SpeechRecognition.tsx
+++ b/packages/design-system/src/new-ui/Icons/SpeechRecognition.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const SpeechRecognition = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Stop.tsx b/packages/design-system/src/new-ui/Icons/Stop.tsx
index 0867958abf..f81fc7960c 100644
--- a/packages/design-system/src/new-ui/Icons/Stop.tsx
+++ b/packages/design-system/src/new-ui/Icons/Stop.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Stop = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Tag01.tsx b/packages/design-system/src/new-ui/Icons/Tag01.tsx
index d2f7b19b5a..78b0395415 100644
--- a/packages/design-system/src/new-ui/Icons/Tag01.tsx
+++ b/packages/design-system/src/new-ui/Icons/Tag01.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Tag01 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/TextA.tsx b/packages/design-system/src/new-ui/Icons/TextA.tsx
index 6911d4de5e..03f32e5813 100644
--- a/packages/design-system/src/new-ui/Icons/TextA.tsx
+++ b/packages/design-system/src/new-ui/Icons/TextA.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const TextA = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/TextGenerationChat.tsx b/packages/design-system/src/new-ui/Icons/TextGenerationChat.tsx
index 4fd365f091..481952151b 100644
--- a/packages/design-system/src/new-ui/Icons/TextGenerationChat.tsx
+++ b/packages/design-system/src/new-ui/Icons/TextGenerationChat.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const TextGenerationChat = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Tool01.tsx b/packages/design-system/src/new-ui/Icons/Tool01.tsx
index 26f32f4ea4..f13393aec4 100644
--- a/packages/design-system/src/new-ui/Icons/Tool01.tsx
+++ b/packages/design-system/src/new-ui/Icons/Tool01.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Tool01 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Trash01.tsx b/packages/design-system/src/new-ui/Icons/Trash01.tsx
index 181e23a28e..06e1c5e47a 100644
--- a/packages/design-system/src/new-ui/Icons/Trash01.tsx
+++ b/packages/design-system/src/new-ui/Icons/Trash01.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Trash01 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Trash03.tsx b/packages/design-system/src/new-ui/Icons/Trash03.tsx
index 0d161c2eb7..e7c7078a36 100644
--- a/packages/design-system/src/new-ui/Icons/Trash03.tsx
+++ b/packages/design-system/src/new-ui/Icons/Trash03.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Trash03 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Type01.tsx b/packages/design-system/src/new-ui/Icons/Type01.tsx
index 54b452cfad..6fc7c4eedc 100644
--- a/packages/design-system/src/new-ui/Icons/Type01.tsx
+++ b/packages/design-system/src/new-ui/Icons/Type01.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Type01 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Type02.tsx b/packages/design-system/src/new-ui/Icons/Type02.tsx
index 306dfd7067..c395c26e1d 100644
--- a/packages/design-system/src/new-ui/Icons/Type02.tsx
+++ b/packages/design-system/src/new-ui/Icons/Type02.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Type02 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/TypePlus.tsx b/packages/design-system/src/new-ui/Icons/TypePlus.tsx
index d5fda80bcf..2d4f63f678 100644
--- a/packages/design-system/src/new-ui/Icons/TypePlus.tsx
+++ b/packages/design-system/src/new-ui/Icons/TypePlus.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const TypePlus = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Update.tsx b/packages/design-system/src/new-ui/Icons/Update.tsx
index eddf13c971..50434f42ef 100644
--- a/packages/design-system/src/new-ui/Icons/Update.tsx
+++ b/packages/design-system/src/new-ui/Icons/Update.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Update = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Upload01.tsx b/packages/design-system/src/new-ui/Icons/Upload01.tsx
index 98935cf3dd..5b1040d823 100644
--- a/packages/design-system/src/new-ui/Icons/Upload01.tsx
+++ b/packages/design-system/src/new-ui/Icons/Upload01.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Upload01 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/User01.tsx b/packages/design-system/src/new-ui/Icons/User01.tsx
index 6b983b3817..30e8c7f329 100644
--- a/packages/design-system/src/new-ui/Icons/User01.tsx
+++ b/packages/design-system/src/new-ui/Icons/User01.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const User01 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/User02.tsx b/packages/design-system/src/new-ui/Icons/User02.tsx
index 7caf70583b..2297422b2b 100644
--- a/packages/design-system/src/new-ui/Icons/User02.tsx
+++ b/packages/design-system/src/new-ui/Icons/User02.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const User02 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/UserPlus01.tsx b/packages/design-system/src/new-ui/Icons/UserPlus01.tsx
index c921307788..3fee51bfdb 100644
--- a/packages/design-system/src/new-ui/Icons/UserPlus01.tsx
+++ b/packages/design-system/src/new-ui/Icons/UserPlus01.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const UserPlus01 = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Video.tsx b/packages/design-system/src/new-ui/Icons/Video.tsx
index 3f7e2d5a33..d5f23c07e1 100644
--- a/packages/design-system/src/new-ui/Icons/Video.tsx
+++ b/packages/design-system/src/new-ui/Icons/Video.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Video = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/VideoRecorder.tsx b/packages/design-system/src/new-ui/Icons/VideoRecorder.tsx
index f1fc47104a..28fca1eea6 100644
--- a/packages/design-system/src/new-ui/Icons/VideoRecorder.tsx
+++ b/packages/design-system/src/new-ui/Icons/VideoRecorder.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const VideoRecorder = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/Visa.tsx b/packages/design-system/src/new-ui/Icons/Visa.tsx
index 384b2ed881..76a3b9c48c 100644
--- a/packages/design-system/src/new-ui/Icons/Visa.tsx
+++ b/packages/design-system/src/new-ui/Icons/Visa.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const Visa = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/VisualQuestionAnswering.tsx b/packages/design-system/src/new-ui/Icons/VisualQuestionAnswering.tsx
index a8374136a2..67c3778e1c 100644
--- a/packages/design-system/src/new-ui/Icons/VisualQuestionAnswering.tsx
+++ b/packages/design-system/src/new-ui/Icons/VisualQuestionAnswering.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const VisualQuestionAnswering = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/X.tsx b/packages/design-system/src/new-ui/Icons/X.tsx
index 94d2208295..5a82a94908 100644
--- a/packages/design-system/src/new-ui/Icons/X.tsx
+++ b/packages/design-system/src/new-ui/Icons/X.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { IconBase, IconBaseProps } from "./IconBase";
export const X = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Icons/index.ts b/packages/design-system/src/new-ui/Icons/index.ts
index 8d6f3bd81e..f5021ded08 100644
--- a/packages/design-system/src/new-ui/Icons/index.ts
+++ b/packages/design-system/src/new-ui/Icons/index.ts
@@ -2,29 +2,20 @@ import { Activity } from "./Activity";
import { AlertCircle } from "./AlertCircle";
import { AlertTriangle } from "./AlertTriangle";
import { AlighLeft } from "./AlighLeft";
-import { ArrowUp } from "./ArrowUp";
import { ArrowDown } from "./ArrowDown";
import { ArrowLeft } from "./ArrowLeft";
-import { ArrowRight } from "./ArrowRight";
import { ArrowNarrowLeft } from "./ArrowNarrowLeft";
import { ArrowNarrowRight } from "./ArrowNarrowRight";
+import { ArrowRight } from "./ArrowRight";
+import { ArrowUp } from "./ArrowUp";
import { ArrowUpRight } from "./ArrowUpRight";
import { BarChartSquare02 } from "./BarChartSquare02";
import { BookOpen02 } from "./BookOpen02";
import { Box } from "./Box";
import { BracketSlash } from "./BracketSlash";
import { Building05 } from "./Building05";
+import { CardRefresh } from "./CardRefresh";
import { Check } from "./Check";
-import { Circle } from "./Circle";
-import { ClockRewind } from "./ClockRewind";
-import { CodeBrowser } from "./CodeBrowser";
-import { CodeSnippet01 } from "./CodeSnippet01";
-import { CodeSnippet02 } from "./CodeSnippet02";
-import { CodeSquare02 } from "./CodeSquare02";
-import { Coins01 } from "./Coins01";
-import { CoinsStacked01 } from "./CoinsStacked01";
-import { Copy06 } from "./Copy06";
-import { Copy07 } from "./Copy07";
import { CheckCircle } from "./CheckCircle";
import { ChevronDown } from "./ChevronDown";
import { ChevronDownDouble } from "./ChevronDownDouble";
@@ -32,13 +23,24 @@ import { ChevronLeft } from "./ChevronLeft";
import { ChevronLeftDouble } from "./ChevronLeftDouble";
import { ChevronRight } from "./ChevronRight";
import { ChevronRightDouble } from "./ChevronRightDouble";
+import { ChevronSelectorVertical } from "./ChevronSelectorVertical";
import { ChevronUp } from "./ChevronUp";
import { ChevronUpDouble } from "./ChevronUpDouble";
-import { ChevronSelectorVertical } from "./ChevronSelectorVertical";
import { Chip01 } from "./Chip01";
import { Chip02 } from "./Chip02";
+import { Circle } from "./Circle";
+import { ClockRewind } from "./ClockRewind";
+import { CodeBrowser } from "./CodeBrowser";
+import { CodeSnippet01 } from "./CodeSnippet01";
+import { CodeSnippet02 } from "./CodeSnippet02";
+import { CodeSquare02 } from "./CodeSquare02";
+import { Coins01 } from "./Coins01";
+import { CoinsStacked01 } from "./CoinsStacked01";
+import { Copy06 } from "./Copy06";
+import { Copy07 } from "./Copy07";
import { Cube01 } from "./Cube01";
import { CubeOutline } from "./CubeOutline";
+import { CurrencyDollar } from "./CurrencyDollar";
import { Database01 } from "./Database01";
import { DotsHorizontal } from "./DotsHorizontal";
import { DotsVertical } from "./DotsVertical";
@@ -56,73 +58,71 @@ import { FilterLines } from "./FilterLines";
import { Gear01 } from "./Gear01";
import { Globe01 } from "./Globe01";
import { HelpCircle } from "./HelpCircle";
+import { Image01 } from "./Image01";
+import { ImagePlus } from "./ImagePlus";
+import { InfoCircle } from "./InfoCircle";
+import { InfoSquare } from "./InfoSquare";
import { IntersectSquare } from "./IntersectSquare";
+import { LayersTwo01 } from "./LayersTwo01";
+import { Lightning01 } from "./Lightning01";
import { Link01 } from "./Link01";
import { Lock03 } from "./Lock03";
import { LockUnlocked03 } from "./LockUnlocked03";
-import { InfoCircle } from "./InfoCircle";
-import { InfoSquare } from "./InfoSquare";
-import { Image01 } from "./Image01";
-import { ImagePlus } from "./ImagePlus";
import { Logout01 } from "./Logout01";
-import { LayersTwo01 } from "./LayersTwo01";
-import { Lightning01 } from "./Lightning01";
-import { MultipleVideo } from "./MultipleVideo";
-import { Model } from "./Model";
+import { Mail01 } from "./Mail01";
import { MasterCard } from "./MasterCard";
import { Menu01 } from "./Menu01";
import { MessageChatSquare } from "./MessageChatSquare";
-import { Minus } from "./Minus";
-import { Mail01 } from "./Mail01";
import { MessageSmileSquare } from "./MessageSmileSquare";
+import { Minus } from "./Minus";
+import { Model } from "./Model";
+import { MultipleVideo } from "./MultipleVideo";
import { NewModel } from "./NewModel";
import { PauseCircle } from "./PauseCircle";
import { Pipeline } from "./Pipeline";
-import { Plus } from "./Plus";
import { Play } from "./Play";
import { PlayCircle } from "./PlayCircle";
-import { RefreshCw05 } from "./RefreshCw05";
-import { Repeat04 } from "./Repeat04";
+import { Plus } from "./Plus";
import { Recording02 } from "./Recording02";
import { Recording03 } from "./Recording03";
import { Recording04 } from "./Recording04";
import { Recording05 } from "./Recording05";
import { ReferenceIconCheck } from "./ReferenceIconCheck";
import { ReferenceIconX } from "./ReferenceIconX";
+import { RefreshCw05 } from "./RefreshCw05";
+import { Repeat04 } from "./Repeat04";
import { Rocket01 } from "./Rocket01";
import { Save01 } from "./Save01";
import { Scales02 } from "./Scales02";
-import { Settings02 } from "./Settings02";
-import { Sliders01 } from "./Sliders01";
-import { SpeechRecognition } from "./SpeechRecognition";
-import { Speaker01 } from "./Speaker01";
-import { Stop } from "./Stop";
import { SearchLg } from "./SearchLg";
import { SearchSm } from "./SearchSm";
+import { Settings02 } from "./Settings02";
import { Share07 } from "./Share07";
+import { Sliders01 } from "./Sliders01";
import { SortLinesDown } from "./SortLinesDown";
import { SortLinesUp } from "./SortLinesUp";
+import { Speaker01 } from "./Speaker01";
+import { SpeechRecognition } from "./SpeechRecognition";
+import { Stop } from "./Stop";
import { Tag01 } from "./Tag01";
import { TextA } from "./TextA";
import { TextGenerationChat } from "./TextGenerationChat";
+import { Tool01 } from "./Tool01";
import { Trash01 } from "./Trash01";
import { Trash03 } from "./Trash03";
import { Type01 } from "./Type01";
import { Type02 } from "./Type02";
import { TypePlus } from "./TypePlus";
-import { Tool01 } from "./Tool01";
+import { Update } from "./Update";
import { Upload01 } from "./Upload01";
import { User01 } from "./User01";
import { User02 } from "./User02";
-import { Update } from "./Update";
import { UserPlus01 } from "./UserPlus01";
import { Video } from "./Video";
import { VideoRecorder } from "./VideoRecorder";
import { Visa } from "./Visa";
import { VisualQuestionAnswering } from "./VisualQuestionAnswering";
import { X } from "./X";
-import { CardRefresh } from "./CardRefresh";
-import { CurrencyDollar } from "./CurrencyDollar";
export const Icons = {
Activity,
diff --git a/packages/design-system/src/new-ui/Input/Input.stories.tsx b/packages/design-system/src/new-ui/Input/Input.stories.tsx
index 6a26ee57be..5973700647 100644
--- a/packages/design-system/src/new-ui/Input/Input.stories.tsx
+++ b/packages/design-system/src/new-ui/Input/Input.stories.tsx
@@ -1,7 +1,8 @@
import * as React from "react";
import { Meta, StoryObj } from "@storybook/react";
-import { Input } from "./Input";
+
import { Icons } from "../Icons";
+import { Input } from "./Input";
const meta: Meta = {
title: "Components/NewUi/Input",
diff --git a/packages/design-system/src/new-ui/Input/Input.tsx b/packages/design-system/src/new-ui/Input/Input.tsx
index a1eac72138..1d0e871e06 100644
--- a/packages/design-system/src/new-ui/Input/Input.tsx
+++ b/packages/design-system/src/new-ui/Input/Input.tsx
@@ -1,7 +1,7 @@
"use client";
-import cn from "clsx";
import * as React from "react";
+import cn from "clsx";
const Root = React.forwardRef<
HTMLInputElement,
diff --git a/packages/design-system/src/new-ui/Label/Label.stories.tsx b/packages/design-system/src/new-ui/Label/Label.stories.tsx
index 207dd739e1..1309b69578 100644
--- a/packages/design-system/src/new-ui/Label/Label.stories.tsx
+++ b/packages/design-system/src/new-ui/Label/Label.stories.tsx
@@ -1,4 +1,5 @@
import type { Meta, StoryObj } from "@storybook/react";
+
import { Label } from "./Label";
const meta: Meta = {
diff --git a/packages/design-system/src/new-ui/Label/Label.tsx b/packages/design-system/src/new-ui/Label/Label.tsx
index 62ae859587..b8f339d6de 100644
--- a/packages/design-system/src/new-ui/Label/Label.tsx
+++ b/packages/design-system/src/new-ui/Label/Label.tsx
@@ -1,8 +1,8 @@
"use client";
-import cn from "clsx";
import * as React from "react";
import * as LabelPrimitive from "@radix-ui/react-label";
+import cn from "clsx";
export const Label = React.forwardRef<
React.ElementRef,
diff --git a/packages/design-system/src/new-ui/LinkButton/LinkButton.stories.tsx b/packages/design-system/src/new-ui/LinkButton/LinkButton.stories.tsx
index c5c91d8518..942c7013cb 100644
--- a/packages/design-system/src/new-ui/LinkButton/LinkButton.stories.tsx
+++ b/packages/design-system/src/new-ui/LinkButton/LinkButton.stories.tsx
@@ -1,4 +1,5 @@
import type { Meta, StoryObj } from "@storybook/react";
+
import { LinkButton } from "./LinkButton";
const meta: Meta = {
diff --git a/packages/design-system/src/new-ui/LinkButton/LinkButton.tsx b/packages/design-system/src/new-ui/LinkButton/LinkButton.tsx
index 206d470835..e0ffaee7b8 100644
--- a/packages/design-system/src/new-ui/LinkButton/LinkButton.tsx
+++ b/packages/design-system/src/new-ui/LinkButton/LinkButton.tsx
@@ -1,9 +1,10 @@
"use client";
-import cn from "clsx";
+import type { VariantProps } from "class-variance-authority";
import * as React from "react";
import { Slot } from "@radix-ui/react-slot";
-import { cva, type VariantProps } from "class-variance-authority";
+import { cva } from "class-variance-authority";
+import cn from "clsx";
const linkButtonVariants = cva(
"group inline-flex items-center justify-center py-1 transition-colors !underline underline-offset-4 !decoration-1 focus:outline-none focus-visible:outline-none disabled:pointer-events-none",
diff --git a/packages/design-system/src/new-ui/Logos/ATFExpand.tsx b/packages/design-system/src/new-ui/Logos/ATFExpand.tsx
index 5f7d1c8004..019f1b42b0 100644
--- a/packages/design-system/src/new-ui/Logos/ATFExpand.tsx
+++ b/packages/design-system/src/new-ui/Logos/ATFExpand.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { LogoBase, LogoBaseProps } from "./LogoBase";
export const ATFExpand = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Logos/ATFSquare.tsx b/packages/design-system/src/new-ui/Logos/ATFSquare.tsx
index b5eda63bab..b2976b288b 100644
--- a/packages/design-system/src/new-ui/Logos/ATFSquare.tsx
+++ b/packages/design-system/src/new-ui/Logos/ATFSquare.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { LogoBase, LogoBaseProps } from "./LogoBase";
export const ATFSquare = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Logos/Anthropic.tsx b/packages/design-system/src/new-ui/Logos/Anthropic.tsx
index 4a088614c5..b707408a45 100644
--- a/packages/design-system/src/new-ui/Logos/Anthropic.tsx
+++ b/packages/design-system/src/new-ui/Logos/Anthropic.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { LogoBase, LogoBaseProps } from "./LogoBase";
export const Anthropic = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Logos/AssemblyAI.tsx b/packages/design-system/src/new-ui/Logos/AssemblyAI.tsx
index 8eb2bccc51..93ef097037 100644
--- a/packages/design-system/src/new-ui/Logos/AssemblyAI.tsx
+++ b/packages/design-system/src/new-ui/Logos/AssemblyAI.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { LogoBase, LogoBaseProps } from "./LogoBase";
export const AssemblyAI = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Logos/Cohere.tsx b/packages/design-system/src/new-ui/Logos/Cohere.tsx
index e6a6cbdea0..d955cc3085 100644
--- a/packages/design-system/src/new-ui/Logos/Cohere.tsx
+++ b/packages/design-system/src/new-ui/Logos/Cohere.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { LogoBase, LogoBaseProps } from "./LogoBase";
export const Cohere = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Logos/HuggingFace.tsx b/packages/design-system/src/new-ui/Logos/HuggingFace.tsx
index 41c1b0cea0..d89ac1bbbb 100644
--- a/packages/design-system/src/new-ui/Logos/HuggingFace.tsx
+++ b/packages/design-system/src/new-ui/Logos/HuggingFace.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { LogoBase, LogoBaseProps } from "./LogoBase";
export const HuggingFace = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Logos/InstillCloud.tsx b/packages/design-system/src/new-ui/Logos/InstillCloud.tsx
index e920f2e217..8a8a9ef360 100644
--- a/packages/design-system/src/new-ui/Logos/InstillCloud.tsx
+++ b/packages/design-system/src/new-ui/Logos/InstillCloud.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { LogoBase, LogoBaseProps } from "./LogoBase";
export const InstillCloud = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Logos/InstillSquare.tsx b/packages/design-system/src/new-ui/Logos/InstillSquare.tsx
index 02d4ae86d8..f6ff8f4ee4 100644
--- a/packages/design-system/src/new-ui/Logos/InstillSquare.tsx
+++ b/packages/design-system/src/new-ui/Logos/InstillSquare.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { LogoBase, LogoBaseProps } from "./LogoBase";
export const InstillSquare = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Logos/Logo.stories.tsx b/packages/design-system/src/new-ui/Logos/Logo.stories.tsx
index 136174c470..5bc64e1d7b 100644
--- a/packages/design-system/src/new-ui/Logos/Logo.stories.tsx
+++ b/packages/design-system/src/new-ui/Logos/Logo.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import { Logos } from ".";
const meta: Meta = {
diff --git a/packages/design-system/src/new-ui/Logos/LogoBase/LogoBase.tsx b/packages/design-system/src/new-ui/Logos/LogoBase/LogoBase.tsx
index 7a0dba136d..741022300e 100644
--- a/packages/design-system/src/new-ui/Logos/LogoBase/LogoBase.tsx
+++ b/packages/design-system/src/new-ui/Logos/LogoBase/LogoBase.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
export type LogoBaseProps = {
viewBox: string;
className?: string;
diff --git a/packages/design-system/src/new-ui/Logos/MDLExpand.tsx b/packages/design-system/src/new-ui/Logos/MDLExpand.tsx
index 64d45587eb..44f8a82d65 100644
--- a/packages/design-system/src/new-ui/Logos/MDLExpand.tsx
+++ b/packages/design-system/src/new-ui/Logos/MDLExpand.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { LogoBase, LogoBaseProps } from "./LogoBase";
export const MDLExpand = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Logos/MDLSquare.tsx b/packages/design-system/src/new-ui/Logos/MDLSquare.tsx
index 113a626c16..172cb2e02c 100644
--- a/packages/design-system/src/new-ui/Logos/MDLSquare.tsx
+++ b/packages/design-system/src/new-ui/Logos/MDLSquare.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { LogoBase, LogoBaseProps } from "./LogoBase";
export const MDLSquare = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Logos/Milvus.tsx b/packages/design-system/src/new-ui/Logos/Milvus.tsx
index 2b282ade10..c635cdbcbf 100644
--- a/packages/design-system/src/new-ui/Logos/Milvus.tsx
+++ b/packages/design-system/src/new-ui/Logos/Milvus.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { LogoBase, LogoBaseProps } from "./LogoBase";
export const Milvus = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Logos/Number.tsx b/packages/design-system/src/new-ui/Logos/Number.tsx
index 4c798315c3..54efdc298d 100644
--- a/packages/design-system/src/new-ui/Logos/Number.tsx
+++ b/packages/design-system/src/new-ui/Logos/Number.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { LogoBase, LogoBaseProps } from "./LogoBase";
export const Number = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Logos/OpenAI.tsx b/packages/design-system/src/new-ui/Logos/OpenAI.tsx
index f6351a23df..b5289a9867 100644
--- a/packages/design-system/src/new-ui/Logos/OpenAI.tsx
+++ b/packages/design-system/src/new-ui/Logos/OpenAI.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { LogoBase, LogoBaseProps } from "./LogoBase";
export const OpenAI = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Logos/Pinecode.tsx b/packages/design-system/src/new-ui/Logos/Pinecode.tsx
index 61515c2460..efcea8b083 100644
--- a/packages/design-system/src/new-ui/Logos/Pinecode.tsx
+++ b/packages/design-system/src/new-ui/Logos/Pinecode.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { LogoBase, LogoBaseProps } from "./LogoBase";
export const Pinecode = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Logos/StabilityAI.tsx b/packages/design-system/src/new-ui/Logos/StabilityAI.tsx
index 32cbb6d147..bc02334ba7 100644
--- a/packages/design-system/src/new-ui/Logos/StabilityAI.tsx
+++ b/packages/design-system/src/new-ui/Logos/StabilityAI.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { LogoBase, LogoBaseProps } from "./LogoBase";
export const StabilityAI = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Logos/TwitterDark.tsx b/packages/design-system/src/new-ui/Logos/TwitterDark.tsx
index 39b2d93d13..e1942f10f0 100644
--- a/packages/design-system/src/new-ui/Logos/TwitterDark.tsx
+++ b/packages/design-system/src/new-ui/Logos/TwitterDark.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { LogoBase, LogoBaseProps } from "./LogoBase";
export const TwitterDark = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Logos/TwitterLight.tsx b/packages/design-system/src/new-ui/Logos/TwitterLight.tsx
index b0296eb4e8..673b18b462 100644
--- a/packages/design-system/src/new-ui/Logos/TwitterLight.tsx
+++ b/packages/design-system/src/new-ui/Logos/TwitterLight.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { LogoBase, LogoBaseProps } from "./LogoBase";
export const TwitterLight = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Logos/VDPExpand.tsx b/packages/design-system/src/new-ui/Logos/VDPExpand.tsx
index 1020302ee5..e83b6dd7e9 100644
--- a/packages/design-system/src/new-ui/Logos/VDPExpand.tsx
+++ b/packages/design-system/src/new-ui/Logos/VDPExpand.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { LogoBase, LogoBaseProps } from "./LogoBase";
export const VDPExpand = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Logos/VDPSquare.tsx b/packages/design-system/src/new-ui/Logos/VDPSquare.tsx
index 81dc8d1811..9bb36cd0f7 100644
--- a/packages/design-system/src/new-ui/Logos/VDPSquare.tsx
+++ b/packages/design-system/src/new-ui/Logos/VDPSquare.tsx
@@ -1,6 +1,7 @@
"use client";
import * as React from "react";
+
import { LogoBase, LogoBaseProps } from "./LogoBase";
export const VDPSquare = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Logos/index.ts b/packages/design-system/src/new-ui/Logos/index.ts
index 2191545d00..61ac5f3675 100644
--- a/packages/design-system/src/new-ui/Logos/index.ts
+++ b/packages/design-system/src/new-ui/Logos/index.ts
@@ -1,7 +1,7 @@
+import { Anthropic } from "./Anthropic";
import { AssemblyAI } from "./AssemblyAI";
-import { ATFSquare } from "./ATFSquare";
import { ATFExpand } from "./ATFExpand";
-import { Anthropic } from "./Anthropic";
+import { ATFSquare } from "./ATFSquare";
import { Cohere } from "./Cohere";
import { HuggingFace } from "./HuggingFace";
import { InstillCloud } from "./InstillCloud";
diff --git a/packages/design-system/src/new-ui/Menubar/Menubar.stories.tsx b/packages/design-system/src/new-ui/Menubar/Menubar.stories.tsx
index d215f72133..9c665b800b 100644
--- a/packages/design-system/src/new-ui/Menubar/Menubar.stories.tsx
+++ b/packages/design-system/src/new-ui/Menubar/Menubar.stories.tsx
@@ -1,4 +1,5 @@
import type { Meta, StoryObj } from "@storybook/react";
+
import { Menubar } from "./Menubar";
const meta: Meta = {
diff --git a/packages/design-system/src/new-ui/Menubar/Menubar.tsx b/packages/design-system/src/new-ui/Menubar/Menubar.tsx
index 42cc772776..d657542aef 100644
--- a/packages/design-system/src/new-ui/Menubar/Menubar.tsx
+++ b/packages/design-system/src/new-ui/Menubar/Menubar.tsx
@@ -1,8 +1,9 @@
"use client";
-import cn from "clsx";
import * as React from "react";
import * as MenubarPrimitive from "@radix-ui/react-menubar";
+import cn from "clsx";
+
import { Icons } from "../Icons";
const MenubarMenu = MenubarPrimitive.Menu;
diff --git a/packages/design-system/src/new-ui/MultiSelect/MultiSelect.stories.tsx b/packages/design-system/src/new-ui/MultiSelect/MultiSelect.stories.tsx
index 2f510bcac2..9cb4a871aa 100644
--- a/packages/design-system/src/new-ui/MultiSelect/MultiSelect.stories.tsx
+++ b/packages/design-system/src/new-ui/MultiSelect/MultiSelect.stories.tsx
@@ -1,7 +1,8 @@
import type { Meta } from "@storybook/react";
-import { Icons } from "../Icons";
import * as React from "react";
+
import { SelectOption } from "../../types/general";
+import { Icons } from "../Icons";
import { MultiSelect } from "./MultiSelect";
const meta: Meta = {
diff --git a/packages/design-system/src/new-ui/MultiSelect/MultiSelect.tsx b/packages/design-system/src/new-ui/MultiSelect/MultiSelect.tsx
index f811c0d8e5..072913f50b 100644
--- a/packages/design-system/src/new-ui/MultiSelect/MultiSelect.tsx
+++ b/packages/design-system/src/new-ui/MultiSelect/MultiSelect.tsx
@@ -2,11 +2,12 @@
import * as React from "react";
import cn from "clsx";
-import { Command } from "../Command";
-import { Popover } from "../Popover";
-import { Icons } from "../Icons";
+
import { Nullable, SelectOption } from "../../types/general";
import { Button } from "../Button";
+import { Command } from "../Command";
+import { Icons } from "../Icons";
+import { Popover } from "../Popover";
import { Tag } from "../Tag";
type ComboboxProps = {
diff --git a/packages/design-system/src/new-ui/Pagination/Pagination.tsx b/packages/design-system/src/new-ui/Pagination/Pagination.tsx
index d9fca0a01d..9097a634ec 100644
--- a/packages/design-system/src/new-ui/Pagination/Pagination.tsx
+++ b/packages/design-system/src/new-ui/Pagination/Pagination.tsx
@@ -1,7 +1,8 @@
import * as React from "react";
+import cn from "clsx";
+
import { Button } from "../Button";
import { Icons } from "../Icons";
-import cn from "clsx";
type Align = "left" | "right" | "center";
diff --git a/packages/design-system/src/new-ui/ParagraphWithHTML/ParagraphWithHTML.stories.tsx b/packages/design-system/src/new-ui/ParagraphWithHTML/ParagraphWithHTML.stories.tsx
index 7fc07c879a..cfe55b4cde 100644
--- a/packages/design-system/src/new-ui/ParagraphWithHTML/ParagraphWithHTML.stories.tsx
+++ b/packages/design-system/src/new-ui/ParagraphWithHTML/ParagraphWithHTML.stories.tsx
@@ -1,4 +1,5 @@
import type { Meta, StoryObj } from "@storybook/react";
+
import { ParagraphWithHTML } from "./ParagraphWithHTML";
const meta: Meta = {
diff --git a/packages/design-system/src/new-ui/ParagraphWithHTML/ParagraphWithHTML.tsx b/packages/design-system/src/new-ui/ParagraphWithHTML/ParagraphWithHTML.tsx
index afafe441cb..0fc3bf4866 100644
--- a/packages/design-system/src/new-ui/ParagraphWithHTML/ParagraphWithHTML.tsx
+++ b/packages/design-system/src/new-ui/ParagraphWithHTML/ParagraphWithHTML.tsx
@@ -2,6 +2,7 @@
import * as React from "react";
import sanitizeHtml from "sanitize-html";
+
import { Nullable } from "../../types/general";
/**
diff --git a/packages/design-system/src/new-ui/Popover/Popover.stories.tsx b/packages/design-system/src/new-ui/Popover/Popover.stories.tsx
index 890475e704..0686046f2e 100644
--- a/packages/design-system/src/new-ui/Popover/Popover.stories.tsx
+++ b/packages/design-system/src/new-ui/Popover/Popover.stories.tsx
@@ -1,4 +1,5 @@
import type { Meta, StoryObj } from "@storybook/react";
+
import { Popover } from "./Popover";
const meta: Meta = {
diff --git a/packages/design-system/src/new-ui/Progress/Progress.stories.tsx b/packages/design-system/src/new-ui/Progress/Progress.stories.tsx
index 4b21b806e0..a8085c0cf2 100644
--- a/packages/design-system/src/new-ui/Progress/Progress.stories.tsx
+++ b/packages/design-system/src/new-ui/Progress/Progress.stories.tsx
@@ -1,4 +1,5 @@
import type { Meta, StoryObj } from "@storybook/react";
+
import { Progress } from "./Progress";
const meta: Meta = {
diff --git a/packages/design-system/src/new-ui/Progress/Progress.tsx b/packages/design-system/src/new-ui/Progress/Progress.tsx
index 9523d7fb92..06c04ce636 100644
--- a/packages/design-system/src/new-ui/Progress/Progress.tsx
+++ b/packages/design-system/src/new-ui/Progress/Progress.tsx
@@ -1,8 +1,8 @@
"use client";
-import cn from "clsx";
import * as React from "react";
import * as ProgressPrimitive from "@radix-ui/react-progress";
+import cn from "clsx";
const Progress = React.forwardRef<
React.ElementRef,
diff --git a/packages/design-system/src/new-ui/ScrollArea/ScrollArea.stories.tsx b/packages/design-system/src/new-ui/ScrollArea/ScrollArea.stories.tsx
index 91626396b9..75653b4620 100644
--- a/packages/design-system/src/new-ui/ScrollArea/ScrollArea.stories.tsx
+++ b/packages/design-system/src/new-ui/ScrollArea/ScrollArea.stories.tsx
@@ -1,7 +1,8 @@
-import * as React from "react";
import type { Meta, StoryObj } from "@storybook/react";
-import { ScrollArea } from "./ScrollArea";
+import * as React from "react";
+
import { Separator } from "../Separator";
+import { ScrollArea } from "./ScrollArea";
const meta: Meta = {
title: "Components/NewUi/ScrollArea",
diff --git a/packages/design-system/src/new-ui/ScrollArea/ScrollArea.tsx b/packages/design-system/src/new-ui/ScrollArea/ScrollArea.tsx
index 39a0477426..0f14e369fc 100644
--- a/packages/design-system/src/new-ui/ScrollArea/ScrollArea.tsx
+++ b/packages/design-system/src/new-ui/ScrollArea/ScrollArea.tsx
@@ -1,8 +1,8 @@
"use client";
import * as React from "react";
-import cn from "clsx";
import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import cn from "clsx";
const ScrollAreaRoot = React.forwardRef<
React.ElementRef,
diff --git a/packages/design-system/src/new-ui/Select/Select.stories.tsx b/packages/design-system/src/new-ui/Select/Select.stories.tsx
index 5051e881bb..ad066d4d93 100644
--- a/packages/design-system/src/new-ui/Select/Select.stories.tsx
+++ b/packages/design-system/src/new-ui/Select/Select.stories.tsx
@@ -1,7 +1,8 @@
import type { Meta, StoryObj } from "@storybook/react";
-import { Select } from "./Select";
-import { Icons } from "../Icons";
+
import { ModelLogo } from "../../ui";
+import { Icons } from "../Icons";
+import { Select } from "./Select";
const meta: Meta = {
title: "Components/NewUi/Select",
diff --git a/packages/design-system/src/new-ui/Select/Select.tsx b/packages/design-system/src/new-ui/Select/Select.tsx
index e6d616a15d..6a780dca43 100644
--- a/packages/design-system/src/new-ui/Select/Select.tsx
+++ b/packages/design-system/src/new-ui/Select/Select.tsx
@@ -1,8 +1,9 @@
"use client";
-import cn from "clsx";
import * as React from "react";
import * as SelectPrimitive from "@radix-ui/react-select";
+import cn from "clsx";
+
import { Icons } from "../Icons";
const Root = SelectPrimitive.Root;
diff --git a/packages/design-system/src/new-ui/Separator/Separator.stories.tsx b/packages/design-system/src/new-ui/Separator/Separator.stories.tsx
index 94b51182be..b1d2f00f19 100644
--- a/packages/design-system/src/new-ui/Separator/Separator.stories.tsx
+++ b/packages/design-system/src/new-ui/Separator/Separator.stories.tsx
@@ -1,4 +1,5 @@
import type { Meta, StoryObj } from "@storybook/react";
+
import { Separator } from "./Separator";
const meta: Meta = {
diff --git a/packages/design-system/src/new-ui/Separator/Separator.tsx b/packages/design-system/src/new-ui/Separator/Separator.tsx
index c31e658ef3..287da9329b 100644
--- a/packages/design-system/src/new-ui/Separator/Separator.tsx
+++ b/packages/design-system/src/new-ui/Separator/Separator.tsx
@@ -1,8 +1,8 @@
"use client";
-import cn from "clsx";
import * as React from "react";
import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import cn from "clsx";
const Separator = React.forwardRef<
React.ElementRef,
diff --git a/packages/design-system/src/new-ui/Skeleton/Skelton.stories.tsx b/packages/design-system/src/new-ui/Skeleton/Skelton.stories.tsx
index 09e32251cd..814c474aca 100644
--- a/packages/design-system/src/new-ui/Skeleton/Skelton.stories.tsx
+++ b/packages/design-system/src/new-ui/Skeleton/Skelton.stories.tsx
@@ -1,4 +1,5 @@
import type { Meta, StoryObj } from "@storybook/react";
+
import { Skeleton } from "./Skeleton";
const meta: Meta = {
diff --git a/packages/design-system/src/new-ui/Switch/Switch.stories.tsx b/packages/design-system/src/new-ui/Switch/Switch.stories.tsx
index 12aca0d7cb..3487094183 100644
--- a/packages/design-system/src/new-ui/Switch/Switch.stories.tsx
+++ b/packages/design-system/src/new-ui/Switch/Switch.stories.tsx
@@ -1,10 +1,11 @@
-import { z } from "zod";
+import { zodResolver } from "@hookform/resolvers/zod";
import { Meta, StoryFn } from "@storybook/react";
-import { Switch } from "./Switch";
+import { useForm } from "react-hook-form";
+import { z } from "zod";
+
import { Field } from "../Field";
import { Form } from "../Form";
-import { useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
+import { Switch } from "./Switch";
const meta: Meta = {
title: "Components/NewUi/Switch",
diff --git a/packages/design-system/src/new-ui/Switch/Switch.tsx b/packages/design-system/src/new-ui/Switch/Switch.tsx
index bb4aca1483..e2446dc40e 100644
--- a/packages/design-system/src/new-ui/Switch/Switch.tsx
+++ b/packages/design-system/src/new-ui/Switch/Switch.tsx
@@ -1,8 +1,8 @@
"use client";
-import cn from "clsx";
import * as React from "react";
import * as SwitchPrimitives from "@radix-ui/react-switch";
+import cn from "clsx";
const Switch = React.forwardRef<
React.ElementRef,
diff --git a/packages/design-system/src/new-ui/Table/Table.stories.tsx b/packages/design-system/src/new-ui/Table/Table.stories.tsx
index dfc0e56a90..bd37a32db9 100644
--- a/packages/design-system/src/new-ui/Table/Table.stories.tsx
+++ b/packages/design-system/src/new-ui/Table/Table.stories.tsx
@@ -1,6 +1,7 @@
import type { Meta, StoryObj } from "@storybook/react";
-import { Table } from "./Table";
+
import { Tag } from "../Tag";
+import { Table } from "./Table";
const meta: Meta = {
title: "Components/NewUi/Table",
diff --git a/packages/design-system/src/new-ui/Table/Table.tsx b/packages/design-system/src/new-ui/Table/Table.tsx
index 281fada1c9..113b7b3462 100644
--- a/packages/design-system/src/new-ui/Table/Table.tsx
+++ b/packages/design-system/src/new-ui/Table/Table.tsx
@@ -1,7 +1,7 @@
"use client";
-import cn from "clsx";
import * as React from "react";
+import cn from "clsx";
const TableRoot = React.forwardRef<
HTMLTableElement,
diff --git a/packages/design-system/src/new-ui/Tabs/Tabs.stories.tsx b/packages/design-system/src/new-ui/Tabs/Tabs.stories.tsx
index d298a79ef7..b656e98bc2 100644
--- a/packages/design-system/src/new-ui/Tabs/Tabs.stories.tsx
+++ b/packages/design-system/src/new-ui/Tabs/Tabs.stories.tsx
@@ -1,4 +1,5 @@
import type { Meta, StoryObj } from "@storybook/react";
+
import { Tabs } from "./Tabs";
const meta: Meta = {
diff --git a/packages/design-system/src/new-ui/Tabs/Tabs.tsx b/packages/design-system/src/new-ui/Tabs/Tabs.tsx
index fdd8938ce7..ba55386c24 100644
--- a/packages/design-system/src/new-ui/Tabs/Tabs.tsx
+++ b/packages/design-system/src/new-ui/Tabs/Tabs.tsx
@@ -2,7 +2,6 @@
// We don't have a unified Tab design yes so we don't have default style here
// Please refer to the design-docs in Figma for more details.
-
import * as React from "react";
import * as TabsPrimitive from "@radix-ui/react-tabs";
diff --git a/packages/design-system/src/new-ui/Tag/Tag.stories.tsx b/packages/design-system/src/new-ui/Tag/Tag.stories.tsx
index 7ec99d6598..b8dac02299 100644
--- a/packages/design-system/src/new-ui/Tag/Tag.stories.tsx
+++ b/packages/design-system/src/new-ui/Tag/Tag.stories.tsx
@@ -1,7 +1,8 @@
-import { Tag } from "./Tag";
-import { Icons } from "../Icons";
import { Meta, StoryObj } from "@storybook/react";
+import { Icons } from "../Icons";
+import { Tag } from "./Tag";
+
const meta: Meta = {
title: "Components/NewUi/Tag",
};
diff --git a/packages/design-system/src/new-ui/Tag/Tag.tsx b/packages/design-system/src/new-ui/Tag/Tag.tsx
index 4fe170c805..cb43580ca1 100644
--- a/packages/design-system/src/new-ui/Tag/Tag.tsx
+++ b/packages/design-system/src/new-ui/Tag/Tag.tsx
@@ -1,8 +1,9 @@
"use client";
-import cn from "clsx";
+import type { VariantProps } from "class-variance-authority";
import * as React from "react";
-import { cva, type VariantProps } from "class-variance-authority";
+import { cva } from "class-variance-authority";
+import cn from "clsx";
const tagVariants = cva("inline-flex items-center rounded-full font-semibold", {
variants: {
diff --git a/packages/design-system/src/new-ui/TagButton/TagButton.stories.tsx b/packages/design-system/src/new-ui/TagButton/TagButton.stories.tsx
index aeba325392..3cb72d406c 100644
--- a/packages/design-system/src/new-ui/TagButton/TagButton.stories.tsx
+++ b/packages/design-system/src/new-ui/TagButton/TagButton.stories.tsx
@@ -1,6 +1,7 @@
-import { TagButton } from "./TagButton";
import { Meta, StoryObj } from "@storybook/react";
+import { TagButton } from "./TagButton";
+
const meta: Meta = {
title: "Components/NewUi/TagButton",
};
diff --git a/packages/design-system/src/new-ui/TagButton/TagButton.tsx b/packages/design-system/src/new-ui/TagButton/TagButton.tsx
index a0a7aecaa8..b23aae38ec 100644
--- a/packages/design-system/src/new-ui/TagButton/TagButton.tsx
+++ b/packages/design-system/src/new-ui/TagButton/TagButton.tsx
@@ -1,9 +1,10 @@
"use client";
-import cn from "clsx";
+import type { VariantProps } from "class-variance-authority";
import * as React from "react";
-import { cva, type VariantProps } from "class-variance-authority";
import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import cn from "clsx";
const tagButtonVariants = cva(
"inline-flex items-center rounded-full transition-colors",
diff --git a/packages/design-system/src/new-ui/Textarea/Textarea.stories.tsx b/packages/design-system/src/new-ui/Textarea/Textarea.stories.tsx
index 857f6fbd35..48c4c853a7 100644
--- a/packages/design-system/src/new-ui/Textarea/Textarea.stories.tsx
+++ b/packages/design-system/src/new-ui/Textarea/Textarea.stories.tsx
@@ -1,7 +1,8 @@
import * as React from "react";
import { Meta, StoryFn } from "@storybook/react";
-import { Textarea } from "./Textarea";
+
import { Field } from "../Field";
+import { Textarea } from "./Textarea";
const meta: Meta = {
title: "Components/NewUi/Textarea",
diff --git a/packages/design-system/src/new-ui/Textarea/Textarea.tsx b/packages/design-system/src/new-ui/Textarea/Textarea.tsx
index 6cd9f43487..3b7d84304f 100644
--- a/packages/design-system/src/new-ui/Textarea/Textarea.tsx
+++ b/packages/design-system/src/new-ui/Textarea/Textarea.tsx
@@ -1,7 +1,7 @@
"use client";
-import cn from "clsx";
import * as React from "react";
+import cn from "clsx";
export type TextareaProps = React.TextareaHTMLAttributes;
diff --git a/packages/design-system/src/new-ui/Toast/Toast.stories.tsx b/packages/design-system/src/new-ui/Toast/Toast.stories.tsx
index bd5bd5e7f5..2c2b716aa3 100644
--- a/packages/design-system/src/new-ui/Toast/Toast.stories.tsx
+++ b/packages/design-system/src/new-ui/Toast/Toast.stories.tsx
@@ -1,11 +1,12 @@
-import * as React from "react";
import type { Meta, StoryObj } from "@storybook/react";
+import * as React from "react";
+
+import { Button } from "../Button";
+import { Icons } from "../Icons";
+import { LinkButton } from "../LinkButton";
import { Toast, ToastProps } from "./Toast";
import { Toaster } from "./Toaster";
-import { Button } from "../Button";
import { ToasterToast, useToast } from "./use-toast";
-import { LinkButton } from "../LinkButton";
-import { Icons } from "../Icons";
const meta: Meta = {
title: "Components/NewUi/Toast",
diff --git a/packages/design-system/src/new-ui/Toast/Toast.tsx b/packages/design-system/src/new-ui/Toast/Toast.tsx
index c5801d0f8d..6954be42d6 100644
--- a/packages/design-system/src/new-ui/Toast/Toast.tsx
+++ b/packages/design-system/src/new-ui/Toast/Toast.tsx
@@ -1,11 +1,12 @@
"use client";
// ref: https://ui.shadcn.com/docs/components/toast
-
-import cn from "clsx";
+import type { VariantProps } from "class-variance-authority";
import * as React from "react";
import * as ToastPrimitives from "@radix-ui/react-toast";
-import { cva, type VariantProps } from "class-variance-authority";
+import { cva } from "class-variance-authority";
+import cn from "clsx";
+
import { Icons } from "../Icons";
const ToastProvider = ToastPrimitives.Provider;
diff --git a/packages/design-system/src/new-ui/Toast/Toaster.tsx b/packages/design-system/src/new-ui/Toast/Toaster.tsx
index 3a918dd533..822ba85796 100644
--- a/packages/design-system/src/new-ui/Toast/Toaster.tsx
+++ b/packages/design-system/src/new-ui/Toast/Toaster.tsx
@@ -1,6 +1,6 @@
"use client";
-// ref: https://ui.shadcn.com/docs/components/toast
+// ref: https://ui.shadcn.com/docs/components/toast
import { Icons } from "../Icons";
import { Toast, ToastProps } from "./Toast";
import { ToasterToast, useToast } from "./use-toast";
diff --git a/packages/design-system/src/new-ui/Toast/use-toast.tsx b/packages/design-system/src/new-ui/Toast/use-toast.tsx
index 826f064773..a2887aac3a 100644
--- a/packages/design-system/src/new-ui/Toast/use-toast.tsx
+++ b/packages/design-system/src/new-ui/Toast/use-toast.tsx
@@ -2,7 +2,6 @@
// Inspired by react-hot-toast library
// ref: https://ui.shadcn.com/docs/components/toast
-
import * as React from "react";
import type { ToastActionElement, ToastProps } from "./Toast";
diff --git a/packages/design-system/src/new-ui/ToggleGroup/ToggleGroup.stories.tsx b/packages/design-system/src/new-ui/ToggleGroup/ToggleGroup.stories.tsx
index de8cac8485..ec35677625 100644
--- a/packages/design-system/src/new-ui/ToggleGroup/ToggleGroup.stories.tsx
+++ b/packages/design-system/src/new-ui/ToggleGroup/ToggleGroup.stories.tsx
@@ -1,4 +1,5 @@
import type { Meta, StoryObj } from "@storybook/react";
+
import { ToggleGroup } from "./ToggleGroup";
const meta: Meta = {
diff --git a/packages/design-system/src/new-ui/ToggleGroup/ToggleGroup.tsx b/packages/design-system/src/new-ui/ToggleGroup/ToggleGroup.tsx
index f81c1e663c..ff33fab581 100644
--- a/packages/design-system/src/new-ui/ToggleGroup/ToggleGroup.tsx
+++ b/packages/design-system/src/new-ui/ToggleGroup/ToggleGroup.tsx
@@ -1,5 +1,5 @@
-import * as Toggles from "@radix-ui/react-toggle-group";
import React from "react";
+import * as Toggles from "@radix-ui/react-toggle-group";
import cn from "clsx";
const ToggleGroupRoot = React.forwardRef<
diff --git a/packages/design-system/src/new-ui/Tooltip/Tooltip.stories.tsx b/packages/design-system/src/new-ui/Tooltip/Tooltip.stories.tsx
index 24ec72304e..e9bf08f28b 100644
--- a/packages/design-system/src/new-ui/Tooltip/Tooltip.stories.tsx
+++ b/packages/design-system/src/new-ui/Tooltip/Tooltip.stories.tsx
@@ -1,4 +1,5 @@
import type { Meta, StoryObj } from "@storybook/react";
+
import { Tooltip } from "./Tooltip";
const meta: Meta = {
diff --git a/packages/design-system/src/new-ui/Tooltip/Tooltip.tsx b/packages/design-system/src/new-ui/Tooltip/Tooltip.tsx
index b849b80825..8d6a1c9d68 100644
--- a/packages/design-system/src/new-ui/Tooltip/Tooltip.tsx
+++ b/packages/design-system/src/new-ui/Tooltip/Tooltip.tsx
@@ -1,8 +1,8 @@
"use client";
-import cn from "clsx";
import * as React from "react";
import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import cn from "clsx";
const TooltipProvider = TooltipPrimitive.Provider;
const TooltipRoot = TooltipPrimitive.Root;
diff --git a/packages/design-system/src/new-ui/radio-group/RadioGroup.stories.tsx b/packages/design-system/src/new-ui/radio-group/RadioGroup.stories.tsx
index 2b9acfd1c8..a32edec86e 100644
--- a/packages/design-system/src/new-ui/radio-group/RadioGroup.stories.tsx
+++ b/packages/design-system/src/new-ui/radio-group/RadioGroup.stories.tsx
@@ -1,6 +1,7 @@
import type { Meta, StoryObj } from "@storybook/react";
-import { RadioGroup } from "./RadioGroup";
+
import { Label } from "../Label";
+import { RadioGroup } from "./RadioGroup";
const meta: Meta = {
title: "Components/NewUi/RadioGroup",
diff --git a/packages/design-system/src/new-ui/radio-group/RadioGroup.tsx b/packages/design-system/src/new-ui/radio-group/RadioGroup.tsx
index 28b0bc16ca..358e183fe2 100644
--- a/packages/design-system/src/new-ui/radio-group/RadioGroup.tsx
+++ b/packages/design-system/src/new-ui/radio-group/RadioGroup.tsx
@@ -1,8 +1,8 @@
"use client";
-import cn from "clsx";
import * as React from "react";
import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import cn from "clsx";
const RadioGroupRoot = React.forwardRef<
React.ElementRef,
diff --git a/packages/design-system/src/new-ui/tab-menu/TabMenu.stories.tsx b/packages/design-system/src/new-ui/tab-menu/TabMenu.stories.tsx
index e255ff9054..de1aa231d0 100644
--- a/packages/design-system/src/new-ui/tab-menu/TabMenu.stories.tsx
+++ b/packages/design-system/src/new-ui/tab-menu/TabMenu.stories.tsx
@@ -1,7 +1,8 @@
-import * as React from "react";
import type { Meta } from "@storybook/react";
-import { TabMenu } from "./TabMenu";
+import * as React from "react";
+
import { Nullable } from "../../types/general";
+import { TabMenu } from "./TabMenu";
const meta: Meta = {
title: "Components/NewUi/TabMenu",
diff --git a/packages/design-system/src/new-ui/tab-menu/TabMenu.tsx b/packages/design-system/src/new-ui/tab-menu/TabMenu.tsx
index b09641705c..8b0f38cf23 100644
--- a/packages/design-system/src/new-ui/tab-menu/TabMenu.tsx
+++ b/packages/design-system/src/new-ui/tab-menu/TabMenu.tsx
@@ -1,7 +1,8 @@
"use client";
-import cn from "clsx";
import * as React from "react";
+import cn from "clsx";
+
import { Nullable } from "../../types/general";
type TabMenuContextValue = {
diff --git a/packages/design-system/src/ui-helpers/getModelDefinitionToolkit.tsx b/packages/design-system/src/ui-helpers/getModelDefinitionToolkit.tsx
index b221bd3674..cf3cc66301 100644
--- a/packages/design-system/src/ui-helpers/getModelDefinitionToolkit.tsx
+++ b/packages/design-system/src/ui-helpers/getModelDefinitionToolkit.tsx
@@ -1,4 +1,5 @@
import cn from "clsx";
+
import { IconStyle, IconStyleWithoutColor } from "../types/general";
import {
ArtiVcIcon,
diff --git a/packages/design-system/src/ui-helpers/getPipelineModeToolkit.tsx b/packages/design-system/src/ui-helpers/getPipelineModeToolkit.tsx
index 63882f3e9b..5e7304a70c 100644
--- a/packages/design-system/src/ui-helpers/getPipelineModeToolkit.tsx
+++ b/packages/design-system/src/ui-helpers/getPipelineModeToolkit.tsx
@@ -1,4 +1,5 @@
import cn from "clsx";
+
import { IconStyle, PipelineMode } from "../types/general";
import { AsyncIcon, SyncIcon } from "../ui";
diff --git a/packages/design-system/src/ui/Accordion/AccordionBase/AccordionBase.stories.tsx b/packages/design-system/src/ui/Accordion/AccordionBase/AccordionBase.stories.tsx
index d53606b64d..f6deba605d 100644
--- a/packages/design-system/src/ui/Accordion/AccordionBase/AccordionBase.stories.tsx
+++ b/packages/design-system/src/ui/Accordion/AccordionBase/AccordionBase.stories.tsx
@@ -1,5 +1,6 @@
-import { Meta, StoryFn } from "@storybook/react";
import * as React from "react";
+import { Meta, StoryFn } from "@storybook/react";
+
import {
DataDestinationIcon,
DataSourceIcon,
diff --git a/packages/design-system/src/ui/Accordion/AccordionBase/AccordionBase.tsx b/packages/design-system/src/ui/Accordion/AccordionBase/AccordionBase.tsx
index 2a901aec29..a03d05e2bd 100644
--- a/packages/design-system/src/ui/Accordion/AccordionBase/AccordionBase.tsx
+++ b/packages/design-system/src/ui/Accordion/AccordionBase/AccordionBase.tsx
@@ -1,5 +1,6 @@
import * as React from "react";
import cn from "clsx";
+
import { Nullable } from "../../../types/general";
// Due to AccordionItem is a exposed level item, it can accept undefinded value.
diff --git a/packages/design-system/src/ui/Accordion/BasicAccordion/BasicAccordion.stories.tsx b/packages/design-system/src/ui/Accordion/BasicAccordion/BasicAccordion.stories.tsx
index fc7cdb6622..04eb44fb60 100644
--- a/packages/design-system/src/ui/Accordion/BasicAccordion/BasicAccordion.stories.tsx
+++ b/packages/design-system/src/ui/Accordion/BasicAccordion/BasicAccordion.stories.tsx
@@ -1,5 +1,6 @@
-import { Meta, StoryFn } from "@storybook/react";
import * as React from "react";
+import { Meta, StoryFn } from "@storybook/react";
+
import BasicAccordion from "./BasicAccordion";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Accordion/BgIconAccordion/BgIconAccordion.stories.tsx b/packages/design-system/src/ui/Accordion/BgIconAccordion/BgIconAccordion.stories.tsx
index 57a735a763..52ba150f6d 100644
--- a/packages/design-system/src/ui/Accordion/BgIconAccordion/BgIconAccordion.stories.tsx
+++ b/packages/design-system/src/ui/Accordion/BgIconAccordion/BgIconAccordion.stories.tsx
@@ -1,5 +1,6 @@
-import { Meta, StoryFn } from "@storybook/react";
import * as React from "react";
+import { Meta, StoryFn } from "@storybook/react";
+
import {
DataDestinationIcon,
DataSourceIcon,
diff --git a/packages/design-system/src/ui/Accordion/index.ts b/packages/design-system/src/ui/Accordion/index.ts
index f731a3f9fa..ebc009fc75 100644
--- a/packages/design-system/src/ui/Accordion/index.ts
+++ b/packages/design-system/src/ui/Accordion/index.ts
@@ -1,7 +1,7 @@
-import BasicAccordion from "./BasicAccordion";
import type { BasicAccordionProps } from "./BasicAccordion";
-import BgIconAccordion from "./BgIconAccordion";
import type { BgIconAccordionProps } from "./BgIconAccordion";
+import BasicAccordion from "./BasicAccordion";
+import BgIconAccordion from "./BgIconAccordion";
export { BasicAccordion, BgIconAccordion };
export type { BasicAccordionProps, BgIconAccordionProps };
diff --git a/packages/design-system/src/ui/Buttons/ButtonBase/ButtonBase.stories.tsx b/packages/design-system/src/ui/Buttons/ButtonBase/ButtonBase.stories.tsx
index 07f3610e5a..5f486c2f16 100644
--- a/packages/design-system/src/ui/Buttons/ButtonBase/ButtonBase.stories.tsx
+++ b/packages/design-system/src/ui/Buttons/ButtonBase/ButtonBase.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import ButtonBase from "./ButtonBase";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Buttons/ButtonBase/ButtonBase.tsx b/packages/design-system/src/ui/Buttons/ButtonBase/ButtonBase.tsx
index 4c2a25e1a0..552e41184f 100644
--- a/packages/design-system/src/ui/Buttons/ButtonBase/ButtonBase.tsx
+++ b/packages/design-system/src/ui/Buttons/ButtonBase/ButtonBase.tsx
@@ -1,5 +1,6 @@
import * as React from "react";
import cn from "clsx";
+
import { Nullable } from "../../../types/general";
export type ButtonBaseProps = {
diff --git a/packages/design-system/src/ui/Buttons/CollapseSidebarButton/CollapseSidebarButton.stories.tsx b/packages/design-system/src/ui/Buttons/CollapseSidebarButton/CollapseSidebarButton.stories.tsx
index 5862fc25ab..61268b96a3 100644
--- a/packages/design-system/src/ui/Buttons/CollapseSidebarButton/CollapseSidebarButton.stories.tsx
+++ b/packages/design-system/src/ui/Buttons/CollapseSidebarButton/CollapseSidebarButton.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import CollapseSidebarButton from "./CollapseSidebarButton";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Buttons/CollapseSidebarButton/CollapseSidebarButton.tsx b/packages/design-system/src/ui/Buttons/CollapseSidebarButton/CollapseSidebarButton.tsx
index 82e365f721..15bfa873f6 100644
--- a/packages/design-system/src/ui/Buttons/CollapseSidebarButton/CollapseSidebarButton.tsx
+++ b/packages/design-system/src/ui/Buttons/CollapseSidebarButton/CollapseSidebarButton.tsx
@@ -1,4 +1,5 @@
import * as React from "react";
+
import { CollapseLeftIcon, CollapseRightIcon } from "../../Icons";
import ButtonBase, { ButtonBaseProps } from "../ButtonBase";
diff --git a/packages/design-system/src/ui/Buttons/OutlineButton/OutlineButton.stories.tsx b/packages/design-system/src/ui/Buttons/OutlineButton/OutlineButton.stories.tsx
index 9525e1ffc9..e9383b2085 100644
--- a/packages/design-system/src/ui/Buttons/OutlineButton/OutlineButton.stories.tsx
+++ b/packages/design-system/src/ui/Buttons/OutlineButton/OutlineButton.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import { DiscordIcon, MediumIcon } from "../../Icons";
import OutlineButton from "./OutlineButton";
diff --git a/packages/design-system/src/ui/Buttons/OutlineButton/OutlineButton.tsx b/packages/design-system/src/ui/Buttons/OutlineButton/OutlineButton.tsx
index 3d0f0d7f60..54896d3d4a 100644
--- a/packages/design-system/src/ui/Buttons/OutlineButton/OutlineButton.tsx
+++ b/packages/design-system/src/ui/Buttons/OutlineButton/OutlineButton.tsx
@@ -1,4 +1,5 @@
import * as React from "react";
+
import ButtonBase, { ButtonBaseProps } from "../ButtonBase";
export type OutlineButtonRequiredKeys = "type" | "color" | "hoveredShadow";
diff --git a/packages/design-system/src/ui/Buttons/SolidButton/SolidButton.stories.tsx b/packages/design-system/src/ui/Buttons/SolidButton/SolidButton.stories.tsx
index f58de2c0e8..0622632998 100644
--- a/packages/design-system/src/ui/Buttons/SolidButton/SolidButton.stories.tsx
+++ b/packages/design-system/src/ui/Buttons/SolidButton/SolidButton.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import SolidButton from "./SolidButton";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Buttons/SolidButton/SolidButton.tsx b/packages/design-system/src/ui/Buttons/SolidButton/SolidButton.tsx
index af34d20a64..76eedd9cc5 100644
--- a/packages/design-system/src/ui/Buttons/SolidButton/SolidButton.tsx
+++ b/packages/design-system/src/ui/Buttons/SolidButton/SolidButton.tsx
@@ -1,4 +1,5 @@
import * as React from "react";
+
import ButtonBase, { ButtonBaseProps } from "../ButtonBase";
export type SolidButtonRequiredKeys = "type" | "color";
diff --git a/packages/design-system/src/ui/Buttons/TextButton/TextButton.stories.tsx b/packages/design-system/src/ui/Buttons/TextButton/TextButton.stories.tsx
index 7efe79180c..0973c8d4aa 100644
--- a/packages/design-system/src/ui/Buttons/TextButton/TextButton.stories.tsx
+++ b/packages/design-system/src/ui/Buttons/TextButton/TextButton.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import { ArrowRightIcon } from "../../Icons";
import TextButton from "./TextButton";
diff --git a/packages/design-system/src/ui/Buttons/TextButton/TextButton.tsx b/packages/design-system/src/ui/Buttons/TextButton/TextButton.tsx
index 53d72b93b7..6fc7f9fb1c 100644
--- a/packages/design-system/src/ui/Buttons/TextButton/TextButton.tsx
+++ b/packages/design-system/src/ui/Buttons/TextButton/TextButton.tsx
@@ -1,4 +1,5 @@
import * as React from "react";
+
import ButtonBase, { ButtonBaseProps } from "../ButtonBase";
export type TextButtonRequiredKeys = "type" | "color";
diff --git a/packages/design-system/src/ui/Buttons/index.ts b/packages/design-system/src/ui/Buttons/index.ts
index a316f591ef..62e23112cc 100644
--- a/packages/design-system/src/ui/Buttons/index.ts
+++ b/packages/design-system/src/ui/Buttons/index.ts
@@ -1,11 +1,11 @@
-import CollapseSidebarButton from "./CollapseSidebarButton";
import type { CollapseSidebarButtonProps } from "./CollapseSidebarButton";
-import SolidButton from "./SolidButton";
+import type { OutlineButtonProps } from "./OutlineButton";
import type { SolidButtonProps } from "./SolidButton";
+import type { TextButtonProps } from "./TextButton";
+import CollapseSidebarButton from "./CollapseSidebarButton";
import OutlineButton from "./OutlineButton";
-import type { OutlineButtonProps } from "./OutlineButton";
+import SolidButton from "./SolidButton";
import TextButton from "./TextButton";
-import type { TextButtonProps } from "./TextButton";
export { CollapseSidebarButton, SolidButton, OutlineButton, TextButton };
export type {
diff --git a/packages/design-system/src/ui/Icons/AirbyteIcon/AirbyteIcon.stories.tsx b/packages/design-system/src/ui/Icons/AirbyteIcon/AirbyteIcon.stories.tsx
index dbdf5f9e45..31ebf04778 100644
--- a/packages/design-system/src/ui/Icons/AirbyteIcon/AirbyteIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/AirbyteIcon/AirbyteIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import AirbyteIcon from "./AirbyteIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/AirbyteIcon/AirbyteIcon.tsx b/packages/design-system/src/ui/Icons/AirbyteIcon/AirbyteIcon.tsx
index e409068d51..a6ba23715d 100644
--- a/packages/design-system/src/ui/Icons/AirbyteIcon/AirbyteIcon.tsx
+++ b/packages/design-system/src/ui/Icons/AirbyteIcon/AirbyteIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type AirbyteIconProps = Omit<
diff --git a/packages/design-system/src/ui/Icons/ArrowIcons/ArrowDownIcon/ArrowDownIcon.stories.tsx b/packages/design-system/src/ui/Icons/ArrowIcons/ArrowDownIcon/ArrowDownIcon.stories.tsx
index 0f5941fc11..8128087af1 100644
--- a/packages/design-system/src/ui/Icons/ArrowIcons/ArrowDownIcon/ArrowDownIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/ArrowIcons/ArrowDownIcon/ArrowDownIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import ArrowDownIcon from "./ArrowDownIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/ArrowIcons/ArrowDownIcon/ArrowDownIcon.tsx b/packages/design-system/src/ui/Icons/ArrowIcons/ArrowDownIcon/ArrowDownIcon.tsx
index fee1609b89..b4622e0ef2 100644
--- a/packages/design-system/src/ui/Icons/ArrowIcons/ArrowDownIcon/ArrowDownIcon.tsx
+++ b/packages/design-system/src/ui/Icons/ArrowIcons/ArrowDownIcon/ArrowDownIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import ArrowIconBase, { ArrowIconBaseProps } from "../ArrowIconBase";
export type ArrowDownIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/ArrowIcons/ArrowIconBase/ArrowIconBase.stories.tsx b/packages/design-system/src/ui/Icons/ArrowIcons/ArrowIconBase/ArrowIconBase.stories.tsx
index 977acad860..b71e1c731d 100644
--- a/packages/design-system/src/ui/Icons/ArrowIcons/ArrowIconBase/ArrowIconBase.stories.tsx
+++ b/packages/design-system/src/ui/Icons/ArrowIcons/ArrowIconBase/ArrowIconBase.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import ArrowIconBase from "./ArrowIconBase";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/ArrowIcons/ArrowIconBase/ArrowIconBase.tsx b/packages/design-system/src/ui/Icons/ArrowIcons/ArrowIconBase/ArrowIconBase.tsx
index ffc3c408c8..c89bdbcdad 100644
--- a/packages/design-system/src/ui/Icons/ArrowIcons/ArrowIconBase/ArrowIconBase.tsx
+++ b/packages/design-system/src/ui/Icons/ArrowIcons/ArrowIconBase/ArrowIconBase.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../../IconBase";
export type ArrowIconBaseProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/ArrowIcons/ArrowLeftIcon/ArrowLeftIcon.stories.tsx b/packages/design-system/src/ui/Icons/ArrowIcons/ArrowLeftIcon/ArrowLeftIcon.stories.tsx
index 82d461d2b0..aa27b32c8f 100644
--- a/packages/design-system/src/ui/Icons/ArrowIcons/ArrowLeftIcon/ArrowLeftIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/ArrowIcons/ArrowLeftIcon/ArrowLeftIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import ArrowLeftIcon from "./ArrowLeftIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/ArrowIcons/ArrowLeftIcon/ArrowLeftIcon.tsx b/packages/design-system/src/ui/Icons/ArrowIcons/ArrowLeftIcon/ArrowLeftIcon.tsx
index 09ee715920..a4080c5dba 100644
--- a/packages/design-system/src/ui/Icons/ArrowIcons/ArrowLeftIcon/ArrowLeftIcon.tsx
+++ b/packages/design-system/src/ui/Icons/ArrowIcons/ArrowLeftIcon/ArrowLeftIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import ArrowIconBase, { ArrowIconBaseProps } from "../ArrowIconBase";
export type ArrowLeftIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/ArrowIcons/ArrowRightIcon/ArrowRightIcon.stories.tsx b/packages/design-system/src/ui/Icons/ArrowIcons/ArrowRightIcon/ArrowRightIcon.stories.tsx
index 4798d76c36..3d4a9a0fc2 100644
--- a/packages/design-system/src/ui/Icons/ArrowIcons/ArrowRightIcon/ArrowRightIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/ArrowIcons/ArrowRightIcon/ArrowRightIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import ArrowRightIcon from "./ArrowRightIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/ArrowIcons/ArrowRightIcon/ArrowRightIcon.tsx b/packages/design-system/src/ui/Icons/ArrowIcons/ArrowRightIcon/ArrowRightIcon.tsx
index 31363f94e6..140844fbdd 100644
--- a/packages/design-system/src/ui/Icons/ArrowIcons/ArrowRightIcon/ArrowRightIcon.tsx
+++ b/packages/design-system/src/ui/Icons/ArrowIcons/ArrowRightIcon/ArrowRightIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import ArrowIconBase, { ArrowIconBaseProps } from "../ArrowIconBase";
export type ArrowRightIconProps = Omit<
diff --git a/packages/design-system/src/ui/Icons/ArrowIcons/ArrowUpIcon/ArrowUpIcon.stories.tsx b/packages/design-system/src/ui/Icons/ArrowIcons/ArrowUpIcon/ArrowUpIcon.stories.tsx
index d6f99abb7f..d6030ada3b 100644
--- a/packages/design-system/src/ui/Icons/ArrowIcons/ArrowUpIcon/ArrowUpIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/ArrowIcons/ArrowUpIcon/ArrowUpIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import ArrowUpIcon from "./ArrowUpIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/ArrowIcons/ArrowUpIcon/ArrowUpIcon.tsx b/packages/design-system/src/ui/Icons/ArrowIcons/ArrowUpIcon/ArrowUpIcon.tsx
index 1e7514ebae..e96af215da 100644
--- a/packages/design-system/src/ui/Icons/ArrowIcons/ArrowUpIcon/ArrowUpIcon.tsx
+++ b/packages/design-system/src/ui/Icons/ArrowIcons/ArrowUpIcon/ArrowUpIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import ArrowIconBase, { ArrowIconBaseProps } from "../ArrowIconBase";
export type ArrowUpIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/ArrowIcons/RotatableArrowIcon/RotatableArrowIcon.stories.tsx b/packages/design-system/src/ui/Icons/ArrowIcons/RotatableArrowIcon/RotatableArrowIcon.stories.tsx
index b35b0f2c92..9c0e856121 100644
--- a/packages/design-system/src/ui/Icons/ArrowIcons/RotatableArrowIcon/RotatableArrowIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/ArrowIcons/RotatableArrowIcon/RotatableArrowIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import RotatableArrowIcon from "./RotatableArrowIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/ArrowIcons/RotatableArrowIcon/RotatableArrowIcon.tsx b/packages/design-system/src/ui/Icons/ArrowIcons/RotatableArrowIcon/RotatableArrowIcon.tsx
index 789d008362..35876a5ef4 100644
--- a/packages/design-system/src/ui/Icons/ArrowIcons/RotatableArrowIcon/RotatableArrowIcon.tsx
+++ b/packages/design-system/src/ui/Icons/ArrowIcons/RotatableArrowIcon/RotatableArrowIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import ArrowIconBase, { ArrowIconBaseProps } from "../ArrowIconBase";
export type RotatableArrowIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/ArrowIcons/index.ts b/packages/design-system/src/ui/Icons/ArrowIcons/index.ts
index 2dfcf11bb9..0e6b7299c2 100644
--- a/packages/design-system/src/ui/Icons/ArrowIcons/index.ts
+++ b/packages/design-system/src/ui/Icons/ArrowIcons/index.ts
@@ -1,13 +1,13 @@
-import ArrowRightIcon from "./ArrowRightIcon";
-import type { ArrowRightIconProps } from "./ArrowRightIcon";
-import ArrowLeftIcon from "./ArrowLeftIcon";
+import type { ArrowDownIconProps } from "./ArrowDownIcon";
import type { ArrowLeftIconProps } from "./ArrowLeftIcon";
-import ArrowUpIcon from "./ArrowUpIcon";
+import type { ArrowRightIconProps } from "./ArrowRightIcon";
import type { ArrowUpIconProps } from "./ArrowUpIcon";
+import type { RotatableArrowIconProps } from "./RotatableArrowIcon";
import ArrowDownIcon from "./ArrowDownIcon";
-import type { ArrowDownIconProps } from "./ArrowDownIcon";
+import ArrowLeftIcon from "./ArrowLeftIcon";
+import ArrowRightIcon from "./ArrowRightIcon";
+import ArrowUpIcon from "./ArrowUpIcon";
import RotatableArrowIcon from "./RotatableArrowIcon";
-import type { RotatableArrowIconProps } from "./RotatableArrowIcon";
export {
ArrowRightIcon,
diff --git a/packages/design-system/src/ui/Icons/ArtiVcIcon/ArtiVcIcon.stories.tsx b/packages/design-system/src/ui/Icons/ArtiVcIcon/ArtiVcIcon.stories.tsx
index 675adf03a1..d21a7a028f 100644
--- a/packages/design-system/src/ui/Icons/ArtiVcIcon/ArtiVcIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/ArtiVcIcon/ArtiVcIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import ArtiVcIcon from "./ArtiVcIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/ArtiVcIcon/ArtiVcIcon.tsx b/packages/design-system/src/ui/Icons/ArtiVcIcon/ArtiVcIcon.tsx
index 96b08e0726..d4efe3e1e1 100644
--- a/packages/design-system/src/ui/Icons/ArtiVcIcon/ArtiVcIcon.tsx
+++ b/packages/design-system/src/ui/Icons/ArtiVcIcon/ArtiVcIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type ArtiVcIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/AsyncArrowsIcon/AsyncArrowsIcon.stories.tsx b/packages/design-system/src/ui/Icons/AsyncArrowsIcon/AsyncArrowsIcon.stories.tsx
index 2539652019..0f0e8e871f 100644
--- a/packages/design-system/src/ui/Icons/AsyncArrowsIcon/AsyncArrowsIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/AsyncArrowsIcon/AsyncArrowsIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import AsyncArrowsIcon from "./AsyncArrowsIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/AsyncArrowsIcon/AsyncArrowsIcon.tsx b/packages/design-system/src/ui/Icons/AsyncArrowsIcon/AsyncArrowsIcon.tsx
index e7e569c454..5712965ded 100644
--- a/packages/design-system/src/ui/Icons/AsyncArrowsIcon/AsyncArrowsIcon.tsx
+++ b/packages/design-system/src/ui/Icons/AsyncArrowsIcon/AsyncArrowsIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type AsyncArrowsIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/AsyncIcon/AsyncIcon.stories.tsx b/packages/design-system/src/ui/Icons/AsyncIcon/AsyncIcon.stories.tsx
index f07cadddd4..227ab99373 100644
--- a/packages/design-system/src/ui/Icons/AsyncIcon/AsyncIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/AsyncIcon/AsyncIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import AsyncIcon from "./AsyncIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/AsyncIcon/AsyncIcon.tsx b/packages/design-system/src/ui/Icons/AsyncIcon/AsyncIcon.tsx
index b883550c38..dc944ba9b5 100644
--- a/packages/design-system/src/ui/Icons/AsyncIcon/AsyncIcon.tsx
+++ b/packages/design-system/src/ui/Icons/AsyncIcon/AsyncIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type AsyncIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/AwsRdsIcon/AwsRdsIcon.stories.tsx b/packages/design-system/src/ui/Icons/AwsRdsIcon/AwsRdsIcon.stories.tsx
index 05a1b62588..79ad1c3284 100644
--- a/packages/design-system/src/ui/Icons/AwsRdsIcon/AwsRdsIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/AwsRdsIcon/AwsRdsIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import AwsRdsIcon from "./AwsRdsIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/AwsRdsIcon/AwsRdsIcon.tsx b/packages/design-system/src/ui/Icons/AwsRdsIcon/AwsRdsIcon.tsx
index a48d40615c..8136ebc6f6 100644
--- a/packages/design-system/src/ui/Icons/AwsRdsIcon/AwsRdsIcon.tsx
+++ b/packages/design-system/src/ui/Icons/AwsRdsIcon/AwsRdsIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type AwsRdsIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/AwsS3Icon/AwsS3Icon.stories.tsx b/packages/design-system/src/ui/Icons/AwsS3Icon/AwsS3Icon.stories.tsx
index c7f973c31d..274aaed6a0 100644
--- a/packages/design-system/src/ui/Icons/AwsS3Icon/AwsS3Icon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/AwsS3Icon/AwsS3Icon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import AwsS3Icon from "./AwsS3Icon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/AwsS3Icon/AwsS3Icon.tsx b/packages/design-system/src/ui/Icons/AwsS3Icon/AwsS3Icon.tsx
index dc06814f9b..b135a19ad2 100644
--- a/packages/design-system/src/ui/Icons/AwsS3Icon/AwsS3Icon.tsx
+++ b/packages/design-system/src/ui/Icons/AwsS3Icon/AwsS3Icon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type AwsS3IconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/BarChartIcon/BarChartIcon.stories.tsx b/packages/design-system/src/ui/Icons/BarChartIcon/BarChartIcon.stories.tsx
index aefefb29d5..47e3e8beea 100644
--- a/packages/design-system/src/ui/Icons/BarChartIcon/BarChartIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/BarChartIcon/BarChartIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import BarChartIcon from "./BarChartIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/BarChartIcon/BarChartIcon.tsx b/packages/design-system/src/ui/Icons/BarChartIcon/BarChartIcon.tsx
index 10dfb61e4b..ea04fc273d 100644
--- a/packages/design-system/src/ui/Icons/BarChartIcon/BarChartIcon.tsx
+++ b/packages/design-system/src/ui/Icons/BarChartIcon/BarChartIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type BarChartIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/BigQueryIcon/BigQueryIcon.stories.tsx b/packages/design-system/src/ui/Icons/BigQueryIcon/BigQueryIcon.stories.tsx
index 6fa1bc63bc..ad7db7f128 100644
--- a/packages/design-system/src/ui/Icons/BigQueryIcon/BigQueryIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/BigQueryIcon/BigQueryIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import BigQueryIcon from "./BigQueryIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/BigQueryIcon/BigQueryIcon.tsx b/packages/design-system/src/ui/Icons/BigQueryIcon/BigQueryIcon.tsx
index a2ad76e6ef..92cc636665 100644
--- a/packages/design-system/src/ui/Icons/BigQueryIcon/BigQueryIcon.tsx
+++ b/packages/design-system/src/ui/Icons/BigQueryIcon/BigQueryIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type BigQueryIconProps = Omit<
diff --git a/packages/design-system/src/ui/Icons/CheckIcon/CheckIcon.stories.tsx b/packages/design-system/src/ui/Icons/CheckIcon/CheckIcon.stories.tsx
index becea12fa7..e9c674668a 100644
--- a/packages/design-system/src/ui/Icons/CheckIcon/CheckIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/CheckIcon/CheckIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import CheckIcon from "./CheckIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/CheckIcon/CheckIcon.tsx b/packages/design-system/src/ui/Icons/CheckIcon/CheckIcon.tsx
index 4e914420ab..3864166c3d 100644
--- a/packages/design-system/src/ui/Icons/CheckIcon/CheckIcon.tsx
+++ b/packages/design-system/src/ui/Icons/CheckIcon/CheckIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type CheckIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/ClientIcon/ClientIcon.stories.tsx b/packages/design-system/src/ui/Icons/ClientIcon/ClientIcon.stories.tsx
index ff7ac83cc0..c0b3d81ca9 100644
--- a/packages/design-system/src/ui/Icons/ClientIcon/ClientIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/ClientIcon/ClientIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import ClientIcon from "./ClientIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/ClientIcon/ClientIcon.tsx b/packages/design-system/src/ui/Icons/ClientIcon/ClientIcon.tsx
index de6c094791..69071cb8d0 100644
--- a/packages/design-system/src/ui/Icons/ClientIcon/ClientIcon.tsx
+++ b/packages/design-system/src/ui/Icons/ClientIcon/ClientIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type ClientIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/CollapseLeftIcon/CollapseLeftIcon.stories.tsx b/packages/design-system/src/ui/Icons/CollapseLeftIcon/CollapseLeftIcon.stories.tsx
index 4a2adffc34..3dc6626dce 100644
--- a/packages/design-system/src/ui/Icons/CollapseLeftIcon/CollapseLeftIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/CollapseLeftIcon/CollapseLeftIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import CollapseLeftIcon from "./CollapseLeftIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/CollapseLeftIcon/CollapseLeftIcon.tsx b/packages/design-system/src/ui/Icons/CollapseLeftIcon/CollapseLeftIcon.tsx
index cbe86f3a6e..7946265c81 100644
--- a/packages/design-system/src/ui/Icons/CollapseLeftIcon/CollapseLeftIcon.tsx
+++ b/packages/design-system/src/ui/Icons/CollapseLeftIcon/CollapseLeftIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type CollapseLeftIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/CollapseRightIcon/CollapseRightIcon.stories.tsx b/packages/design-system/src/ui/Icons/CollapseRightIcon/CollapseRightIcon.stories.tsx
index d78f77d46a..6f1f307a93 100644
--- a/packages/design-system/src/ui/Icons/CollapseRightIcon/CollapseRightIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/CollapseRightIcon/CollapseRightIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import CollapseRightIcon from "./CollapseRightIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/CollapseRightIcon/CollapseRightIcon.tsx b/packages/design-system/src/ui/Icons/CollapseRightIcon/CollapseRightIcon.tsx
index 51dbc9d700..92b9aaf9ad 100644
--- a/packages/design-system/src/ui/Icons/CollapseRightIcon/CollapseRightIcon.tsx
+++ b/packages/design-system/src/ui/Icons/CollapseRightIcon/CollapseRightIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type CollapseRightIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/CopyIcon/CopyIcon.stories.tsx b/packages/design-system/src/ui/Icons/CopyIcon/CopyIcon.stories.tsx
index 55ac37e58c..ea9ff92f2d 100644
--- a/packages/design-system/src/ui/Icons/CopyIcon/CopyIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/CopyIcon/CopyIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import CopyIcon from "./CopyIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/CopyIcon/CopyIcon.tsx b/packages/design-system/src/ui/Icons/CopyIcon/CopyIcon.tsx
index 04def5e7fa..ec68afa2f9 100644
--- a/packages/design-system/src/ui/Icons/CopyIcon/CopyIcon.tsx
+++ b/packages/design-system/src/ui/Icons/CopyIcon/CopyIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type CopyIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/CrossIcon/CrossIcon.stories.tsx b/packages/design-system/src/ui/Icons/CrossIcon/CrossIcon.stories.tsx
index 72030f0e74..e550d88e59 100644
--- a/packages/design-system/src/ui/Icons/CrossIcon/CrossIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/CrossIcon/CrossIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import CrossIcon from "./CrossIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/CrossIcon/CrossIcon.tsx b/packages/design-system/src/ui/Icons/CrossIcon/CrossIcon.tsx
index 8b34659948..4d70fa94c6 100644
--- a/packages/design-system/src/ui/Icons/CrossIcon/CrossIcon.tsx
+++ b/packages/design-system/src/ui/Icons/CrossIcon/CrossIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type CrossIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/DataDestinationIcon/DataDestinationIcon.stories.tsx b/packages/design-system/src/ui/Icons/DataDestinationIcon/DataDestinationIcon.stories.tsx
index 1ab9f71ab4..aa69784a81 100644
--- a/packages/design-system/src/ui/Icons/DataDestinationIcon/DataDestinationIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/DataDestinationIcon/DataDestinationIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import DataDestinationIcon from "./DataDestinationIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/DataDestinationIcon/DataDestinationIcon.tsx b/packages/design-system/src/ui/Icons/DataDestinationIcon/DataDestinationIcon.tsx
index b68987ebba..307aec4202 100644
--- a/packages/design-system/src/ui/Icons/DataDestinationIcon/DataDestinationIcon.tsx
+++ b/packages/design-system/src/ui/Icons/DataDestinationIcon/DataDestinationIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type DataDestinationIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/DataSourceIcon/DataSourceIcon.stories.tsx b/packages/design-system/src/ui/Icons/DataSourceIcon/DataSourceIcon.stories.tsx
index 56566b365f..01fafec170 100644
--- a/packages/design-system/src/ui/Icons/DataSourceIcon/DataSourceIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/DataSourceIcon/DataSourceIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import DataSourceIcon from "./DataSourceIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/DataSourceIcon/DataSourceIcon.tsx b/packages/design-system/src/ui/Icons/DataSourceIcon/DataSourceIcon.tsx
index 549bf6ca58..b3efe215a0 100644
--- a/packages/design-system/src/ui/Icons/DataSourceIcon/DataSourceIcon.tsx
+++ b/packages/design-system/src/ui/Icons/DataSourceIcon/DataSourceIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type DataSourceIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/DiscordIcon/DiscordIcon.stories.tsx b/packages/design-system/src/ui/Icons/DiscordIcon/DiscordIcon.stories.tsx
index 65af5972c7..1e14314713 100644
--- a/packages/design-system/src/ui/Icons/DiscordIcon/DiscordIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/DiscordIcon/DiscordIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import DiscordIcon from "./DiscordIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/DiscordIcon/DiscordIcon.tsx b/packages/design-system/src/ui/Icons/DiscordIcon/DiscordIcon.tsx
index da080ac862..26ec2a2992 100644
--- a/packages/design-system/src/ui/Icons/DiscordIcon/DiscordIcon.tsx
+++ b/packages/design-system/src/ui/Icons/DiscordIcon/DiscordIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type DiscordIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/DocIcon/DocIcon.stories.tsx b/packages/design-system/src/ui/Icons/DocIcon/DocIcon.stories.tsx
index 8f7cfb42bb..89c5a442b3 100644
--- a/packages/design-system/src/ui/Icons/DocIcon/DocIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/DocIcon/DocIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import DocIcon from "./DocIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/DocIcon/DocIcon.tsx b/packages/design-system/src/ui/Icons/DocIcon/DocIcon.tsx
index d0229b335f..cf496f463c 100644
--- a/packages/design-system/src/ui/Icons/DocIcon/DocIcon.tsx
+++ b/packages/design-system/src/ui/Icons/DocIcon/DocIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type DocIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/DoubleArrowIcon/DoubleArrowIcon.stories.tsx b/packages/design-system/src/ui/Icons/DoubleArrowIcon/DoubleArrowIcon.stories.tsx
index b05ba10046..f5dc459c43 100644
--- a/packages/design-system/src/ui/Icons/DoubleArrowIcon/DoubleArrowIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/DoubleArrowIcon/DoubleArrowIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import DoubleArrowIcon from "./DoubleArrowIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/DoubleArrowIcon/DoubleArrowIcon.tsx b/packages/design-system/src/ui/Icons/DoubleArrowIcon/DoubleArrowIcon.tsx
index 9d19175a6d..e6b0164954 100644
--- a/packages/design-system/src/ui/Icons/DoubleArrowIcon/DoubleArrowIcon.tsx
+++ b/packages/design-system/src/ui/Icons/DoubleArrowIcon/DoubleArrowIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type DoubleArrowIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/EyeOffIcon/EyeOffIcon.stories.tsx b/packages/design-system/src/ui/Icons/EyeOffIcon/EyeOffIcon.stories.tsx
index fc763fe05c..4dd06e26fc 100644
--- a/packages/design-system/src/ui/Icons/EyeOffIcon/EyeOffIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/EyeOffIcon/EyeOffIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import EyeOffIcon from "./EyeOffIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/EyeOffIcon/EyeOffIcon.tsx b/packages/design-system/src/ui/Icons/EyeOffIcon/EyeOffIcon.tsx
index bd07bdf3a9..f280455958 100644
--- a/packages/design-system/src/ui/Icons/EyeOffIcon/EyeOffIcon.tsx
+++ b/packages/design-system/src/ui/Icons/EyeOffIcon/EyeOffIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type EyeOffIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/EyeOnIcon/EyeOnIcon.stories.tsx b/packages/design-system/src/ui/Icons/EyeOnIcon/EyeOnIcon.stories.tsx
index f80f64d48f..7e15d0a8f6 100644
--- a/packages/design-system/src/ui/Icons/EyeOnIcon/EyeOnIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/EyeOnIcon/EyeOnIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import EyeOnIcon from "./EyeOnIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/EyeOnIcon/EyeOnIcon.tsx b/packages/design-system/src/ui/Icons/EyeOnIcon/EyeOnIcon.tsx
index 9008c525b1..90b89c907f 100644
--- a/packages/design-system/src/ui/Icons/EyeOnIcon/EyeOnIcon.tsx
+++ b/packages/design-system/src/ui/Icons/EyeOnIcon/EyeOnIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type EyeOnIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/FacebookIcon/FacebookIcon.stories.tsx b/packages/design-system/src/ui/Icons/FacebookIcon/FacebookIcon.stories.tsx
index 8a7ae8440c..35259d285e 100644
--- a/packages/design-system/src/ui/Icons/FacebookIcon/FacebookIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/FacebookIcon/FacebookIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import FacebookIcon from "./FacebookIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/FacebookIcon/FacebookIcon.tsx b/packages/design-system/src/ui/Icons/FacebookIcon/FacebookIcon.tsx
index cdb79ff024..b0b8293c49 100644
--- a/packages/design-system/src/ui/Icons/FacebookIcon/FacebookIcon.tsx
+++ b/packages/design-system/src/ui/Icons/FacebookIcon/FacebookIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type FacebookIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/FilterIcon/FilterIcon.stories.tsx b/packages/design-system/src/ui/Icons/FilterIcon/FilterIcon.stories.tsx
index edbc48f67c..ff39a95aa0 100644
--- a/packages/design-system/src/ui/Icons/FilterIcon/FilterIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/FilterIcon/FilterIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import FilterIcon from "./FilterIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/FilterIcon/FilterIcon.tsx b/packages/design-system/src/ui/Icons/FilterIcon/FilterIcon.tsx
index 83552f000d..a63097c6aa 100644
--- a/packages/design-system/src/ui/Icons/FilterIcon/FilterIcon.tsx
+++ b/packages/design-system/src/ui/Icons/FilterIcon/FilterIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type FilterIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/FolderInUseIcon/FolderInUseIcon.stories.tsx b/packages/design-system/src/ui/Icons/FolderInUseIcon/FolderInUseIcon.stories.tsx
index 6a7c95eb30..1e809f899e 100644
--- a/packages/design-system/src/ui/Icons/FolderInUseIcon/FolderInUseIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/FolderInUseIcon/FolderInUseIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import FolderInUseIcon from "./FolderInUseIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/FolderInUseIcon/FolderInUseIcon.tsx b/packages/design-system/src/ui/Icons/FolderInUseIcon/FolderInUseIcon.tsx
index 53dc98391d..d5f4d2a68e 100644
--- a/packages/design-system/src/ui/Icons/FolderInUseIcon/FolderInUseIcon.tsx
+++ b/packages/design-system/src/ui/Icons/FolderInUseIcon/FolderInUseIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type FolderInUseIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/FolderPlusIcon/FolderPlusIcon.stories.tsx b/packages/design-system/src/ui/Icons/FolderPlusIcon/FolderPlusIcon.stories.tsx
index d05388c56a..e7b10b992d 100644
--- a/packages/design-system/src/ui/Icons/FolderPlusIcon/FolderPlusIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/FolderPlusIcon/FolderPlusIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import FolderPlusIcon from "./FolderPlusIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/FolderPlusIcon/FolderPlusIcon.tsx b/packages/design-system/src/ui/Icons/FolderPlusIcon/FolderPlusIcon.tsx
index cda19b20d8..218ec0d01d 100644
--- a/packages/design-system/src/ui/Icons/FolderPlusIcon/FolderPlusIcon.tsx
+++ b/packages/design-system/src/ui/Icons/FolderPlusIcon/FolderPlusIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type FolderPlusIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/GcsIcon/GcsIcon.stories.tsx b/packages/design-system/src/ui/Icons/GcsIcon/GcsIcon.stories.tsx
index c82c29df98..358879d2df 100644
--- a/packages/design-system/src/ui/Icons/GcsIcon/GcsIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/GcsIcon/GcsIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import GcsIcon from "./GcsIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/GcsIcon/GcsIcon.tsx b/packages/design-system/src/ui/Icons/GcsIcon/GcsIcon.tsx
index 5a49cd168d..cec0d86264 100644
--- a/packages/design-system/src/ui/Icons/GcsIcon/GcsIcon.tsx
+++ b/packages/design-system/src/ui/Icons/GcsIcon/GcsIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type GcsIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/GearIcon/GearIcon.stories.tsx b/packages/design-system/src/ui/Icons/GearIcon/GearIcon.stories.tsx
index 306a134247..1e99453a8a 100644
--- a/packages/design-system/src/ui/Icons/GearIcon/GearIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/GearIcon/GearIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import GearIcon from "./GearIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/GearIcon/GearIcon.tsx b/packages/design-system/src/ui/Icons/GearIcon/GearIcon.tsx
index e7656bb202..c73c2c6a4f 100644
--- a/packages/design-system/src/ui/Icons/GearIcon/GearIcon.tsx
+++ b/packages/design-system/src/ui/Icons/GearIcon/GearIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type GearIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/GitBranchIcon/GitBranchIcon.stories.tsx b/packages/design-system/src/ui/Icons/GitBranchIcon/GitBranchIcon.stories.tsx
index e1f0e554d6..8b50304eb6 100644
--- a/packages/design-system/src/ui/Icons/GitBranchIcon/GitBranchIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/GitBranchIcon/GitBranchIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import GitBranchIcon from "./GitBranchIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/GitBranchIcon/GitBranchIcon.tsx b/packages/design-system/src/ui/Icons/GitBranchIcon/GitBranchIcon.tsx
index cd936cbeec..73fdbad9c4 100644
--- a/packages/design-system/src/ui/Icons/GitBranchIcon/GitBranchIcon.tsx
+++ b/packages/design-system/src/ui/Icons/GitBranchIcon/GitBranchIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type GitBranchIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/GitCommitIcon/GitCommitIcon.stories.tsx b/packages/design-system/src/ui/Icons/GitCommitIcon/GitCommitIcon.stories.tsx
index 903a82a192..8fc23cdd0d 100644
--- a/packages/design-system/src/ui/Icons/GitCommitIcon/GitCommitIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/GitCommitIcon/GitCommitIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import GitCommitIcon from "./GitCommitIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/GitCommitIcon/GitCommitIcon.tsx b/packages/design-system/src/ui/Icons/GitCommitIcon/GitCommitIcon.tsx
index 979d99afe7..eccfedfca7 100644
--- a/packages/design-system/src/ui/Icons/GitCommitIcon/GitCommitIcon.tsx
+++ b/packages/design-system/src/ui/Icons/GitCommitIcon/GitCommitIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type GitCommitIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/GitHubIcon/GitHubIcon.stories.tsx b/packages/design-system/src/ui/Icons/GitHubIcon/GitHubIcon.stories.tsx
index 8d470e9d34..104a5874d7 100644
--- a/packages/design-system/src/ui/Icons/GitHubIcon/GitHubIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/GitHubIcon/GitHubIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import GitHubIcon from "./GitHubIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/GitHubIcon/GitHubIcon.tsx b/packages/design-system/src/ui/Icons/GitHubIcon/GitHubIcon.tsx
index 83bdf574e5..9697d3cc6d 100644
--- a/packages/design-system/src/ui/Icons/GitHubIcon/GitHubIcon.tsx
+++ b/packages/design-system/src/ui/Icons/GitHubIcon/GitHubIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type GitHubIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/GitTagIcon/GitTagIcon.stories.tsx b/packages/design-system/src/ui/Icons/GitTagIcon/GitTagIcon.stories.tsx
index 80a6e30bdc..2bc5ecfc94 100644
--- a/packages/design-system/src/ui/Icons/GitTagIcon/GitTagIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/GitTagIcon/GitTagIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import GitTagIcon from "./GitTagIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/GitTagIcon/GitTagIcon.tsx b/packages/design-system/src/ui/Icons/GitTagIcon/GitTagIcon.tsx
index 481f937dde..a823afb74d 100644
--- a/packages/design-system/src/ui/Icons/GitTagIcon/GitTagIcon.tsx
+++ b/packages/design-system/src/ui/Icons/GitTagIcon/GitTagIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type GitTagIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/GoogleDriveIcon/GoogleDriveIcon.stories.tsx b/packages/design-system/src/ui/Icons/GoogleDriveIcon/GoogleDriveIcon.stories.tsx
index 926c285703..1a50c22469 100644
--- a/packages/design-system/src/ui/Icons/GoogleDriveIcon/GoogleDriveIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/GoogleDriveIcon/GoogleDriveIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import GoogleDriveIcon from "./GoogleDriveIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/GoogleDriveIcon/GoogleDriveIcon.tsx b/packages/design-system/src/ui/Icons/GoogleDriveIcon/GoogleDriveIcon.tsx
index 93ac4488d7..2a1209d306 100644
--- a/packages/design-system/src/ui/Icons/GoogleDriveIcon/GoogleDriveIcon.tsx
+++ b/packages/design-system/src/ui/Icons/GoogleDriveIcon/GoogleDriveIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type GoogleDriveIconProps = Omit<
diff --git a/packages/design-system/src/ui/Icons/GoogleIcon/GoogleIcon.stories.tsx b/packages/design-system/src/ui/Icons/GoogleIcon/GoogleIcon.stories.tsx
index 144c9d369e..889c0993c5 100644
--- a/packages/design-system/src/ui/Icons/GoogleIcon/GoogleIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/GoogleIcon/GoogleIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import GoogleIcon from "./GoogleIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/GoogleIcon/GoogleIcon.tsx b/packages/design-system/src/ui/Icons/GoogleIcon/GoogleIcon.tsx
index dca1dcf8ea..28a8db01a2 100644
--- a/packages/design-system/src/ui/Icons/GoogleIcon/GoogleIcon.tsx
+++ b/packages/design-system/src/ui/Icons/GoogleIcon/GoogleIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type GoogleIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/GoogleSheetIcon/GoogleSheetIcon.stories.tsx b/packages/design-system/src/ui/Icons/GoogleSheetIcon/GoogleSheetIcon.stories.tsx
index 56c8df835d..07359b523e 100644
--- a/packages/design-system/src/ui/Icons/GoogleSheetIcon/GoogleSheetIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/GoogleSheetIcon/GoogleSheetIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import GoogleSheetIcon from "./GoogleSheetIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/GoogleSheetIcon/GoogleSheetIcon.tsx b/packages/design-system/src/ui/Icons/GoogleSheetIcon/GoogleSheetIcon.tsx
index fa9cfa2163..9bef59c6e6 100644
--- a/packages/design-system/src/ui/Icons/GoogleSheetIcon/GoogleSheetIcon.tsx
+++ b/packages/design-system/src/ui/Icons/GoogleSheetIcon/GoogleSheetIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type GoogleSheetIconProps = Omit<
diff --git a/packages/design-system/src/ui/Icons/GrpcIcon/GrpcIcon.stories.tsx b/packages/design-system/src/ui/Icons/GrpcIcon/GrpcIcon.stories.tsx
index 99e3dce7a5..62b09e57f0 100644
--- a/packages/design-system/src/ui/Icons/GrpcIcon/GrpcIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/GrpcIcon/GrpcIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import GrpcIcon from "./GrpcIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/GrpcIcon/GrpcIcon.tsx b/packages/design-system/src/ui/Icons/GrpcIcon/GrpcIcon.tsx
index b2baff65da..e53aad9eb2 100644
--- a/packages/design-system/src/ui/Icons/GrpcIcon/GrpcIcon.tsx
+++ b/packages/design-system/src/ui/Icons/GrpcIcon/GrpcIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type GrpcIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/HttpIcon/HttpIcon.stories.tsx b/packages/design-system/src/ui/Icons/HttpIcon/HttpIcon.stories.tsx
index 4c8f6d55dc..3d180279a7 100644
--- a/packages/design-system/src/ui/Icons/HttpIcon/HttpIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/HttpIcon/HttpIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import HttpIcon from "./HttpIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/HttpIcon/HttpIcon.tsx b/packages/design-system/src/ui/Icons/HttpIcon/HttpIcon.tsx
index 38a861fe65..ee05cf6454 100644
--- a/packages/design-system/src/ui/Icons/HttpIcon/HttpIcon.tsx
+++ b/packages/design-system/src/ui/Icons/HttpIcon/HttpIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type HttpIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/HuggingFaceIcon/HuggingFaceIcon.stories.tsx b/packages/design-system/src/ui/Icons/HuggingFaceIcon/HuggingFaceIcon.stories.tsx
index 2b75b93e8a..6435564359 100644
--- a/packages/design-system/src/ui/Icons/HuggingFaceIcon/HuggingFaceIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/HuggingFaceIcon/HuggingFaceIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import HuggingFaceIcon from "./HuggingFaceIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/HuggingFaceIcon/HuggingFaceIcon.tsx b/packages/design-system/src/ui/Icons/HuggingFaceIcon/HuggingFaceIcon.tsx
index 7e2bded4c1..a6efbc6e81 100644
--- a/packages/design-system/src/ui/Icons/HuggingFaceIcon/HuggingFaceIcon.tsx
+++ b/packages/design-system/src/ui/Icons/HuggingFaceIcon/HuggingFaceIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type HuggingFaceIconProps = Omit<
diff --git a/packages/design-system/src/ui/Icons/IdIcon/IdIcon.stories.tsx b/packages/design-system/src/ui/Icons/IdIcon/IdIcon.stories.tsx
index 6f9833036f..37adba7030 100644
--- a/packages/design-system/src/ui/Icons/IdIcon/IdIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/IdIcon/IdIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import IdIcon from "./IdIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/IdIcon/IdIcon.tsx b/packages/design-system/src/ui/Icons/IdIcon/IdIcon.tsx
index 2b96494e47..648c5dfd2e 100644
--- a/packages/design-system/src/ui/Icons/IdIcon/IdIcon.tsx
+++ b/packages/design-system/src/ui/Icons/IdIcon/IdIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type IdIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/ImageClassificationIcon/ImageClassificationIcon.stories.tsx b/packages/design-system/src/ui/Icons/ImageClassificationIcon/ImageClassificationIcon.stories.tsx
index e22d76c9cf..38d7a63228 100644
--- a/packages/design-system/src/ui/Icons/ImageClassificationIcon/ImageClassificationIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/ImageClassificationIcon/ImageClassificationIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import ImageClassificationIcon from "./ImageClassificationIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/ImageClassificationIcon/ImageClassificationIcon.tsx b/packages/design-system/src/ui/Icons/ImageClassificationIcon/ImageClassificationIcon.tsx
index 015322eca6..ac02821c2f 100644
--- a/packages/design-system/src/ui/Icons/ImageClassificationIcon/ImageClassificationIcon.tsx
+++ b/packages/design-system/src/ui/Icons/ImageClassificationIcon/ImageClassificationIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type ImageClassificationIconProps = Omit<
diff --git a/packages/design-system/src/ui/Icons/ImageToImageIcon/ImageToImageIcon.stories.tsx b/packages/design-system/src/ui/Icons/ImageToImageIcon/ImageToImageIcon.stories.tsx
index 2ff83acdea..3402e764a2 100644
--- a/packages/design-system/src/ui/Icons/ImageToImageIcon/ImageToImageIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/ImageToImageIcon/ImageToImageIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import ImageToImageIcon from "./ImageToImageIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/ImageToImageIcon/ImageToImageIcon.tsx b/packages/design-system/src/ui/Icons/ImageToImageIcon/ImageToImageIcon.tsx
index 724c60044e..3c0ba3a9cc 100644
--- a/packages/design-system/src/ui/Icons/ImageToImageIcon/ImageToImageIcon.tsx
+++ b/packages/design-system/src/ui/Icons/ImageToImageIcon/ImageToImageIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type ImageToImageIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/ImageToTextIcon/ImageToImageIcon.stories.tsx b/packages/design-system/src/ui/Icons/ImageToTextIcon/ImageToImageIcon.stories.tsx
index 5fee4a9818..cc86b70b40 100644
--- a/packages/design-system/src/ui/Icons/ImageToTextIcon/ImageToImageIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/ImageToTextIcon/ImageToImageIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import ImageToTextIcon from "./ImageToTextIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/ImageToTextIcon/ImageToTextIcon.tsx b/packages/design-system/src/ui/Icons/ImageToTextIcon/ImageToTextIcon.tsx
index 1b4f8ee32c..59772fd809 100644
--- a/packages/design-system/src/ui/Icons/ImageToTextIcon/ImageToTextIcon.tsx
+++ b/packages/design-system/src/ui/Icons/ImageToTextIcon/ImageToTextIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type ImageToTextIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/InstanceSegmentationIcon/InstanceSegmentationIcon.stories.tsx b/packages/design-system/src/ui/Icons/InstanceSegmentationIcon/InstanceSegmentationIcon.stories.tsx
index 56ef531e32..de6ca79908 100644
--- a/packages/design-system/src/ui/Icons/InstanceSegmentationIcon/InstanceSegmentationIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/InstanceSegmentationIcon/InstanceSegmentationIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import InstanceSegmentationIcon from "./InstanceSegmentationIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/InstanceSegmentationIcon/InstanceSegmentationIcon.tsx b/packages/design-system/src/ui/Icons/InstanceSegmentationIcon/InstanceSegmentationIcon.tsx
index 63c11bb923..775ddb0ea7 100644
--- a/packages/design-system/src/ui/Icons/InstanceSegmentationIcon/InstanceSegmentationIcon.tsx
+++ b/packages/design-system/src/ui/Icons/InstanceSegmentationIcon/InstanceSegmentationIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type InstanceSegmentationIconProps = Omit<
diff --git a/packages/design-system/src/ui/Icons/IotIcon/IotIcon.stories.tsx b/packages/design-system/src/ui/Icons/IotIcon/IotIcon.stories.tsx
index 841e34c762..bb5da18b92 100644
--- a/packages/design-system/src/ui/Icons/IotIcon/IotIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/IotIcon/IotIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import IotIcon from "./IotIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/IotIcon/IotIcon.tsx b/packages/design-system/src/ui/Icons/IotIcon/IotIcon.tsx
index 484b169c42..469d4597ec 100644
--- a/packages/design-system/src/ui/Icons/IotIcon/IotIcon.tsx
+++ b/packages/design-system/src/ui/Icons/IotIcon/IotIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type IotIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/KeypointDetectionIcon/KeypointDetectionIcon.stories.tsx b/packages/design-system/src/ui/Icons/KeypointDetectionIcon/KeypointDetectionIcon.stories.tsx
index 4d95d7efd4..a793f56c25 100644
--- a/packages/design-system/src/ui/Icons/KeypointDetectionIcon/KeypointDetectionIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/KeypointDetectionIcon/KeypointDetectionIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import KeypointDetectionIcon from "./KeypointDetectionIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/KeypointDetectionIcon/KeypointDetectionIcon.tsx b/packages/design-system/src/ui/Icons/KeypointDetectionIcon/KeypointDetectionIcon.tsx
index 60a46abbef..363ab7e284 100644
--- a/packages/design-system/src/ui/Icons/KeypointDetectionIcon/KeypointDetectionIcon.tsx
+++ b/packages/design-system/src/ui/Icons/KeypointDetectionIcon/KeypointDetectionIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type KeypointDetectionIconProps = Omit<
diff --git a/packages/design-system/src/ui/Icons/LinkedInIcon/LinkedInIcon.stories.tsx b/packages/design-system/src/ui/Icons/LinkedInIcon/LinkedInIcon.stories.tsx
index 7258e886ca..d7cc1d0f5c 100644
--- a/packages/design-system/src/ui/Icons/LinkedInIcon/LinkedInIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/LinkedInIcon/LinkedInIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import LinkedInIcon from "./LinkedInIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/LinkedInIcon/LinkedInIcon.tsx b/packages/design-system/src/ui/Icons/LinkedInIcon/LinkedInIcon.tsx
index 3e79718400..8f78b91f7c 100644
--- a/packages/design-system/src/ui/Icons/LinkedInIcon/LinkedInIcon.tsx
+++ b/packages/design-system/src/ui/Icons/LinkedInIcon/LinkedInIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type LinkedInIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/LocalUploadIcon/LocalUploadIcon.stories.tsx b/packages/design-system/src/ui/Icons/LocalUploadIcon/LocalUploadIcon.stories.tsx
index ddaa2424ff..cf8033cf49 100644
--- a/packages/design-system/src/ui/Icons/LocalUploadIcon/LocalUploadIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/LocalUploadIcon/LocalUploadIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import LocalUploadIcon from "./LocalUploadIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/LocalUploadIcon/LocalUploadIcon.tsx b/packages/design-system/src/ui/Icons/LocalUploadIcon/LocalUploadIcon.tsx
index 25ce152ee6..1e9206d910 100644
--- a/packages/design-system/src/ui/Icons/LocalUploadIcon/LocalUploadIcon.tsx
+++ b/packages/design-system/src/ui/Icons/LocalUploadIcon/LocalUploadIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type LocalUploadIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/MediumIcon/MediumIcon.stories.tsx b/packages/design-system/src/ui/Icons/MediumIcon/MediumIcon.stories.tsx
index 361df076de..f2bf8f8b26 100644
--- a/packages/design-system/src/ui/Icons/MediumIcon/MediumIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/MediumIcon/MediumIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import MediumIcon from "./MediumIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/MediumIcon/MediumIcon.tsx b/packages/design-system/src/ui/Icons/MediumIcon/MediumIcon.tsx
index 9b02802b9e..67b048c359 100644
--- a/packages/design-system/src/ui/Icons/MediumIcon/MediumIcon.tsx
+++ b/packages/design-system/src/ui/Icons/MediumIcon/MediumIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type MediumIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/MenuIcon/MenuIcon.stories.tsx b/packages/design-system/src/ui/Icons/MenuIcon/MenuIcon.stories.tsx
index 7f7f65cba0..d5e39a3210 100644
--- a/packages/design-system/src/ui/Icons/MenuIcon/MenuIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/MenuIcon/MenuIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import MenuIcon from "./MenuIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/MenuIcon/MenuIcon.tsx b/packages/design-system/src/ui/Icons/MenuIcon/MenuIcon.tsx
index 41887002a0..4dc68e46bb 100644
--- a/packages/design-system/src/ui/Icons/MenuIcon/MenuIcon.tsx
+++ b/packages/design-system/src/ui/Icons/MenuIcon/MenuIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type MenuIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/MetabaseIcon/MetabaseIcon.stories.tsx b/packages/design-system/src/ui/Icons/MetabaseIcon/MetabaseIcon.stories.tsx
index 4c71f5876d..cccd2e92df 100644
--- a/packages/design-system/src/ui/Icons/MetabaseIcon/MetabaseIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/MetabaseIcon/MetabaseIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import MetabaseIcon from "./MetabaseIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/MetabaseIcon/MetabaseIcon.tsx b/packages/design-system/src/ui/Icons/MetabaseIcon/MetabaseIcon.tsx
index d9151ae501..eaa5a529c1 100644
--- a/packages/design-system/src/ui/Icons/MetabaseIcon/MetabaseIcon.tsx
+++ b/packages/design-system/src/ui/Icons/MetabaseIcon/MetabaseIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type MetabaseIconProps = Omit<
diff --git a/packages/design-system/src/ui/Icons/MinusIcon/MinusIcon.stories.tsx b/packages/design-system/src/ui/Icons/MinusIcon/MinusIcon.stories.tsx
index 5f57169b0e..466391797c 100644
--- a/packages/design-system/src/ui/Icons/MinusIcon/MinusIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/MinusIcon/MinusIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import MinusIcon from "./MinusIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/MinusIcon/MinusIcon.tsx b/packages/design-system/src/ui/Icons/MinusIcon/MinusIcon.tsx
index 4ec5fceabd..f526bb5286 100644
--- a/packages/design-system/src/ui/Icons/MinusIcon/MinusIcon.tsx
+++ b/packages/design-system/src/ui/Icons/MinusIcon/MinusIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type MinusIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/ModelIcon/ModelIcon.stories.tsx b/packages/design-system/src/ui/Icons/ModelIcon/ModelIcon.stories.tsx
index cc7647d85d..445b5bf52a 100644
--- a/packages/design-system/src/ui/Icons/ModelIcon/ModelIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/ModelIcon/ModelIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import ModelIcon from "./ModelIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/ModelIcon/ModelIcon.tsx b/packages/design-system/src/ui/Icons/ModelIcon/ModelIcon.tsx
index d28f2f74ee..239849e25d 100644
--- a/packages/design-system/src/ui/Icons/ModelIcon/ModelIcon.tsx
+++ b/packages/design-system/src/ui/Icons/ModelIcon/ModelIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type ModelIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/ModelInstanceIcon/ModelInstanceIcon.stories.tsx b/packages/design-system/src/ui/Icons/ModelInstanceIcon/ModelInstanceIcon.stories.tsx
index 33849f3cfa..aafa8ca56b 100644
--- a/packages/design-system/src/ui/Icons/ModelInstanceIcon/ModelInstanceIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/ModelInstanceIcon/ModelInstanceIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import ModelInstanceIcon from "./ModelInstanceIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/ModelInstanceIcon/ModelInstanceIcon.tsx b/packages/design-system/src/ui/Icons/ModelInstanceIcon/ModelInstanceIcon.tsx
index 0da0eeaabd..c3e80b163b 100644
--- a/packages/design-system/src/ui/Icons/ModelInstanceIcon/ModelInstanceIcon.tsx
+++ b/packages/design-system/src/ui/Icons/ModelInstanceIcon/ModelInstanceIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type ModelInstanceIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/MongoDbAtalasIcon/MongoDbAtalasIcon.stories.tsx b/packages/design-system/src/ui/Icons/MongoDbAtalasIcon/MongoDbAtalasIcon.stories.tsx
index fbebd6d868..321583dc90 100644
--- a/packages/design-system/src/ui/Icons/MongoDbAtalasIcon/MongoDbAtalasIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/MongoDbAtalasIcon/MongoDbAtalasIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import MongoDbAtalasIcon from "./MongoDbAtalasIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/MongoDbAtalasIcon/MongoDbAtalasIcon.tsx b/packages/design-system/src/ui/Icons/MongoDbAtalasIcon/MongoDbAtalasIcon.tsx
index a9902e6948..9f955badc7 100644
--- a/packages/design-system/src/ui/Icons/MongoDbAtalasIcon/MongoDbAtalasIcon.tsx
+++ b/packages/design-system/src/ui/Icons/MongoDbAtalasIcon/MongoDbAtalasIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type MongoDbAtalasIconProps = Omit<
diff --git a/packages/design-system/src/ui/Icons/MongoDbIcon/MongoDbIcon.stories.tsx b/packages/design-system/src/ui/Icons/MongoDbIcon/MongoDbIcon.stories.tsx
index 1ee7eb10c7..57a38574c5 100644
--- a/packages/design-system/src/ui/Icons/MongoDbIcon/MongoDbIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/MongoDbIcon/MongoDbIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import MongoDbIcon from "./MongoDbIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/MongoDbIcon/MongoDbIcon.tsx b/packages/design-system/src/ui/Icons/MongoDbIcon/MongoDbIcon.tsx
index c4782cd822..309a564ad5 100644
--- a/packages/design-system/src/ui/Icons/MongoDbIcon/MongoDbIcon.tsx
+++ b/packages/design-system/src/ui/Icons/MongoDbIcon/MongoDbIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type MongoDbIconProps = Omit<
diff --git a/packages/design-system/src/ui/Icons/MySqlIcon/MySqlIcon.stories.tsx b/packages/design-system/src/ui/Icons/MySqlIcon/MySqlIcon.stories.tsx
index 8fbe367a63..905eb202a6 100644
--- a/packages/design-system/src/ui/Icons/MySqlIcon/MySqlIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/MySqlIcon/MySqlIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import MySqlIcon from "./MySqlIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/MySqlIcon/MySqlIcon.tsx b/packages/design-system/src/ui/Icons/MySqlIcon/MySqlIcon.tsx
index db3e910034..59cc5fcbb3 100644
--- a/packages/design-system/src/ui/Icons/MySqlIcon/MySqlIcon.tsx
+++ b/packages/design-system/src/ui/Icons/MySqlIcon/MySqlIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type MySqlIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/ObjectDetectionIcon/ObjectDetectionIcon.stories.tsx b/packages/design-system/src/ui/Icons/ObjectDetectionIcon/ObjectDetectionIcon.stories.tsx
index fb32a27022..36740da74b 100644
--- a/packages/design-system/src/ui/Icons/ObjectDetectionIcon/ObjectDetectionIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/ObjectDetectionIcon/ObjectDetectionIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import ObjectDetectionIcon from "./ObjectDetectionIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/ObjectDetectionIcon/ObjectDetectionIcon.tsx b/packages/design-system/src/ui/Icons/ObjectDetectionIcon/ObjectDetectionIcon.tsx
index 3d71c06657..db3ceea074 100644
--- a/packages/design-system/src/ui/Icons/ObjectDetectionIcon/ObjectDetectionIcon.tsx
+++ b/packages/design-system/src/ui/Icons/ObjectDetectionIcon/ObjectDetectionIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type ObjectDetectionIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/OnnxIcon/OnnxIcon.stories.tsx b/packages/design-system/src/ui/Icons/OnnxIcon/OnnxIcon.stories.tsx
index a924abf17d..61f28e46be 100644
--- a/packages/design-system/src/ui/Icons/OnnxIcon/OnnxIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/OnnxIcon/OnnxIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import OnnxIcon from "./OnnxIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/OnnxIcon/OnnxIcon.tsx b/packages/design-system/src/ui/Icons/OnnxIcon/OnnxIcon.tsx
index 9b014f9952..fedca2d531 100644
--- a/packages/design-system/src/ui/Icons/OnnxIcon/OnnxIcon.tsx
+++ b/packages/design-system/src/ui/Icons/OnnxIcon/OnnxIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type OnnxIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/OpticalCharacterRecognitionIcon/OpticalCharacterRecognitionIcon.stories.tsx b/packages/design-system/src/ui/Icons/OpticalCharacterRecognitionIcon/OpticalCharacterRecognitionIcon.stories.tsx
index dbc9f680d1..a7b027f4db 100644
--- a/packages/design-system/src/ui/Icons/OpticalCharacterRecognitionIcon/OpticalCharacterRecognitionIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/OpticalCharacterRecognitionIcon/OpticalCharacterRecognitionIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import OpticalCharacterRecognitionIcon from "./OpticalCharacterRecognitionIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/OpticalCharacterRecognitionIcon/OpticalCharacterRecognitionIcon.tsx b/packages/design-system/src/ui/Icons/OpticalCharacterRecognitionIcon/OpticalCharacterRecognitionIcon.tsx
index cb06a54ebe..11d35760ea 100644
--- a/packages/design-system/src/ui/Icons/OpticalCharacterRecognitionIcon/OpticalCharacterRecognitionIcon.tsx
+++ b/packages/design-system/src/ui/Icons/OpticalCharacterRecognitionIcon/OpticalCharacterRecognitionIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type OpticalCharacterRecognitionIconProps = Omit<
diff --git a/packages/design-system/src/ui/Icons/PenIcon/PenIcon.stories.tsx b/packages/design-system/src/ui/Icons/PenIcon/PenIcon.stories.tsx
index 7481904c46..ff8cc39583 100644
--- a/packages/design-system/src/ui/Icons/PenIcon/PenIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/PenIcon/PenIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import PenIcon from "./PenIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/PenIcon/PenIcon.tsx b/packages/design-system/src/ui/Icons/PenIcon/PenIcon.tsx
index 6e3f2225f7..6e2398c074 100644
--- a/packages/design-system/src/ui/Icons/PenIcon/PenIcon.tsx
+++ b/packages/design-system/src/ui/Icons/PenIcon/PenIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type PenIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/PinIcon/PinIcon.stories.tsx b/packages/design-system/src/ui/Icons/PinIcon/PinIcon.stories.tsx
index 5b7ae7184d..e4e888bd12 100644
--- a/packages/design-system/src/ui/Icons/PinIcon/PinIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/PinIcon/PinIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import PinIcon from "./PinIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/PinIcon/PinIcon.tsx b/packages/design-system/src/ui/Icons/PinIcon/PinIcon.tsx
index 953ef020cc..bde7a812fd 100644
--- a/packages/design-system/src/ui/Icons/PinIcon/PinIcon.tsx
+++ b/packages/design-system/src/ui/Icons/PinIcon/PinIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type PinIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/PipelineIcon/PipelineIcon.stories.tsx b/packages/design-system/src/ui/Icons/PipelineIcon/PipelineIcon.stories.tsx
index 41ea5b7ff2..3e87c5b577 100644
--- a/packages/design-system/src/ui/Icons/PipelineIcon/PipelineIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/PipelineIcon/PipelineIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import PipelineIcon from "./PipelineIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/PipelineIcon/PipelineIcon.tsx b/packages/design-system/src/ui/Icons/PipelineIcon/PipelineIcon.tsx
index ab229a7e20..b0e80b4ee8 100644
--- a/packages/design-system/src/ui/Icons/PipelineIcon/PipelineIcon.tsx
+++ b/packages/design-system/src/ui/Icons/PipelineIcon/PipelineIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type PipelineIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/PixelCheckIcon/PixelCheckIcon.stories.tsx b/packages/design-system/src/ui/Icons/PixelCheckIcon/PixelCheckIcon.stories.tsx
index 8b05a67e5e..ec5c69d4e7 100644
--- a/packages/design-system/src/ui/Icons/PixelCheckIcon/PixelCheckIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/PixelCheckIcon/PixelCheckIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import PixelCheckIcon from "./PixelCheckIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/PixelCheckIcon/PixelCheckIcon.tsx b/packages/design-system/src/ui/Icons/PixelCheckIcon/PixelCheckIcon.tsx
index 41d49190db..9186b1b399 100644
--- a/packages/design-system/src/ui/Icons/PixelCheckIcon/PixelCheckIcon.tsx
+++ b/packages/design-system/src/ui/Icons/PixelCheckIcon/PixelCheckIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type PixelCheckIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/PixelCrossIcon/PixelCrossIcon.stories.tsx b/packages/design-system/src/ui/Icons/PixelCrossIcon/PixelCrossIcon.stories.tsx
index 4ed5d0f73b..47ca167193 100644
--- a/packages/design-system/src/ui/Icons/PixelCrossIcon/PixelCrossIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/PixelCrossIcon/PixelCrossIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import PixelCrossIcon from "./PixelCrossIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/PixelCrossIcon/PixelCrossIcon.tsx b/packages/design-system/src/ui/Icons/PixelCrossIcon/PixelCrossIcon.tsx
index 2aad8925c2..090b4b866d 100644
--- a/packages/design-system/src/ui/Icons/PixelCrossIcon/PixelCrossIcon.tsx
+++ b/packages/design-system/src/ui/Icons/PixelCrossIcon/PixelCrossIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type PixelCrossIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/PlusIcon/PlusIcon.stories.tsx b/packages/design-system/src/ui/Icons/PlusIcon/PlusIcon.stories.tsx
index 43e8f6f065..2cf5e045ca 100644
--- a/packages/design-system/src/ui/Icons/PlusIcon/PlusIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/PlusIcon/PlusIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import PlusIcon from "./PlusIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/PlusIcon/PlusIcon.tsx b/packages/design-system/src/ui/Icons/PlusIcon/PlusIcon.tsx
index 5736b46f9e..1f2618e549 100644
--- a/packages/design-system/src/ui/Icons/PlusIcon/PlusIcon.tsx
+++ b/packages/design-system/src/ui/Icons/PlusIcon/PlusIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type PlusIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/PostgreSqlIcon/PostgreSqlIcon.stories.tsx b/packages/design-system/src/ui/Icons/PostgreSqlIcon/PostgreSqlIcon.stories.tsx
index 9b1fac12f9..32f9d44372 100644
--- a/packages/design-system/src/ui/Icons/PostgreSqlIcon/PostgreSqlIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/PostgreSqlIcon/PostgreSqlIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import PostgreSqlIcon from "./PostgreSqlIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/PostgreSqlIcon/PostgreSqlIcon.tsx b/packages/design-system/src/ui/Icons/PostgreSqlIcon/PostgreSqlIcon.tsx
index ff7a712b74..284495c582 100644
--- a/packages/design-system/src/ui/Icons/PostgreSqlIcon/PostgreSqlIcon.tsx
+++ b/packages/design-system/src/ui/Icons/PostgreSqlIcon/PostgreSqlIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type PostgreSqlIconProps = Omit<
diff --git a/packages/design-system/src/ui/Icons/PyTorchIcon/PyTorchIcon.stories.tsx b/packages/design-system/src/ui/Icons/PyTorchIcon/PyTorchIcon.stories.tsx
index f1b80505d7..27df92bd14 100644
--- a/packages/design-system/src/ui/Icons/PyTorchIcon/PyTorchIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/PyTorchIcon/PyTorchIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import PyTorchIcon from "./PyTorchIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/PyTorchIcon/PyTorchIcon.tsx b/packages/design-system/src/ui/Icons/PyTorchIcon/PyTorchIcon.tsx
index 694ca624ca..0945525cb8 100644
--- a/packages/design-system/src/ui/Icons/PyTorchIcon/PyTorchIcon.tsx
+++ b/packages/design-system/src/ui/Icons/PyTorchIcon/PyTorchIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type PyTorchIconProps = Omit<
diff --git a/packages/design-system/src/ui/Icons/PythonIcon/PythonIcon.stories.tsx b/packages/design-system/src/ui/Icons/PythonIcon/PythonIcon.stories.tsx
index ffb862ce40..46995566b7 100644
--- a/packages/design-system/src/ui/Icons/PythonIcon/PythonIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/PythonIcon/PythonIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import PythonIcon from "./PythonIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/PythonIcon/PythonIcon.tsx b/packages/design-system/src/ui/Icons/PythonIcon/PythonIcon.tsx
index 328862c3ee..18fb1587f6 100644
--- a/packages/design-system/src/ui/Icons/PythonIcon/PythonIcon.tsx
+++ b/packages/design-system/src/ui/Icons/PythonIcon/PythonIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type PythonIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/RedshiftIcon/RedShiftIcon.tsx b/packages/design-system/src/ui/Icons/RedshiftIcon/RedShiftIcon.tsx
index 5ce5e7ca6b..6331473ad6 100644
--- a/packages/design-system/src/ui/Icons/RedshiftIcon/RedShiftIcon.tsx
+++ b/packages/design-system/src/ui/Icons/RedshiftIcon/RedShiftIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type RedShiftIconProps = Omit<
diff --git a/packages/design-system/src/ui/Icons/RedshiftIcon/RedshiftIcon.stories.tsx b/packages/design-system/src/ui/Icons/RedshiftIcon/RedshiftIcon.stories.tsx
index 99c077d161..06cf82b81b 100644
--- a/packages/design-system/src/ui/Icons/RedshiftIcon/RedshiftIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/RedshiftIcon/RedshiftIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import RedShiftIcon from "./RedShiftIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/RefreshIcon/RefreshIcon.stories.tsx b/packages/design-system/src/ui/Icons/RefreshIcon/RefreshIcon.stories.tsx
index 1a1fd2372b..129cc23f7f 100644
--- a/packages/design-system/src/ui/Icons/RefreshIcon/RefreshIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/RefreshIcon/RefreshIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import RefreshIcon from "./RefreshIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/RefreshIcon/RefreshIcon.tsx b/packages/design-system/src/ui/Icons/RefreshIcon/RefreshIcon.tsx
index 2181c88f99..95e12c35e9 100644
--- a/packages/design-system/src/ui/Icons/RefreshIcon/RefreshIcon.tsx
+++ b/packages/design-system/src/ui/Icons/RefreshIcon/RefreshIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type RefreshIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/ResourceIcon/ResourceIcon.stories.tsx b/packages/design-system/src/ui/Icons/ResourceIcon/ResourceIcon.stories.tsx
index f1d26018a4..8ff6dd9c51 100644
--- a/packages/design-system/src/ui/Icons/ResourceIcon/ResourceIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/ResourceIcon/ResourceIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import ResourceIcon from "./ResourceIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/ResourceIcon/ResourceIcon.tsx b/packages/design-system/src/ui/Icons/ResourceIcon/ResourceIcon.tsx
index 30a1350d66..4c8052e55d 100644
--- a/packages/design-system/src/ui/Icons/ResourceIcon/ResourceIcon.tsx
+++ b/packages/design-system/src/ui/Icons/ResourceIcon/ResourceIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type ResourceIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/SalesforceIcon/SalesforceIcon.stories.tsx b/packages/design-system/src/ui/Icons/SalesforceIcon/SalesforceIcon.stories.tsx
index d5c9204ef7..4c0259b7ed 100644
--- a/packages/design-system/src/ui/Icons/SalesforceIcon/SalesforceIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/SalesforceIcon/SalesforceIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import SalesforceIcon from "./SalesforceIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/SalesforceIcon/SalesforceIcon.tsx b/packages/design-system/src/ui/Icons/SalesforceIcon/SalesforceIcon.tsx
index 8f402de6c3..d217717b13 100644
--- a/packages/design-system/src/ui/Icons/SalesforceIcon/SalesforceIcon.tsx
+++ b/packages/design-system/src/ui/Icons/SalesforceIcon/SalesforceIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type SalesforceIconProps = Omit<
diff --git a/packages/design-system/src/ui/Icons/SemanticSegmentationIcon/SemanticSegmentationIcon.stories.tsx b/packages/design-system/src/ui/Icons/SemanticSegmentationIcon/SemanticSegmentationIcon.stories.tsx
index 2709be7ff3..c902fde4af 100644
--- a/packages/design-system/src/ui/Icons/SemanticSegmentationIcon/SemanticSegmentationIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/SemanticSegmentationIcon/SemanticSegmentationIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import SemanticSegmentationIcon from "./SemanticSegmentationIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/SemanticSegmentationIcon/SemanticSegmentationIcon.tsx b/packages/design-system/src/ui/Icons/SemanticSegmentationIcon/SemanticSegmentationIcon.tsx
index f1facedfd8..5f23e4812a 100644
--- a/packages/design-system/src/ui/Icons/SemanticSegmentationIcon/SemanticSegmentationIcon.tsx
+++ b/packages/design-system/src/ui/Icons/SemanticSegmentationIcon/SemanticSegmentationIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type SemanticSegmentationIconProps = Omit<
diff --git a/packages/design-system/src/ui/Icons/ShopifyIcon/ShopifyIcon.stories.tsx b/packages/design-system/src/ui/Icons/ShopifyIcon/ShopifyIcon.stories.tsx
index 2085c2dd45..32ea82bb91 100644
--- a/packages/design-system/src/ui/Icons/ShopifyIcon/ShopifyIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/ShopifyIcon/ShopifyIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import ShopifyIcon from "./ShopifyIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/ShopifyIcon/ShopifyIcon.tsx b/packages/design-system/src/ui/Icons/ShopifyIcon/ShopifyIcon.tsx
index e331dffd5d..48db5851de 100644
--- a/packages/design-system/src/ui/Icons/ShopifyIcon/ShopifyIcon.tsx
+++ b/packages/design-system/src/ui/Icons/ShopifyIcon/ShopifyIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type ShopifyIconProps = Omit<
diff --git a/packages/design-system/src/ui/Icons/SlackIcon/SlackIcon.stories.tsx b/packages/design-system/src/ui/Icons/SlackIcon/SlackIcon.stories.tsx
index 190f491818..1e44b345f9 100644
--- a/packages/design-system/src/ui/Icons/SlackIcon/SlackIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/SlackIcon/SlackIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import SlackIcon from "./SlackIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/SlackIcon/SlackIcon.tsx b/packages/design-system/src/ui/Icons/SlackIcon/SlackIcon.tsx
index bcf7283d24..18ca609397 100644
--- a/packages/design-system/src/ui/Icons/SlackIcon/SlackIcon.tsx
+++ b/packages/design-system/src/ui/Icons/SlackIcon/SlackIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type SlackIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/SnowflakeIcon/SnowflakeIcon.stories.tsx b/packages/design-system/src/ui/Icons/SnowflakeIcon/SnowflakeIcon.stories.tsx
index da17284699..bbfa710457 100644
--- a/packages/design-system/src/ui/Icons/SnowflakeIcon/SnowflakeIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/SnowflakeIcon/SnowflakeIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import SnowflakeIcon from "./SnowflakeIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/SnowflakeIcon/SnowflakeIcon.tsx b/packages/design-system/src/ui/Icons/SnowflakeIcon/SnowflakeIcon.tsx
index ba626d6fa6..edb7d91b86 100644
--- a/packages/design-system/src/ui/Icons/SnowflakeIcon/SnowflakeIcon.tsx
+++ b/packages/design-system/src/ui/Icons/SnowflakeIcon/SnowflakeIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type SnowflakeIconProps = Omit<
diff --git a/packages/design-system/src/ui/Icons/SquarePlusIcon/SquarePlusIcon.stories.tsx b/packages/design-system/src/ui/Icons/SquarePlusIcon/SquarePlusIcon.stories.tsx
index a57556651c..4aaec66b9c 100644
--- a/packages/design-system/src/ui/Icons/SquarePlusIcon/SquarePlusIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/SquarePlusIcon/SquarePlusIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import SquarePlusIcon from "./SquarePlusIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/SquarePlusIcon/SquarePlusIcon.tsx b/packages/design-system/src/ui/Icons/SquarePlusIcon/SquarePlusIcon.tsx
index 9d0010a65e..bef98dd70c 100644
--- a/packages/design-system/src/ui/Icons/SquarePlusIcon/SquarePlusIcon.tsx
+++ b/packages/design-system/src/ui/Icons/SquarePlusIcon/SquarePlusIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type SquarePlusIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/StatusErrorIcon/StatusErrorIcon.stories.tsx b/packages/design-system/src/ui/Icons/StatusErrorIcon/StatusErrorIcon.stories.tsx
index d933489ece..880369954f 100644
--- a/packages/design-system/src/ui/Icons/StatusErrorIcon/StatusErrorIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/StatusErrorIcon/StatusErrorIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import StatusErrorIcon from "./StatusErrorIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/StatusErrorIcon/StatusErrorIcon.tsx b/packages/design-system/src/ui/Icons/StatusErrorIcon/StatusErrorIcon.tsx
index f18c17647b..adc982e141 100644
--- a/packages/design-system/src/ui/Icons/StatusErrorIcon/StatusErrorIcon.tsx
+++ b/packages/design-system/src/ui/Icons/StatusErrorIcon/StatusErrorIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type StatusErrorIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/StatusOffIcon/StatusOffIcon.stories.tsx b/packages/design-system/src/ui/Icons/StatusOffIcon/StatusOffIcon.stories.tsx
index 471b993bcb..5c4503360b 100644
--- a/packages/design-system/src/ui/Icons/StatusOffIcon/StatusOffIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/StatusOffIcon/StatusOffIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import StatusOffIcon from "./StatusOffIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/StatusOffIcon/StatusOffIcon.tsx b/packages/design-system/src/ui/Icons/StatusOffIcon/StatusOffIcon.tsx
index cb7070a0a5..28ddeaff36 100644
--- a/packages/design-system/src/ui/Icons/StatusOffIcon/StatusOffIcon.tsx
+++ b/packages/design-system/src/ui/Icons/StatusOffIcon/StatusOffIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type StatusOffIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/StatusOnIcon/StatusOnIcon.stories.tsx b/packages/design-system/src/ui/Icons/StatusOnIcon/StatusOnIcon.stories.tsx
index 014e3c8b83..9a68634b41 100644
--- a/packages/design-system/src/ui/Icons/StatusOnIcon/StatusOnIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/StatusOnIcon/StatusOnIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import StatusOnIcon from "./StatusOnIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/StatusOnIcon/StatusOnIcon.tsx b/packages/design-system/src/ui/Icons/StatusOnIcon/StatusOnIcon.tsx
index e2f5ea3289..b602d2f91d 100644
--- a/packages/design-system/src/ui/Icons/StatusOnIcon/StatusOnIcon.tsx
+++ b/packages/design-system/src/ui/Icons/StatusOnIcon/StatusOnIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type StatusOnIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/SyncArrowsIcon/SyncArrowsIcon.stories.tsx b/packages/design-system/src/ui/Icons/SyncArrowsIcon/SyncArrowsIcon.stories.tsx
index c046b9bc6f..6ecfdb00f1 100644
--- a/packages/design-system/src/ui/Icons/SyncArrowsIcon/SyncArrowsIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/SyncArrowsIcon/SyncArrowsIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import SyncArrowsIcon from "./SyncArrowsIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/SyncArrowsIcon/SyncArrowsIcon.tsx b/packages/design-system/src/ui/Icons/SyncArrowsIcon/SyncArrowsIcon.tsx
index 3a7959d97e..57fb4e89f1 100644
--- a/packages/design-system/src/ui/Icons/SyncArrowsIcon/SyncArrowsIcon.tsx
+++ b/packages/design-system/src/ui/Icons/SyncArrowsIcon/SyncArrowsIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type SyncArrowsIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/SyncIcon/SyncIcon.stories.tsx b/packages/design-system/src/ui/Icons/SyncIcon/SyncIcon.stories.tsx
index 7e1fdab511..f83831c13c 100644
--- a/packages/design-system/src/ui/Icons/SyncIcon/SyncIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/SyncIcon/SyncIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import SyncIcon from "./SyncIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/SyncIcon/SyncIcon.tsx b/packages/design-system/src/ui/Icons/SyncIcon/SyncIcon.tsx
index 7412bd6e9b..734e5058cb 100644
--- a/packages/design-system/src/ui/Icons/SyncIcon/SyncIcon.tsx
+++ b/packages/design-system/src/ui/Icons/SyncIcon/SyncIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type SyncIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/TensorFlowIcon/TensorFlowIcon.stories.tsx b/packages/design-system/src/ui/Icons/TensorFlowIcon/TensorFlowIcon.stories.tsx
index ff29e0b4e1..c41ddd48ce 100644
--- a/packages/design-system/src/ui/Icons/TensorFlowIcon/TensorFlowIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/TensorFlowIcon/TensorFlowIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import TensorFlowIcon from "./TensorFlowIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/TensorFlowIcon/TensorFlowIcon.tsx b/packages/design-system/src/ui/Icons/TensorFlowIcon/TensorFlowIcon.tsx
index 3fe8fe7616..37baf37a9f 100644
--- a/packages/design-system/src/ui/Icons/TensorFlowIcon/TensorFlowIcon.tsx
+++ b/packages/design-system/src/ui/Icons/TensorFlowIcon/TensorFlowIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type TensorFlowIconProps = Omit<
diff --git a/packages/design-system/src/ui/Icons/TextGenerationIcon/TextGenerationIcon.stories.tsx b/packages/design-system/src/ui/Icons/TextGenerationIcon/TextGenerationIcon.stories.tsx
index ad6cadb6eb..7225e876cc 100644
--- a/packages/design-system/src/ui/Icons/TextGenerationIcon/TextGenerationIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/TextGenerationIcon/TextGenerationIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import TextGenerationIcon from "./TextGenerationIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/TextGenerationIcon/TextGenerationIcon.tsx b/packages/design-system/src/ui/Icons/TextGenerationIcon/TextGenerationIcon.tsx
index 187629a24d..de0245f448 100644
--- a/packages/design-system/src/ui/Icons/TextGenerationIcon/TextGenerationIcon.tsx
+++ b/packages/design-system/src/ui/Icons/TextGenerationIcon/TextGenerationIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type TextGenerationIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/TextToImageIcon/TextToImageIcon.stories.tsx b/packages/design-system/src/ui/Icons/TextToImageIcon/TextToImageIcon.stories.tsx
index 4d3cc8b1fb..3ebb3af946 100644
--- a/packages/design-system/src/ui/Icons/TextToImageIcon/TextToImageIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/TextToImageIcon/TextToImageIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import TextToImageIcon from "./TextToImageIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/TextToImageIcon/TextToImageIcon.tsx b/packages/design-system/src/ui/Icons/TextToImageIcon/TextToImageIcon.tsx
index 10c798c3be..d24f11e331 100644
--- a/packages/design-system/src/ui/Icons/TextToImageIcon/TextToImageIcon.tsx
+++ b/packages/design-system/src/ui/Icons/TextToImageIcon/TextToImageIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type TextToImageIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/ToggleIcon/ToggleIcon.stories.tsx b/packages/design-system/src/ui/Icons/ToggleIcon/ToggleIcon.stories.tsx
index 7b1fc606ab..dc2df59dd0 100644
--- a/packages/design-system/src/ui/Icons/ToggleIcon/ToggleIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/ToggleIcon/ToggleIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import ToggleIcon from "./ToggleIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/ToggleIcon/ToggleIcon.tsx b/packages/design-system/src/ui/Icons/ToggleIcon/ToggleIcon.tsx
index 432f2d6684..e84105f133 100644
--- a/packages/design-system/src/ui/Icons/ToggleIcon/ToggleIcon.tsx
+++ b/packages/design-system/src/ui/Icons/ToggleIcon/ToggleIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type ToggleIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/ToolboxIcon/ToolboxIcon.stories.tsx b/packages/design-system/src/ui/Icons/ToolboxIcon/ToolboxIcon.stories.tsx
index b66590d862..1cddc88c55 100644
--- a/packages/design-system/src/ui/Icons/ToolboxIcon/ToolboxIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/ToolboxIcon/ToolboxIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import ToolboxIcon from "./ToolboxIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/ToolboxIcon/ToolboxIcon.tsx b/packages/design-system/src/ui/Icons/ToolboxIcon/ToolboxIcon.tsx
index c57bdc4d94..f8a18db623 100644
--- a/packages/design-system/src/ui/Icons/ToolboxIcon/ToolboxIcon.tsx
+++ b/packages/design-system/src/ui/Icons/ToolboxIcon/ToolboxIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type ToolboxIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/TwitterIcon/TwitterIcon.stories.tsx b/packages/design-system/src/ui/Icons/TwitterIcon/TwitterIcon.stories.tsx
index f09a6102b4..166abdcf58 100644
--- a/packages/design-system/src/ui/Icons/TwitterIcon/TwitterIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/TwitterIcon/TwitterIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import TwitterIcon from "./TwitterIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/TwitterIcon/TwitterIcon.tsx b/packages/design-system/src/ui/Icons/TwitterIcon/TwitterIcon.tsx
index cad4540e30..a9c674ba1c 100644
--- a/packages/design-system/src/ui/Icons/TwitterIcon/TwitterIcon.tsx
+++ b/packages/design-system/src/ui/Icons/TwitterIcon/TwitterIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type TwitterIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/VersionIcon/VersionIcon.stories.tsx b/packages/design-system/src/ui/Icons/VersionIcon/VersionIcon.stories.tsx
index 572ef55c36..312ea0bbbd 100644
--- a/packages/design-system/src/ui/Icons/VersionIcon/VersionIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/VersionIcon/VersionIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import VersionIcon from "./VersionIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/VersionIcon/VersionIcon.tsx b/packages/design-system/src/ui/Icons/VersionIcon/VersionIcon.tsx
index 0622fc49c9..37dd31d497 100644
--- a/packages/design-system/src/ui/Icons/VersionIcon/VersionIcon.tsx
+++ b/packages/design-system/src/ui/Icons/VersionIcon/VersionIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type VersionIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/VisualDataOperatorIcon/VisualDataOperatorIcon.stories.tsx b/packages/design-system/src/ui/Icons/VisualDataOperatorIcon/VisualDataOperatorIcon.stories.tsx
index d765ee9d34..27e82785f9 100644
--- a/packages/design-system/src/ui/Icons/VisualDataOperatorIcon/VisualDataOperatorIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/VisualDataOperatorIcon/VisualDataOperatorIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import VisualDataOperatorIcon from "./VisualDataOperatorIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/VisualDataOperatorIcon/VisualDataOperatorIcon.tsx b/packages/design-system/src/ui/Icons/VisualDataOperatorIcon/VisualDataOperatorIcon.tsx
index 1cc68af306..1145f85274 100644
--- a/packages/design-system/src/ui/Icons/VisualDataOperatorIcon/VisualDataOperatorIcon.tsx
+++ b/packages/design-system/src/ui/Icons/VisualDataOperatorIcon/VisualDataOperatorIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type VisualDataOperatorIconProps = Omit<
diff --git a/packages/design-system/src/ui/Icons/XIcon/XIcon.stories.tsx b/packages/design-system/src/ui/Icons/XIcon/XIcon.stories.tsx
index 01686edf56..903d9e1ad2 100644
--- a/packages/design-system/src/ui/Icons/XIcon/XIcon.stories.tsx
+++ b/packages/design-system/src/ui/Icons/XIcon/XIcon.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import XIcon from "./XIcon";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Icons/XIcon/XIcon.tsx b/packages/design-system/src/ui/Icons/XIcon/XIcon.tsx
index b366d49dfb..007c755c26 100644
--- a/packages/design-system/src/ui/Icons/XIcon/XIcon.tsx
+++ b/packages/design-system/src/ui/Icons/XIcon/XIcon.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import IconBase, { IconBaseProps } from "../IconBase";
export type XIconProps = Omit;
diff --git a/packages/design-system/src/ui/Icons/index.ts b/packages/design-system/src/ui/Icons/index.ts
index 8e271a1433..23cef4c189 100644
--- a/packages/design-system/src/ui/Icons/index.ts
+++ b/packages/design-system/src/ui/Icons/index.ts
@@ -1,198 +1,197 @@
-import AirbyteIcon from "./AirbyteIcon";
import type { AirbyteIconProps } from "./AirbyteIcon";
-import AsyncArrowsIcon from "./AsyncArrowsIcon";
+import type {
+ ArrowDownIconProps,
+ ArrowLeftIconProps,
+ ArrowRightIconProps,
+ ArrowUpIconProps,
+ RotatableArrowIconProps,
+} from "./ArrowIcons";
+import type { ArtiVcIconProps } from "./ArtiVcIcon";
import type { AsyncArrowsIconProps } from "./AsyncArrowsIcon";
-import EyeOnIcon from "./EyeOnIcon";
-import type { EyeOnIconProps } from "./EyeOnIcon";
-import EyeOffIcon from "./EyeOffIcon";
-import type { EyeOffIconProps } from "./EyeOffIcon";
-import IdIcon from "./IdIcon/IdIcon";
-import type { IdIconProps } from "./IdIcon";
-import HttpIcon from "./HttpIcon";
-import type { HttpIconProps } from "./HttpIcon";
-import GrpcIcon from "./GrpcIcon";
-import type { GrpcIconProps } from "./GrpcIcon";
-import SnowflakeIcon from "./SnowflakeIcon";
-import type { SnowflakeIconProps } from "./SnowflakeIcon";
-import MongoDbIcon from "./MongoDbIcon";
-import type { MongoDbIconProps } from "./MongoDbIcon";
-import CopyIcon from "./CopyIcon";
-import type { CopyIconProps } from "./CopyIcon";
-import ClientIcon from "./ClientIcon";
+import type { AsyncIconProps } from "./AsyncIcon";
+import type { AwsRdsIconProps } from "./AwsRdsIcon";
+import type { AwsS3IconProps } from "./AwsS3Icon";
+import type { BarChartIconProps } from "./BarChartIcon";
+import type { BigQueryIconProps } from "./BigQueryIcon";
+import type { CheckIconProps } from "./CheckIcon";
import type { ClientIconProps } from "./ClientIcon";
-import CollapseLeftIcon from "./CollapseLeftIcon";
import type { CollapseLeftIconProps } from "./CollapseLeftIcon";
-import CollapseRightIcon from "./CollapseRightIcon";
import type { CollapseRightIconProps } from "./CollapseRightIcon";
-import ModelIcon from "./ModelIcon";
-import type { ModelIconProps } from "./ModelIcon";
-import MinusIcon from "./MinusIcon";
-import type { MinusIconProps } from "./MinusIcon";
-import BarChartIcon from "./BarChartIcon";
-import type { BarChartIconProps } from "./BarChartIcon";
-import VisualDataOperatorIcon from "./VisualDataOperatorIcon";
-import type { VisualDataOperatorIconProps } from "./VisualDataOperatorIcon";
-import DataDestinationIcon from "./DataDestinationIcon";
+import type { CopyIconProps } from "./CopyIcon";
+import type { CrossIconProps } from "./CrossIcon";
import type { DataDestinationIconProps } from "./DataDestinationIcon";
-import DataSourceIcon from "./DataSourceIcon";
import type { DataSourceIconProps } from "./DataSourceIcon";
-import FolderPlusIcon from "./FolderPlusIcon";
-import type { FolderPlusIconProps } from "./FolderPlusIcon";
-import FolderInUseIcon from "./FolderInUseIcon";
-import type { FolderInUseIconProps } from "./FolderInUseIcon";
-import DocIcon from "./DocIcon";
+import type { DiscordIconProps } from "./DiscordIcon";
import type { DocIconProps } from "./DocIcon";
-import SquarePlusIcon from "./SquarePlusIcon";
-import type { SquarePlusIconProps } from "./SquarePlusIcon";
-import GearIcon from "./GearIcon";
-import type { GearIconProps } from "./GearIcon";
-import ResourceIcon from "./ResourceIcon";
-import type { ResourceIconProps } from "./ResourceIcon";
-import XIcon from "./XIcon";
-import type { XIconProps } from "./XIcon";
-import CheckIcon from "./CheckIcon";
-import type { CheckIconProps } from "./CheckIcon";
-import DoubleArrowIcon from "./DoubleArrowIcon";
import type { DoubleArrowIconProps } from "./DoubleArrowIcon";
-import PipelineIcon from "./PipelineIcon";
+import type { EyeOffIconProps } from "./EyeOffIcon";
+import type { EyeOnIconProps } from "./EyeOnIcon";
+import type { FacebookIconProps } from "./FacebookIcon";
+import type { FilterIconProps } from "./FilterIcon";
+import type { FolderInUseIconProps } from "./FolderInUseIcon";
+import type { FolderPlusIconProps } from "./FolderPlusIcon";
+import type { GcsIconProps } from "./GcsIcon";
+import type { GearIconProps } from "./GearIcon";
+import type { GitBranchIconProps } from "./GitBranchIcon";
+import type { GitCommitIconProps } from "./GitCommitIcon";
+import type { GitHubIconProps } from "./GitHubIcon";
+import type { GitTagIconProps } from "./GitTagIcon";
+import type { GoogleDriveIconProps } from "./GoogleDriveIcon";
+import type { GoogleIconProps } from "./GoogleIcon";
+import type { GoogleSheetIconProps } from "./GoogleSheetIcon";
+import type { GrpcIconProps } from "./GrpcIcon";
+import type { HttpIconProps } from "./HttpIcon";
+import type { HuggingFaceIconProps } from "./HuggingFaceIcon";
+import type { IdIconProps } from "./IdIcon";
+import type { ImageClassificationIconProps } from "./ImageClassificationIcon";
+import type { ImageToImageIconProps } from "./ImageToImageIcon";
+import type { ImageToTextIconProps } from "./ImageToTextIcon";
+import type { InstanceSegmentationIconProps } from "./InstanceSegmentationIcon";
+import type { IotIconProps } from "./IotIcon";
+import type { KeypointDetectionIconProps } from "./KeypointDetectionIcon";
+import type { LinkedInIconProps } from "./LinkedInIcon";
+import type { LocalUploadIconProps } from "./LocalUploadIcon";
+import type { MediumIconProps } from "./MediumIcon";
+import type { MenuIconProps } from "./MenuIcon";
+import type { MetabaseIconProps } from "./MetabaseIcon";
+import type { MinusIconProps } from "./MinusIcon";
+import type { ModelIconProps } from "./ModelIcon";
+import type { ModelInstanceIconProps } from "./ModelInstanceIcon";
+import type { MongoDbAtalasIconProps } from "./MongoDbAtalasIcon";
+import type { MongoDbIconProps } from "./MongoDbIcon";
+import type { MySqlIconProps } from "./MySqlIcon";
+import type { ObjectDetectionIconProps } from "./ObjectDetectionIcon";
+import type { OnnxIconProps } from "./OnnxIcon";
+import type { OpticalCharacterRecognitionIconProps } from "./OpticalCharacterRecognitionIcon";
+import type { PenIconProps } from "./PenIcon";
+import type { PinIconProps } from "./PinIcon";
import type { PipelineIconProps } from "./PipelineIcon";
-import RedshiftIcon from "./RedshiftIcon";
-import type { RedShiftIconProps } from "./RedshiftIcon";
-import PostgreSqlIcon from "./PostgreSqlIcon";
+import type { PixelCheckIconProps } from "./PixelCheckIcon";
+import type { PixelCrossIconProps } from "./PixelCrossIcon";
+import type { PlusIconProps } from "./PlusIcon";
import type { PostgreSqlIconProps } from "./PostgreSqlIcon";
-import PythonIcon from "./PythonIcon";
import type { PythonIconProps } from "./PythonIcon";
-import PlusIcon from "./PlusIcon";
-import type { PlusIconProps } from "./PlusIcon";
-import PyTorchIcon from "./PyTorchIcon";
import type { PyTorchIconProps } from "./PyTorchIcon";
-import BigQueryIcon from "./BigQueryIcon";
-import type { BigQueryIconProps } from "./BigQueryIcon";
-import MySqlIcon from "./MySqlIcon";
-import type { MySqlIconProps } from "./MySqlIcon";
-import SalesforceIcon from "./SalesforceIcon";
+import type { RedShiftIconProps } from "./RedshiftIcon";
+import type { RefreshIconProps } from "./RefreshIcon";
+import type { ResourceIconProps } from "./ResourceIcon";
import type { SalesforceIconProps } from "./SalesforceIcon";
-import ShopifyIcon from "./ShopifyIcon";
+import type { SemanticSegmentationIconProps } from "./SemanticSegmentationIcon";
import type { ShopifyIconProps } from "./ShopifyIcon";
-import SlackIcon from "./SlackIcon";
import type { SlackIconProps } from "./SlackIcon";
-import FacebookIcon from "./FacebookIcon";
-import type { FacebookIconProps } from "./FacebookIcon";
-import GoogleSheetIcon from "./GoogleSheetIcon";
-import type { GoogleSheetIconProps } from "./GoogleSheetIcon";
-import AwsRdsIcon from "./AwsRdsIcon";
-import type { AwsRdsIconProps } from "./AwsRdsIcon";
-import StatusOnIcon from "./StatusOnIcon";
-import type { StatusOnIconProps } from "./StatusOnIcon";
-import StatusOffIcon from "./StatusOffIcon";
-import type { StatusOffIconProps } from "./StatusOffIcon";
-import StatusErrorIcon from "./StatusErrorIcon";
+import type { SnowflakeIconProps } from "./SnowflakeIcon";
+import type { SquarePlusIconProps } from "./SquarePlusIcon";
import type { StatusErrorIconProps } from "./StatusErrorIcon";
-import SyncArrowsIcon from "./SyncArrowsIcon";
+import type { StatusOffIconProps } from "./StatusOffIcon";
+import type { StatusOnIconProps } from "./StatusOnIcon";
import type { SyncArrowsIconProps } from "./SyncArrowsIcon";
-import ModelInstanceIcon from "./ModelInstanceIcon";
-import type { ModelInstanceIconProps } from "./ModelInstanceIcon";
-import RefreshIcon from "./RefreshIcon";
-import type { RefreshIconProps } from "./RefreshIcon";
-import MenuIcon from "./MenuIcon";
-import type { MenuIconProps } from "./MenuIcon";
-
+import type { SyncIconProps } from "./SyncIcon";
+import type { TensorFlowIconProps } from "./TensorFlowIcon";
+import type { TextGenerationIconProps } from "./TextGenerationIcon";
+import type { TextToImageIconProps } from "./TextToImageIcon";
+import type { ToggleIconProps } from "./ToggleIcon";
+import type { ToolboxIconProps } from "./ToolboxIcon";
+import type { TwitterIconProps } from "./TwitterIcon";
+import type { VersionIconProps } from "./VersionIcon";
+import type { VisualDataOperatorIconProps } from "./VisualDataOperatorIcon";
+import type { XIconProps } from "./XIcon";
+import AirbyteIcon from "./AirbyteIcon";
import {
- ArrowUpIcon,
ArrowDownIcon,
ArrowLeftIcon,
ArrowRightIcon,
+ ArrowUpIcon,
RotatableArrowIcon,
} from "./ArrowIcons";
-import type {
- ArrowUpIconProps,
- ArrowDownIconProps,
- ArrowRightIconProps,
- ArrowLeftIconProps,
- RotatableArrowIconProps,
-} from "./ArrowIcons";
-import SyncIcon from "./SyncIcon";
-import type { SyncIconProps } from "./SyncIcon";
-import TensorFlowIcon from "./TensorFlowIcon";
-import type { TensorFlowIconProps } from "./TensorFlowIcon";
-import TextGenerationIcon from "./TextGenerationIcon";
-import type { TextGenerationIconProps } from "./TextGenerationIcon";
-import TextToImageIcon from "./TextToImageIcon";
-import type { TextToImageIconProps } from "./TextToImageIcon";
+import ArtiVcIcon from "./ArtiVcIcon";
+import AsyncArrowsIcon from "./AsyncArrowsIcon";
import AsyncIcon from "./AsyncIcon";
-import type { AsyncIconProps } from "./AsyncIcon";
-import VersionIcon from "./VersionIcon";
-import type { VersionIconProps } from "./VersionIcon";
-import LocalUploadIcon from "./LocalUploadIcon";
-import type { LocalUploadIconProps } from "./LocalUploadIcon";
-import GitHubIcon from "./GitHubIcon";
-import type { GitHubIconProps } from "./GitHubIcon";
+import AwsRdsIcon from "./AwsRdsIcon";
+import AwsS3Icon from "./AwsS3Icon";
+import BarChartIcon from "./BarChartIcon";
+import BigQueryIcon from "./BigQueryIcon";
+import CheckIcon from "./CheckIcon";
+import ClientIcon from "./ClientIcon";
+import CollapseLeftIcon from "./CollapseLeftIcon";
+import CollapseRightIcon from "./CollapseRightIcon";
+import CopyIcon from "./CopyIcon";
+import CrossIcon from "./CrossIcon";
+import DataDestinationIcon from "./DataDestinationIcon";
+import DataSourceIcon from "./DataSourceIcon";
+import DiscordIcon from "./DiscordIcon";
+import DocIcon from "./DocIcon";
+import DoubleArrowIcon from "./DoubleArrowIcon";
+import EyeOffIcon from "./EyeOffIcon";
+import EyeOnIcon from "./EyeOnIcon";
+import FacebookIcon from "./FacebookIcon";
+import FilterIcon from "./FilterIcon";
+import FolderInUseIcon from "./FolderInUseIcon";
+import FolderPlusIcon from "./FolderPlusIcon";
+import GcsIcon from "./GcsIcon";
+import GearIcon from "./GearIcon";
import GitBranchIcon from "./GitBranchIcon";
-import type { GitBranchIconProps } from "./GitBranchIcon";
-import GitTagIcon from "./GitTagIcon";
-import type { GitTagIconProps } from "./GitTagIcon";
import GitCommitIcon from "./GitCommitIcon";
-import type { GitCommitIconProps } from "./GitCommitIcon";
-import PixelCrossIcon from "./PixelCrossIcon";
-import type { PixelCrossIconProps } from "./PixelCrossIcon";
-import PixelCheckIcon from "./PixelCheckIcon";
-import type { PixelCheckIconProps } from "./PixelCheckIcon";
-import GcsIcon from "./GcsIcon";
-import type { GcsIconProps } from "./GcsIcon";
-import IotIcon from "./IotIcon";
-import type { IotIconProps } from "./IotIcon";
-import ImageToImageIcon from "./ImageToImageIcon";
-import type { ImageToImageIconProps } from "./ImageToImageIcon";
-import ImageToTextIcon from "./ImageToTextIcon";
-import type { ImageToTextIconProps } from "./ImageToTextIcon";
-import AwsS3Icon from "./AwsS3Icon";
-import type { AwsS3IconProps } from "./AwsS3Icon";
-import MongoDbAtalasIcon from "./MongoDbAtalasIcon";
-import type { MongoDbAtalasIconProps } from "./MongoDbAtalasIcon";
+import GitHubIcon from "./GitHubIcon";
+import GitTagIcon from "./GitTagIcon";
import GoogleDriveIcon from "./GoogleDriveIcon";
-import type { GoogleDriveIconProps } from "./GoogleDriveIcon";
import GoogleIcon from "./GoogleIcon";
-import type { GoogleIconProps } from "./GoogleIcon";
+import GoogleSheetIcon from "./GoogleSheetIcon";
+import GrpcIcon from "./GrpcIcon";
+import HttpIcon from "./HttpIcon";
+import HuggingFaceIcon from "./HuggingFaceIcon";
+import IdIcon from "./IdIcon/IdIcon";
import ImageClassificationIcon from "./ImageClassificationIcon";
-import type { ImageClassificationIconProps } from "./ImageClassificationIcon";
-import ObjectDetectionIcon from "./ObjectDetectionIcon";
-import type { ObjectDetectionIconProps } from "./ObjectDetectionIcon";
-import OnnxIcon from "./OnnxIcon";
-import type { OnnxIconProps } from "./OnnxIcon";
-import KeypointDetectionIcon from "./KeypointDetectionIcon";
-import type { KeypointDetectionIconProps } from "./KeypointDetectionIcon";
+import ImageToImageIcon from "./ImageToImageIcon";
+import ImageToTextIcon from "./ImageToTextIcon";
import InstanceSegmentationIcon from "./InstanceSegmentationIcon";
-import type { InstanceSegmentationIconProps } from "./InstanceSegmentationIcon";
-import SemanticSegmentationIcon from "./SemanticSegmentationIcon";
-import type { SemanticSegmentationIconProps } from "./SemanticSegmentationIcon";
-import OpticalCharacterRecognitionIcon from "./OpticalCharacterRecognitionIcon";
-import type { OpticalCharacterRecognitionIconProps } from "./OpticalCharacterRecognitionIcon";
-import ArtiVcIcon from "./ArtiVcIcon";
-import type { ArtiVcIconProps } from "./ArtiVcIcon";
-import HuggingFaceIcon from "./HuggingFaceIcon";
-import type { HuggingFaceIconProps } from "./HuggingFaceIcon";
-import DiscordIcon from "./DiscordIcon";
-import type { DiscordIconProps } from "./DiscordIcon";
+import IotIcon from "./IotIcon";
+import KeypointDetectionIcon from "./KeypointDetectionIcon";
+import LinkedInIcon from "./LinkedInIcon";
+import LocalUploadIcon from "./LocalUploadIcon";
import MediumIcon from "./MediumIcon";
-import type { MediumIconProps } from "./MediumIcon";
+import MenuIcon from "./MenuIcon";
import MetabaseIcon from "./MetabaseIcon";
-import type { MetabaseIconProps } from "./MetabaseIcon";
-import CrossIcon from "./CrossIcon";
-import type { CrossIconProps } from "./CrossIcon";
-import LinkedInIcon from "./LinkedInIcon";
-import type { LinkedInIconProps } from "./LinkedInIcon";
+import MinusIcon from "./MinusIcon";
+import ModelIcon from "./ModelIcon";
+import ModelInstanceIcon from "./ModelInstanceIcon";
+import MongoDbAtalasIcon from "./MongoDbAtalasIcon";
+import MongoDbIcon from "./MongoDbIcon";
+import MySqlIcon from "./MySqlIcon";
+import ObjectDetectionIcon from "./ObjectDetectionIcon";
+import OnnxIcon from "./OnnxIcon";
+import OpticalCharacterRecognitionIcon from "./OpticalCharacterRecognitionIcon";
import PenIcon from "./PenIcon";
-import type { PenIconProps } from "./PenIcon";
import PinIcon from "./PinIcon";
-import type { PinIconProps } from "./PinIcon";
-import TwitterIcon from "./TwitterIcon";
-import type { TwitterIconProps } from "./TwitterIcon";
-import ToolboxIcon from "./ToolboxIcon";
-import type { ToolboxIconProps } from "./ToolboxIcon";
+import PipelineIcon from "./PipelineIcon";
+import PixelCheckIcon from "./PixelCheckIcon";
+import PixelCrossIcon from "./PixelCrossIcon";
+import PlusIcon from "./PlusIcon";
+import PostgreSqlIcon from "./PostgreSqlIcon";
+import PythonIcon from "./PythonIcon";
+import PyTorchIcon from "./PyTorchIcon";
+import RedshiftIcon from "./RedshiftIcon";
+import RefreshIcon from "./RefreshIcon";
+import ResourceIcon from "./ResourceIcon";
+import SalesforceIcon from "./SalesforceIcon";
+import SemanticSegmentationIcon from "./SemanticSegmentationIcon";
+import ShopifyIcon from "./ShopifyIcon";
+import SlackIcon from "./SlackIcon";
+import SnowflakeIcon from "./SnowflakeIcon";
+import SquarePlusIcon from "./SquarePlusIcon";
+import StatusErrorIcon from "./StatusErrorIcon";
+import StatusOffIcon from "./StatusOffIcon";
+import StatusOnIcon from "./StatusOnIcon";
+import SyncArrowsIcon from "./SyncArrowsIcon";
+import SyncIcon from "./SyncIcon";
+import TensorFlowIcon from "./TensorFlowIcon";
+import TextGenerationIcon from "./TextGenerationIcon";
+import TextToImageIcon from "./TextToImageIcon";
import ToggleIcon from "./ToggleIcon";
-import type { ToggleIconProps } from "./ToggleIcon";
-import FilterIcon from "./FilterIcon";
-import type { FilterIconProps } from "./FilterIcon";
+import ToolboxIcon from "./ToolboxIcon";
+import TwitterIcon from "./TwitterIcon";
+import VersionIcon from "./VersionIcon";
+import VisualDataOperatorIcon from "./VisualDataOperatorIcon";
+import XIcon from "./XIcon";
export type {
AirbyteIconProps,
diff --git a/packages/design-system/src/ui/InputDescriptions/BasicInputDescription/BasicInputDescription.stories.tsx b/packages/design-system/src/ui/InputDescriptions/BasicInputDescription/BasicInputDescription.stories.tsx
index 3e92c7c6aa..e8857e9ac6 100644
--- a/packages/design-system/src/ui/InputDescriptions/BasicInputDescription/BasicInputDescription.stories.tsx
+++ b/packages/design-system/src/ui/InputDescriptions/BasicInputDescription/BasicInputDescription.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import { BasicInputDescription } from "./BasicInputDescription";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/InputDescriptions/BasicInputDescription/BasicInputDescription.tsx b/packages/design-system/src/ui/InputDescriptions/BasicInputDescription/BasicInputDescription.tsx
index c486590d8a..d1d72f4a45 100644
--- a/packages/design-system/src/ui/InputDescriptions/BasicInputDescription/BasicInputDescription.tsx
+++ b/packages/design-system/src/ui/InputDescriptions/BasicInputDescription/BasicInputDescription.tsx
@@ -1,4 +1,5 @@
import * as React from "react";
+
import {
InputDescriptionBase,
InputDescriptionBaseProps,
diff --git a/packages/design-system/src/ui/InputDescriptions/InputDescriptionBase/InputDescriptionBase.stories.tsx b/packages/design-system/src/ui/InputDescriptions/InputDescriptionBase/InputDescriptionBase.stories.tsx
index 9ac76baf9c..bcedb6357a 100644
--- a/packages/design-system/src/ui/InputDescriptions/InputDescriptionBase/InputDescriptionBase.stories.tsx
+++ b/packages/design-system/src/ui/InputDescriptions/InputDescriptionBase/InputDescriptionBase.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import { InputDescriptionBase } from "./InputDescriptionBase";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/InputLabels/BasicInputLabel/BasicInputLabel.stories.tsx b/packages/design-system/src/ui/InputLabels/BasicInputLabel/BasicInputLabel.stories.tsx
index ee41ef5f76..fcaca4d242 100644
--- a/packages/design-system/src/ui/InputLabels/BasicInputLabel/BasicInputLabel.stories.tsx
+++ b/packages/design-system/src/ui/InputLabels/BasicInputLabel/BasicInputLabel.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import BasicInputLabel from "./BasicInputLabel";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/InputLabels/BasicInputLabel/BasicInputLabel.tsx b/packages/design-system/src/ui/InputLabels/BasicInputLabel/BasicInputLabel.tsx
index da4ee12ec9..d5db5b143e 100644
--- a/packages/design-system/src/ui/InputLabels/BasicInputLabel/BasicInputLabel.tsx
+++ b/packages/design-system/src/ui/InputLabels/BasicInputLabel/BasicInputLabel.tsx
@@ -1,4 +1,5 @@
import * as React from "react";
+
import InputLabelBase, { InputLabelBaseProps } from "../InputLabelBase";
export type BasicInputLabelOmitKeys =
diff --git a/packages/design-system/src/ui/InputLabels/InputLabelBase/InputLabelBase.stories.tsx b/packages/design-system/src/ui/InputLabels/InputLabelBase/InputLabelBase.stories.tsx
index f5c6cc49ff..86fdc153ac 100644
--- a/packages/design-system/src/ui/InputLabels/InputLabelBase/InputLabelBase.stories.tsx
+++ b/packages/design-system/src/ui/InputLabels/InputLabelBase/InputLabelBase.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import InputLabelBase from "./InputLabelBase";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/InputLabels/InputLabelBase/InputLabelBase.tsx b/packages/design-system/src/ui/InputLabels/InputLabelBase/InputLabelBase.tsx
index 53bd05f3cd..8f726b8e79 100644
--- a/packages/design-system/src/ui/InputLabels/InputLabelBase/InputLabelBase.tsx
+++ b/packages/design-system/src/ui/InputLabels/InputLabelBase/InputLabelBase.tsx
@@ -1,5 +1,6 @@
import * as React from "react";
import cn from "clsx";
+
import { Nullable } from "../../../types/general";
export type InputLabelBaseProps = {
diff --git a/packages/design-system/src/ui/InputLabels/TextAreaInputLabel/TextAreaInputLabel.stories.tsx b/packages/design-system/src/ui/InputLabels/TextAreaInputLabel/TextAreaInputLabel.stories.tsx
index eee26ca07d..74c459bfb4 100644
--- a/packages/design-system/src/ui/InputLabels/TextAreaInputLabel/TextAreaInputLabel.stories.tsx
+++ b/packages/design-system/src/ui/InputLabels/TextAreaInputLabel/TextAreaInputLabel.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import TextAreaInputLabel from "./TextAreaInputLabel";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/InputLabels/TextAreaInputLabel/TextAreaInputLabel.tsx b/packages/design-system/src/ui/InputLabels/TextAreaInputLabel/TextAreaInputLabel.tsx
index 9619c2e61b..36529558ba 100644
--- a/packages/design-system/src/ui/InputLabels/TextAreaInputLabel/TextAreaInputLabel.tsx
+++ b/packages/design-system/src/ui/InputLabels/TextAreaInputLabel/TextAreaInputLabel.tsx
@@ -1,4 +1,5 @@
import * as React from "react";
+
import InputLabelBase, { InputLabelBaseProps } from "../InputLabelBase";
export type TextAreaInputLabelKeys =
diff --git a/packages/design-system/src/ui/InputLabels/index.ts b/packages/design-system/src/ui/InputLabels/index.ts
index 1c4aaa5fc0..df77e2f9ae 100644
--- a/packages/design-system/src/ui/InputLabels/index.ts
+++ b/packages/design-system/src/ui/InputLabels/index.ts
@@ -1,7 +1,7 @@
-import BasicInputLabel from "./BasicInputLabel";
import type { BasicInputLabelProps } from "./BasicInputLabel";
-import TextAreaInputLabel from "./TextAreaInputLabel";
import type { TextAreaInputLabelProps } from "./TextAreaInputLabel";
+import BasicInputLabel from "./BasicInputLabel";
+import TextAreaInputLabel from "./TextAreaInputLabel";
export {
BasicInputLabel,
diff --git a/packages/design-system/src/ui/Logo/Logo.stories.tsx b/packages/design-system/src/ui/Logo/Logo.stories.tsx
index 53baaa8220..4427b39dff 100644
--- a/packages/design-system/src/ui/Logo/Logo.stories.tsx
+++ b/packages/design-system/src/ui/Logo/Logo.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import { Logo } from "./Logo";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Logo/Logo.test.tsx b/packages/design-system/src/ui/Logo/Logo.test.tsx
index 3f031a5dc0..2cbac8d1c2 100644
--- a/packages/design-system/src/ui/Logo/Logo.test.tsx
+++ b/packages/design-system/src/ui/Logo/Logo.test.tsx
@@ -1,6 +1,7 @@
import { render, screen } from "@testing-library/react";
+import { describe, expect, it } from "vitest";
+
import { Logo } from "./Logo";
-import { describe, it, expect } from "vitest";
describe("Logo", () => {
it("should render responsive colour logomark with black type", () => {
diff --git a/packages/design-system/src/ui/Logo/ModelLogo.stories.tsx b/packages/design-system/src/ui/Logo/ModelLogo.stories.tsx
index 757a386c2f..0b2b7cb01b 100644
--- a/packages/design-system/src/ui/Logo/ModelLogo.stories.tsx
+++ b/packages/design-system/src/ui/Logo/ModelLogo.stories.tsx
@@ -1,4 +1,5 @@
import type { Meta, StoryObj } from "@storybook/react";
+
import { ModelLogo } from "./ModelLogo";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Logo/VdpLogo.stories.tsx b/packages/design-system/src/ui/Logo/VdpLogo.stories.tsx
index e788ba8a60..1a5d1c449d 100644
--- a/packages/design-system/src/ui/Logo/VdpLogo.stories.tsx
+++ b/packages/design-system/src/ui/Logo/VdpLogo.stories.tsx
@@ -1,4 +1,5 @@
import type { Meta, StoryObj } from "@storybook/react";
+
import { VdpLogo } from "./VdpLogo";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/ModalRoot.tsx b/packages/design-system/src/ui/ModalRoot.tsx
index d8138a8a5b..3fa4f704f7 100644
--- a/packages/design-system/src/ui/ModalRoot.tsx
+++ b/packages/design-system/src/ui/ModalRoot.tsx
@@ -1,6 +1,6 @@
import * as React from "react";
-import { createPortal } from "react-dom";
import cn from "clsx";
+import { createPortal } from "react-dom";
import { Nullable } from "../types/general";
diff --git a/packages/design-system/src/ui/Progress/DarkBgSquareProgress/DarkBgSquareProgress.stories.tsx b/packages/design-system/src/ui/Progress/DarkBgSquareProgress/DarkBgSquareProgress.stories.tsx
index 45248248e0..660db3f0e2 100644
--- a/packages/design-system/src/ui/Progress/DarkBgSquareProgress/DarkBgSquareProgress.stories.tsx
+++ b/packages/design-system/src/ui/Progress/DarkBgSquareProgress/DarkBgSquareProgress.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import DarkBgSquareProgress from "./DarkBgSquareProgress";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Progress/DarkBgSquareProgress/DarkBgSquareProgress.tsx b/packages/design-system/src/ui/Progress/DarkBgSquareProgress/DarkBgSquareProgress.tsx
index e03128105c..a535d38634 100644
--- a/packages/design-system/src/ui/Progress/DarkBgSquareProgress/DarkBgSquareProgress.tsx
+++ b/packages/design-system/src/ui/Progress/DarkBgSquareProgress/DarkBgSquareProgress.tsx
@@ -1,4 +1,5 @@
import * as React from "react";
+
import SquareProgressBase, {
SquareProgressBaseProps,
} from "../SquareProgressBase";
diff --git a/packages/design-system/src/ui/Progress/NoBgSquareProgress/NoBgSquareProgress.stories.tsx b/packages/design-system/src/ui/Progress/NoBgSquareProgress/NoBgSquareProgress.stories.tsx
index 563d323c3f..35c5904b0f 100644
--- a/packages/design-system/src/ui/Progress/NoBgSquareProgress/NoBgSquareProgress.stories.tsx
+++ b/packages/design-system/src/ui/Progress/NoBgSquareProgress/NoBgSquareProgress.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import NoBgSquareProgress from "./NoBgSquareProgress";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Progress/NoBgSquareProgress/NoBgSquareProgress.tsx b/packages/design-system/src/ui/Progress/NoBgSquareProgress/NoBgSquareProgress.tsx
index 0a17e8a5a1..f8ecef8c9f 100644
--- a/packages/design-system/src/ui/Progress/NoBgSquareProgress/NoBgSquareProgress.tsx
+++ b/packages/design-system/src/ui/Progress/NoBgSquareProgress/NoBgSquareProgress.tsx
@@ -1,4 +1,5 @@
import * as React from "react";
+
import SquareProgressBase, {
SquareProgressBaseProps,
} from "../SquareProgressBase";
diff --git a/packages/design-system/src/ui/Progress/SquareProgressBase/SquareProgressBase.stories.tsx b/packages/design-system/src/ui/Progress/SquareProgressBase/SquareProgressBase.stories.tsx
index 7ec9ab5a97..feba916f81 100644
--- a/packages/design-system/src/ui/Progress/SquareProgressBase/SquareProgressBase.stories.tsx
+++ b/packages/design-system/src/ui/Progress/SquareProgressBase/SquareProgressBase.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import SquareProgressBase from "./SquareProgressBase";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Progress/SquareProgressBase/SquareProgressBase.tsx b/packages/design-system/src/ui/Progress/SquareProgressBase/SquareProgressBase.tsx
index 6e40f561f5..a5e9e2fd95 100644
--- a/packages/design-system/src/ui/Progress/SquareProgressBase/SquareProgressBase.tsx
+++ b/packages/design-system/src/ui/Progress/SquareProgressBase/SquareProgressBase.tsx
@@ -1,6 +1,8 @@
import * as React from "react";
import cn from "clsx";
+
import "./SquareProgressBase.css";
+
import { Nullable } from "../../../types/general";
export interface SquareProgressBaseProps {
diff --git a/packages/design-system/src/ui/Progress/WhiteBgSquareProgress/WhiteBgSquareProgress.stories.tsx b/packages/design-system/src/ui/Progress/WhiteBgSquareProgress/WhiteBgSquareProgress.stories.tsx
index 9e64aa7946..4a28b67957 100644
--- a/packages/design-system/src/ui/Progress/WhiteBgSquareProgress/WhiteBgSquareProgress.stories.tsx
+++ b/packages/design-system/src/ui/Progress/WhiteBgSquareProgress/WhiteBgSquareProgress.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import WhiteBgSquareProgress from "./WhiteBgSquareProgress";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/Progress/WhiteBgSquareProgress/WhiteBgSquareProgress.tsx b/packages/design-system/src/ui/Progress/WhiteBgSquareProgress/WhiteBgSquareProgress.tsx
index 95737de7aa..85d2e5cbd8 100644
--- a/packages/design-system/src/ui/Progress/WhiteBgSquareProgress/WhiteBgSquareProgress.tsx
+++ b/packages/design-system/src/ui/Progress/WhiteBgSquareProgress/WhiteBgSquareProgress.tsx
@@ -1,4 +1,5 @@
import * as React from "react";
+
import SquareProgressBase, {
SquareProgressBaseProps,
} from "../SquareProgressBase";
diff --git a/packages/design-system/src/ui/Progress/index.ts b/packages/design-system/src/ui/Progress/index.ts
index 5171f05cec..960ae39698 100644
--- a/packages/design-system/src/ui/Progress/index.ts
+++ b/packages/design-system/src/ui/Progress/index.ts
@@ -1,11 +1,9 @@
-import WhiteBgSquareProgress from "./WhiteBgSquareProgress";
+import type { DarkBgSquareProgressProps } from "./DarkBgSquareProgress";
+import type { NoBgSquareProgressProps } from "./NoBgSquareProgress";
import type { WhiteBgSquareProgressProps } from "./WhiteBgSquareProgress";
-
import DarkBgSquareProgress from "./DarkBgSquareProgress";
-import type { DarkBgSquareProgressProps } from "./DarkBgSquareProgress";
-
import NoBgSquareProgress from "./NoBgSquareProgress";
-import type { NoBgSquareProgressProps } from "./NoBgSquareProgress";
+import WhiteBgSquareProgress from "./WhiteBgSquareProgress";
export {
WhiteBgSquareProgress,
diff --git a/packages/design-system/src/ui/ProgressMessageBoxs/BasicProgressMessageBox/BasicProgressMessageBox.stories.tsx b/packages/design-system/src/ui/ProgressMessageBoxs/BasicProgressMessageBox/BasicProgressMessageBox.stories.tsx
index 7e55778786..4afbd67dca 100644
--- a/packages/design-system/src/ui/ProgressMessageBoxs/BasicProgressMessageBox/BasicProgressMessageBox.stories.tsx
+++ b/packages/design-system/src/ui/ProgressMessageBoxs/BasicProgressMessageBox/BasicProgressMessageBox.stories.tsx
@@ -1,5 +1,6 @@
import * as React from "react";
import { Meta, StoryFn } from "@storybook/react";
+
import { ProgressMessageBoxState } from "../ProgressMessageBoxBase";
import BasicProgressMessageBox from "./BasicProgressMessageBox";
diff --git a/packages/design-system/src/ui/ProgressMessageBoxs/BasicProgressMessageBox/BasicProgressMessageBox.tsx b/packages/design-system/src/ui/ProgressMessageBoxs/BasicProgressMessageBox/BasicProgressMessageBox.tsx
index 90ee61d4a6..5237f52448 100644
--- a/packages/design-system/src/ui/ProgressMessageBoxs/BasicProgressMessageBox/BasicProgressMessageBox.tsx
+++ b/packages/design-system/src/ui/ProgressMessageBoxs/BasicProgressMessageBox/BasicProgressMessageBox.tsx
@@ -1,4 +1,5 @@
import * as React from "react";
+
import ProgressMessageBoxBase, {
ProgressMessageBoxBaseProps,
} from "../ProgressMessageBoxBase";
diff --git a/packages/design-system/src/ui/ProgressMessageBoxs/ProgressMessageBoxBase/ProgressMessageBoxBase.stories.tsx b/packages/design-system/src/ui/ProgressMessageBoxs/ProgressMessageBoxBase/ProgressMessageBoxBase.stories.tsx
index 3a84058443..017a7e789e 100644
--- a/packages/design-system/src/ui/ProgressMessageBoxs/ProgressMessageBoxBase/ProgressMessageBoxBase.stories.tsx
+++ b/packages/design-system/src/ui/ProgressMessageBoxs/ProgressMessageBoxBase/ProgressMessageBoxBase.stories.tsx
@@ -1,5 +1,6 @@
import * as React from "react";
import { Meta, StoryFn } from "@storybook/react";
+
import { basicProgressMessageBoxConfig } from "../BasicProgressMessageBox";
import ProgressMessageBoxBase, {
ProgressMessageBoxState,
diff --git a/packages/design-system/src/ui/ProgressMessageBoxs/ProgressMessageBoxBase/ProgressMessageBoxBase.tsx b/packages/design-system/src/ui/ProgressMessageBoxs/ProgressMessageBoxBase/ProgressMessageBoxBase.tsx
index 18b040ac79..1ae9688f57 100644
--- a/packages/design-system/src/ui/ProgressMessageBoxs/ProgressMessageBoxBase/ProgressMessageBoxBase.tsx
+++ b/packages/design-system/src/ui/ProgressMessageBoxs/ProgressMessageBoxBase/ProgressMessageBoxBase.tsx
@@ -1,8 +1,9 @@
-import cn from "clsx";
import * as React from "react";
+import cn from "clsx";
+
+import { Nullable } from "../../../types/general";
import { PixelCheckIcon, PixelCrossIcon, XIcon } from "../../Icons";
import NoBgSquareProgress from "../../Progress/NoBgSquareProgress";
-import { Nullable } from "../../../types/general";
export type ProgressMessageBoxState = {
status: Nullable<"success" | "error" | "progressing">;
diff --git a/packages/design-system/src/ui/ProgressMessageBoxs/index.ts b/packages/design-system/src/ui/ProgressMessageBoxs/index.ts
index a51c7cdc14..d8a4347fec 100644
--- a/packages/design-system/src/ui/ProgressMessageBoxs/index.ts
+++ b/packages/design-system/src/ui/ProgressMessageBoxs/index.ts
@@ -1,6 +1,6 @@
-import BasicProgressMessageBox from "./BasicProgressMessageBox";
import type { BasicProgressMessageBoxProps } from "./BasicProgressMessageBox";
import type { ProgressMessageBoxState } from "./ProgressMessageBoxBase";
+import BasicProgressMessageBox from "./BasicProgressMessageBox";
export { BasicProgressMessageBox };
export type { BasicProgressMessageBoxProps, ProgressMessageBoxState };
diff --git a/packages/design-system/src/ui/SingleSelects/BasicSingleSelect/BasicSingleSelect.stories.tsx b/packages/design-system/src/ui/SingleSelects/BasicSingleSelect/BasicSingleSelect.stories.tsx
index aa906b4e9a..f589c07a03 100644
--- a/packages/design-system/src/ui/SingleSelects/BasicSingleSelect/BasicSingleSelect.stories.tsx
+++ b/packages/design-system/src/ui/SingleSelects/BasicSingleSelect/BasicSingleSelect.stories.tsx
@@ -1,8 +1,9 @@
-import { Meta, StoryFn } from "@storybook/react";
import * as React from "react";
+import { Meta, StoryFn } from "@storybook/react";
+
import { BasicSingleSelect, basicSingleSelectConfig } from ".";
-import { basicInputDescriptionConfig } from "../../InputDescriptions";
import { Nullable, SelectOption } from "../../../types/general";
+import { basicInputDescriptionConfig } from "../../InputDescriptions";
const meta: Meta = {
title: "Components/Ui/Input/BasicSingleSelect",
diff --git a/packages/design-system/src/ui/SingleSelects/BasicSingleSelect/BasicSingleSelect.tsx b/packages/design-system/src/ui/SingleSelects/BasicSingleSelect/BasicSingleSelect.tsx
index 94cf50584f..15e40dd7b5 100644
--- a/packages/design-system/src/ui/SingleSelects/BasicSingleSelect/BasicSingleSelect.tsx
+++ b/packages/design-system/src/ui/SingleSelects/BasicSingleSelect/BasicSingleSelect.tsx
@@ -1,4 +1,5 @@
import * as React from "react";
+
import {
basicInputDescriptionConfig,
BasicInputDescriptionOmitKeys,
diff --git a/packages/design-system/src/ui/SingleSelects/SingleSelectBase/SelectItem.tsx b/packages/design-system/src/ui/SingleSelects/SingleSelectBase/SelectItem.tsx
index e1b9659447..9043ac7d4e 100644
--- a/packages/design-system/src/ui/SingleSelects/SingleSelectBase/SelectItem.tsx
+++ b/packages/design-system/src/ui/SingleSelects/SingleSelectBase/SelectItem.tsx
@@ -1,8 +1,9 @@
-import cn from "clsx";
-import * as Select from "@radix-ui/react-select";
import * as React from "react";
-import { CheckIcon } from "../../Icons";
+import * as Select from "@radix-ui/react-select";
+import cn from "clsx";
+
import { Nullable, SelectOption } from "../../../types/general";
+import { CheckIcon } from "../../Icons";
export type SelectItemProps = {
width: Nullable;
diff --git a/packages/design-system/src/ui/SingleSelects/SingleSelectBase/SingleSelectBase.stories.tsx b/packages/design-system/src/ui/SingleSelects/SingleSelectBase/SingleSelectBase.stories.tsx
index 2617ef3123..6b759f3649 100644
--- a/packages/design-system/src/ui/SingleSelects/SingleSelectBase/SingleSelectBase.stories.tsx
+++ b/packages/design-system/src/ui/SingleSelects/SingleSelectBase/SingleSelectBase.stories.tsx
@@ -1,9 +1,10 @@
-import { Meta, StoryFn } from "@storybook/react";
import * as React from "react";
-import SingleSelectBase from "./SingleSelectBase";
-import { basicInputDescriptionConfig } from "../../InputDescriptions";
+import { Meta, StoryFn } from "@storybook/react";
+
import { Nullable, SelectOption } from "../../../types/general";
+import { basicInputDescriptionConfig } from "../../InputDescriptions";
import { basicSingleSelectConfig } from "../BasicSingleSelect";
+import SingleSelectBase from "./SingleSelectBase";
const meta: Meta = {
title: "Components/Base/Input/SingleSelectBase",
diff --git a/packages/design-system/src/ui/SingleSelects/SingleSelectBase/SingleSelectBase.tsx b/packages/design-system/src/ui/SingleSelects/SingleSelectBase/SingleSelectBase.tsx
index abf93629af..d2a0b767e6 100644
--- a/packages/design-system/src/ui/SingleSelects/SingleSelectBase/SingleSelectBase.tsx
+++ b/packages/design-system/src/ui/SingleSelects/SingleSelectBase/SingleSelectBase.tsx
@@ -1,14 +1,14 @@
import * as React from "react";
-import cn from "clsx";
import * as Select from "@radix-ui/react-select";
+import cn from "clsx";
import {
BasicInputProps,
Nullable,
SelectOption,
} from "../../../types/general";
-import InputLabelBase from "../../InputLabels/InputLabelBase";
import { InputDescriptionBase } from "../../InputDescriptions/InputDescriptionBase";
+import InputLabelBase from "../../InputLabels/InputLabelBase";
import { SelectItem } from "./SelectItem";
export type SingleSelectBaseProps = Omit<
diff --git a/packages/design-system/src/ui/TextAreas/BasicTextArea/BasicTextArea.stories.tsx b/packages/design-system/src/ui/TextAreas/BasicTextArea/BasicTextArea.stories.tsx
index 46195e74af..887a9009e0 100644
--- a/packages/design-system/src/ui/TextAreas/BasicTextArea/BasicTextArea.stories.tsx
+++ b/packages/design-system/src/ui/TextAreas/BasicTextArea/BasicTextArea.stories.tsx
@@ -1,5 +1,6 @@
-import { Meta, StoryFn } from "@storybook/react";
import * as React from "react";
+import { Meta, StoryFn } from "@storybook/react";
+
import { BasicTextArea } from "./BasicTextArea";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/TextAreas/BasicTextArea/BasicTextArea.tsx b/packages/design-system/src/ui/TextAreas/BasicTextArea/BasicTextArea.tsx
index 325dec610d..dfe519c2d3 100644
--- a/packages/design-system/src/ui/TextAreas/BasicTextArea/BasicTextArea.tsx
+++ b/packages/design-system/src/ui/TextAreas/BasicTextArea/BasicTextArea.tsx
@@ -1,4 +1,5 @@
import * as React from "react";
+
import {
basicInputDescriptionConfig,
BasicInputDescriptionOmitKeys,
diff --git a/packages/design-system/src/ui/TextAreas/TextAreaBase/TextAreaBase.stories.tsx b/packages/design-system/src/ui/TextAreas/TextAreaBase/TextAreaBase.stories.tsx
index caa9ab3f6a..93d1189e17 100644
--- a/packages/design-system/src/ui/TextAreas/TextAreaBase/TextAreaBase.stories.tsx
+++ b/packages/design-system/src/ui/TextAreas/TextAreaBase/TextAreaBase.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import { basicInputDescriptionConfig } from "../../InputDescriptions";
import TextAreaBase from "./TextAreaBase";
diff --git a/packages/design-system/src/ui/TextAreas/TextAreaBase/TextAreaBase.tsx b/packages/design-system/src/ui/TextAreas/TextAreaBase/TextAreaBase.tsx
index 50c7c2183e..e5a3620bc3 100644
--- a/packages/design-system/src/ui/TextAreas/TextAreaBase/TextAreaBase.tsx
+++ b/packages/design-system/src/ui/TextAreas/TextAreaBase/TextAreaBase.tsx
@@ -1,8 +1,9 @@
import * as React from "react";
import cn from "clsx";
+
import { BasicInputProps, Nullable } from "../../../types/general";
-import InputLabelBase from "../../InputLabels/InputLabelBase";
import { InputDescriptionBase } from "../../InputDescriptions/InputDescriptionBase";
+import InputLabelBase from "../../InputLabels/InputLabelBase";
export type TextAreaBaseProps = BasicInputProps &
Omit & {
diff --git a/packages/design-system/src/ui/TextFields/BasicTextField/BasicTextField.stories.tsx b/packages/design-system/src/ui/TextFields/BasicTextField/BasicTextField.stories.tsx
index c637d7677f..36e6a2f76f 100644
--- a/packages/design-system/src/ui/TextFields/BasicTextField/BasicTextField.stories.tsx
+++ b/packages/design-system/src/ui/TextFields/BasicTextField/BasicTextField.stories.tsx
@@ -1,5 +1,6 @@
-import { Meta, StoryFn } from "@storybook/react";
import * as React from "react";
+import { Meta, StoryFn } from "@storybook/react";
+
import { BasicTextField } from "./BasicTextField";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/TextFields/BasicTextField/BasicTextField.tsx b/packages/design-system/src/ui/TextFields/BasicTextField/BasicTextField.tsx
index b85a6a03e3..b0f5acf39d 100644
--- a/packages/design-system/src/ui/TextFields/BasicTextField/BasicTextField.tsx
+++ b/packages/design-system/src/ui/TextFields/BasicTextField/BasicTextField.tsx
@@ -1,4 +1,5 @@
import * as React from "react";
+
import {
basicInputDescriptionConfig,
BasicInputDescriptionOmitKeys,
diff --git a/packages/design-system/src/ui/TextFields/ProtectedBasicTextField/ProtectedBasicTextField.stories.tsx b/packages/design-system/src/ui/TextFields/ProtectedBasicTextField/ProtectedBasicTextField.stories.tsx
index 019b0d1c67..051ea87309 100644
--- a/packages/design-system/src/ui/TextFields/ProtectedBasicTextField/ProtectedBasicTextField.stories.tsx
+++ b/packages/design-system/src/ui/TextFields/ProtectedBasicTextField/ProtectedBasicTextField.stories.tsx
@@ -1,5 +1,6 @@
-import { Meta, StoryFn } from "@storybook/react";
import * as React from "react";
+import { Meta, StoryFn } from "@storybook/react";
+
import { ProtectedBasicTextField } from "./ProtectedBasicTextField";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/TextFields/ProtectedBasicTextField/ProtectedBasicTextField.tsx b/packages/design-system/src/ui/TextFields/ProtectedBasicTextField/ProtectedBasicTextField.tsx
index 56dc184e06..39747dfae0 100644
--- a/packages/design-system/src/ui/TextFields/ProtectedBasicTextField/ProtectedBasicTextField.tsx
+++ b/packages/design-system/src/ui/TextFields/ProtectedBasicTextField/ProtectedBasicTextField.tsx
@@ -1,4 +1,5 @@
import * as React from "react";
+
import {
basicInputDescriptionConfig,
BasicInputDescriptionOmitKeys,
diff --git a/packages/design-system/src/ui/TextFields/TextFieldBase/TextFieldBase.stories.tsx b/packages/design-system/src/ui/TextFields/TextFieldBase/TextFieldBase.stories.tsx
index abe192edaf..daf0bbc50c 100644
--- a/packages/design-system/src/ui/TextFields/TextFieldBase/TextFieldBase.stories.tsx
+++ b/packages/design-system/src/ui/TextFields/TextFieldBase/TextFieldBase.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import { basicInputDescriptionConfig } from "../../InputDescriptions";
import TextFieldBase from "./TextFieldBase";
diff --git a/packages/design-system/src/ui/TextFields/TextFieldBase/TextFieldBase.tsx b/packages/design-system/src/ui/TextFields/TextFieldBase/TextFieldBase.tsx
index 077c3f68e4..6676b5e827 100644
--- a/packages/design-system/src/ui/TextFields/TextFieldBase/TextFieldBase.tsx
+++ b/packages/design-system/src/ui/TextFields/TextFieldBase/TextFieldBase.tsx
@@ -1,10 +1,11 @@
import * as React from "react";
import cn from "clsx";
+
+import { BasicInputProps, Nullable } from "../../../types/general";
import EyeOffIcon from "../../Icons/EyeOffIcon";
import EyeOnIcon from "../../Icons/EyeOnIcon";
-import { BasicInputProps, Nullable } from "../../../types/general";
-import InputLabelBase from "../../InputLabels/InputLabelBase";
import { InputDescriptionBase } from "../../InputDescriptions/InputDescriptionBase";
+import InputLabelBase from "../../InputLabels/InputLabelBase";
export type TextFieldBaseProps = BasicInputProps &
Omit & {
diff --git a/packages/design-system/src/ui/ToggleFields/BasicToggleField/BasicToggleField.stories.tsx b/packages/design-system/src/ui/ToggleFields/BasicToggleField/BasicToggleField.stories.tsx
index e8e302d93e..d6b7605a12 100644
--- a/packages/design-system/src/ui/ToggleFields/BasicToggleField/BasicToggleField.stories.tsx
+++ b/packages/design-system/src/ui/ToggleFields/BasicToggleField/BasicToggleField.stories.tsx
@@ -1,5 +1,6 @@
-import { Meta, StoryFn } from "@storybook/react";
import * as React from "react";
+import { Meta, StoryFn } from "@storybook/react";
+
import BasicToggleField from "./BasicToggleField";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/ToggleFields/BasicToggleField/BasicToggleField.tsx b/packages/design-system/src/ui/ToggleFields/BasicToggleField/BasicToggleField.tsx
index ca03bf3a13..8766b2ba41 100644
--- a/packages/design-system/src/ui/ToggleFields/BasicToggleField/BasicToggleField.tsx
+++ b/packages/design-system/src/ui/ToggleFields/BasicToggleField/BasicToggleField.tsx
@@ -1,4 +1,5 @@
import * as React from "react";
+
import {
basicInputDescriptionConfig,
BasicInputDescriptionOmitKeys,
diff --git a/packages/design-system/src/ui/ToggleFields/StatefulToggleField/StatefulToggleField.stories.tsx b/packages/design-system/src/ui/ToggleFields/StatefulToggleField/StatefulToggleField.stories.tsx
index 1e8d929b27..0120d7c19a 100644
--- a/packages/design-system/src/ui/ToggleFields/StatefulToggleField/StatefulToggleField.stories.tsx
+++ b/packages/design-system/src/ui/ToggleFields/StatefulToggleField/StatefulToggleField.stories.tsx
@@ -1,5 +1,6 @@
-import { Meta, StoryFn } from "@storybook/react";
import * as React from "react";
+import { Meta, StoryFn } from "@storybook/react";
+
import { State } from "../../../types/general";
import StatefulToggleField from "./StatefulToggleField";
diff --git a/packages/design-system/src/ui/ToggleFields/StatefulToggleField/StatefulToggleField.tsx b/packages/design-system/src/ui/ToggleFields/StatefulToggleField/StatefulToggleField.tsx
index 5330002c57..4c889837dd 100644
--- a/packages/design-system/src/ui/ToggleFields/StatefulToggleField/StatefulToggleField.tsx
+++ b/packages/design-system/src/ui/ToggleFields/StatefulToggleField/StatefulToggleField.tsx
@@ -1,4 +1,5 @@
import * as React from "react";
+
import { Nullable, State } from "../../../types/general";
import {
basicInputDescriptionConfig,
diff --git a/packages/design-system/src/ui/ToggleFields/ToggleFieldBase/ToggleFieldBase.stories.tsx b/packages/design-system/src/ui/ToggleFields/ToggleFieldBase/ToggleFieldBase.stories.tsx
index ec54779f21..e83139a7bd 100644
--- a/packages/design-system/src/ui/ToggleFields/ToggleFieldBase/ToggleFieldBase.stories.tsx
+++ b/packages/design-system/src/ui/ToggleFields/ToggleFieldBase/ToggleFieldBase.stories.tsx
@@ -1,5 +1,6 @@
-import { Meta, StoryFn } from "@storybook/react";
import * as React from "react";
+import { Meta, StoryFn } from "@storybook/react";
+
import { basicInputDescriptionConfig } from "../../InputDescriptions";
import ToggleFieldBase from "./ToggleFieldBase";
diff --git a/packages/design-system/src/ui/ToggleFields/ToggleFieldBase/ToggleFieldBase.tsx b/packages/design-system/src/ui/ToggleFields/ToggleFieldBase/ToggleFieldBase.tsx
index 7d089e895f..de87d2a825 100644
--- a/packages/design-system/src/ui/ToggleFields/ToggleFieldBase/ToggleFieldBase.tsx
+++ b/packages/design-system/src/ui/ToggleFields/ToggleFieldBase/ToggleFieldBase.tsx
@@ -1,8 +1,9 @@
import * as React from "react";
import cn from "clsx";
+
import { BasicInputProps, Nullable } from "../../../types/general";
-import InputLabelBase from "../../InputLabels/InputLabelBase";
import { InputDescriptionBase } from "../../InputDescriptions/InputDescriptionBase";
+import InputLabelBase from "../../InputLabels/InputLabelBase";
export type ToggleFieldBaseProps = Omit<
BasicInputProps,
diff --git a/packages/design-system/src/ui/ToggleFields/index.ts b/packages/design-system/src/ui/ToggleFields/index.ts
index 9764a2a0af..7631c47758 100644
--- a/packages/design-system/src/ui/ToggleFields/index.ts
+++ b/packages/design-system/src/ui/ToggleFields/index.ts
@@ -1,7 +1,7 @@
-import BasicToggleField from "./BasicToggleField";
import type { BasicToggleFieldProps } from "./BasicToggleField";
-import StatefulToggleField from "./StatefulToggleField";
import type { StatefulToggleFieldProps } from "./StatefulToggleField";
+import BasicToggleField from "./BasicToggleField";
+import StatefulToggleField from "./StatefulToggleField";
export { BasicToggleField, StatefulToggleField };
export type { BasicToggleFieldProps, StatefulToggleFieldProps };
diff --git a/packages/design-system/src/ui/UploadFileFields/BasicUploadFileField/BasicUploadFileField.stories.tsx b/packages/design-system/src/ui/UploadFileFields/BasicUploadFileField/BasicUploadFileField.stories.tsx
index 08760608f7..f1b3cdc88a 100644
--- a/packages/design-system/src/ui/UploadFileFields/BasicUploadFileField/BasicUploadFileField.stories.tsx
+++ b/packages/design-system/src/ui/UploadFileFields/BasicUploadFileField/BasicUploadFileField.stories.tsx
@@ -1,5 +1,6 @@
import * as React from "react";
import { Meta, StoryFn } from "@storybook/react";
+
import BasicUploadFileField from "./BasicUploadFileField";
const meta: Meta = {
diff --git a/packages/design-system/src/ui/UploadFileFields/BasicUploadFileField/BasicUploadFileField.tsx b/packages/design-system/src/ui/UploadFileFields/BasicUploadFileField/BasicUploadFileField.tsx
index 7105940da5..77b8cd60c3 100644
--- a/packages/design-system/src/ui/UploadFileFields/BasicUploadFileField/BasicUploadFileField.tsx
+++ b/packages/design-system/src/ui/UploadFileFields/BasicUploadFileField/BasicUploadFileField.tsx
@@ -1,4 +1,5 @@
import * as React from "react";
+
import {
basicInputDescriptionConfig,
BasicInputDescriptionOmitKeys,
diff --git a/packages/design-system/src/ui/UploadFileFields/UploadFileFieldBase/UploadFileFieldBase.stories.tsx b/packages/design-system/src/ui/UploadFileFields/UploadFileFieldBase/UploadFileFieldBase.stories.tsx
index 9f5d64d5aa..b9e3509948 100644
--- a/packages/design-system/src/ui/UploadFileFields/UploadFileFieldBase/UploadFileFieldBase.stories.tsx
+++ b/packages/design-system/src/ui/UploadFileFields/UploadFileFieldBase/UploadFileFieldBase.stories.tsx
@@ -1,4 +1,5 @@
import { Meta, StoryFn } from "@storybook/react";
+
import { basicInputDescriptionConfig } from "../../InputDescriptions";
import UploadFileFieldBase from "./UploadFileFieldBase";
diff --git a/packages/design-system/src/ui/UploadFileFields/UploadFileFieldBase/UploadFileFieldBase.tsx b/packages/design-system/src/ui/UploadFileFields/UploadFileFieldBase/UploadFileFieldBase.tsx
index b9b9f84bdb..e8d3377f1c 100644
--- a/packages/design-system/src/ui/UploadFileFields/UploadFileFieldBase/UploadFileFieldBase.tsx
+++ b/packages/design-system/src/ui/UploadFileFields/UploadFileFieldBase/UploadFileFieldBase.tsx
@@ -1,9 +1,10 @@
import * as React from "react";
-import { BasicInputProps, Nullable } from "../../../types/general";
import cn from "clsx";
+
+import { BasicInputProps, Nullable } from "../../../types/general";
import { DocIcon } from "../../Icons";
-import InputLabelBase from "../../InputLabels/InputLabelBase";
import { InputDescriptionBase } from "../../InputDescriptions/InputDescriptionBase";
+import InputLabelBase from "../../InputLabels/InputLabelBase";
export type UploadFileFieldBaseProps = Omit<
BasicInputProps,
diff --git a/packages/design-system/src/ui/UploadFileFields/index.ts b/packages/design-system/src/ui/UploadFileFields/index.ts
index f9536a6ea4..4c74c515f0 100644
--- a/packages/design-system/src/ui/UploadFileFields/index.ts
+++ b/packages/design-system/src/ui/UploadFileFields/index.ts
@@ -1,4 +1,4 @@
-import BasicUploadFileField from "./BasicUploadFileField";
import type { BasicUploadFileFieldProps } from "./BasicUploadFileField";
+import BasicUploadFileField from "./BasicUploadFileField";
export { BasicUploadFileField, BasicUploadFileFieldProps };
diff --git a/packages/design-system/src/ui/index.ts b/packages/design-system/src/ui/index.ts
index c175fa5a78..3b1906a5f5 100644
--- a/packages/design-system/src/ui/index.ts
+++ b/packages/design-system/src/ui/index.ts
@@ -1,13 +1,13 @@
+// InputDescriptions
+import type { BasicInputDescriptionProps } from "./InputDescriptions";
+import { BasicInputDescription } from "./InputDescriptions";
+
// Accordions
export * from "./Accordion";
// Icons
export * from "./Icons";
-// InputDescriptions
-import { BasicInputDescription } from "./InputDescriptions";
-import type { BasicInputDescriptionProps } from "./InputDescriptions";
-
// InputLabels
export * from "./InputLabels";
diff --git a/packages/design-system/vitest.config.ts b/packages/design-system/vitest.config.ts
index 4dcf54b8be..4514a044e6 100644
--- a/packages/design-system/vitest.config.ts
+++ b/packages/design-system/vitest.config.ts
@@ -1,5 +1,5 @@
-import { defineConfig } from "vitest/config";
import react from "@vitejs/plugin-react";
+import { defineConfig } from "vitest/config";
// https://vitejs.dev/config/
export default defineConfig({
diff --git a/packages/design-tokens/src/buildTailwindPreset.ts b/packages/design-tokens/src/buildTailwindPreset.ts
index c246dd93f9..c0a39798fd 100644
--- a/packages/design-tokens/src/buildTailwindPreset.ts
+++ b/packages/design-tokens/src/buildTailwindPreset.ts
@@ -1,6 +1,7 @@
-import { tokens } from "../dist/semantic/sd-tokens";
import fs from "fs/promises";
import path from "path";
+
+import { tokens } from "../dist/semantic/sd-tokens";
import { TypographyValue } from "./type";
async function main() {
diff --git a/packages/design-tokens/vitest.config.ts b/packages/design-tokens/vitest.config.ts
index d0b5add9d9..2a5095378a 100644
--- a/packages/design-tokens/vitest.config.ts
+++ b/packages/design-tokens/vitest.config.ts
@@ -1,5 +1,5 @@
-import { defineConfig } from "vitest/config";
import react from "@vitejs/plugin-react";
+import { defineConfig } from "vitest/config";
// https://vitejs.dev/config/
export default defineConfig({
diff --git a/packages/prettier-config-cortex/index.js b/packages/prettier-config-cortex/index.js
index 90ec79c852..e76e394a55 100644
--- a/packages/prettier-config-cortex/index.js
+++ b/packages/prettier-config-cortex/index.js
@@ -1,5 +1,8 @@
module.exports = {
- plugins: ["prettier-plugin-tailwindcss"],
+ plugins: [
+ "prettier-plugin-tailwindcss",
+ "@ianvs/prettier-plugin-sort-imports",
+ ],
printWidth: 80,
singleQuote: false,
tabWidth: 2,
@@ -19,4 +22,20 @@ module.exports = {
},
},
],
+ importOrder: [
+ "",
+ "^(react/(.*)$)|^(react$)|^(react-native(.*)$)",
+ "^(next/(.*)$)|^(next$)",
+ "",
+ "",
+ "^@instill-ai",
+ "^@instill-ai/(.*)$",
+ "",
+ "^[.|..|~]",
+ "^~/",
+ "^[../]",
+ "^[./]",
+ ],
+ importOrderParserPlugins: ["typescript", "jsx", "decorators-legacy"],
+ importOrderTypeScriptVersion: "4.4.0",
};
diff --git a/packages/prettier-config-cortex/package.json b/packages/prettier-config-cortex/package.json
index da5409bd61..0b4e3dfd6d 100644
--- a/packages/prettier-config-cortex/package.json
+++ b/packages/prettier-config-cortex/package.json
@@ -9,5 +9,8 @@
},
"publishConfig": {
"access": "public"
+ },
+ "devDependencies": {
+ "@ianvs/prettier-plugin-sort-imports": "^4.2.1"
}
}
\ No newline at end of file
diff --git a/packages/toolkit/setupTests.ts b/packages/toolkit/setupTests.ts
index 45a7d8c19d..a9c3e971d9 100644
--- a/packages/toolkit/setupTests.ts
+++ b/packages/toolkit/setupTests.ts
@@ -1,5 +1,7 @@
import { afterEach, vi } from "vitest";
+
import "@testing-library/jest-dom";
+
import { cleanup } from "@testing-library/react";
/**
diff --git a/packages/toolkit/src/components/AutoresizeInput.tsx b/packages/toolkit/src/components/AutoresizeInput.tsx
index 1515013516..5c8f8435dd 100644
--- a/packages/toolkit/src/components/AutoresizeInput.tsx
+++ b/packages/toolkit/src/components/AutoresizeInput.tsx
@@ -1,6 +1,7 @@
"use client";
import cn from "clsx";
+
import { Nullable } from "../lib";
/*
diff --git a/packages/toolkit/src/components/ClonePipelineDialog.tsx b/packages/toolkit/src/components/ClonePipelineDialog.tsx
index 1d58788642..e2a90a1934 100644
--- a/packages/toolkit/src/components/ClonePipelineDialog.tsx
+++ b/packages/toolkit/src/components/ClonePipelineDialog.tsx
@@ -1,7 +1,11 @@
"use client";
import * as React from "react";
+import { useRouter } from "next/navigation";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
import * as z from "zod";
+
import {
Button,
Dialog,
@@ -14,9 +18,8 @@ import {
Textarea,
useToast,
} from "@instill-ai/design-system";
-import { useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
+import { InstillErrors } from "../constant";
import {
CreateUserPipelinePayload,
InstillStore,
@@ -26,20 +29,18 @@ import {
sendAmplitudeData,
toastInstillError,
useAmplitudeCtx,
+ useAuthenticatedUser,
useCreateUserPipeline,
useInstillStore,
- useShallow,
- useAuthenticatedUser,
useRouteInfo,
+ useShallow,
} from "../lib";
-import { InstillErrors } from "../constant";
-import { LoadingSpin } from "./LoadingSpin";
+import { useUserNamespaces } from "../lib/useUserNamespaces";
import { env, validateInstillResourceID } from "../server";
-import { useRouter } from "next/navigation";
-import { createNodesFromPipelineRecipe } from "../view/pipeline-builder/lib/createNodesFromPipelineRecipe";
import { composePipelineRecipeFromNodes } from "../view";
+import { createNodesFromPipelineRecipe } from "../view/pipeline-builder/lib/createNodesFromPipelineRecipe";
import { EntitySelector } from "./EntitySelector";
-import { useUserNamespaces } from "../lib/useUserNamespaces";
+import { LoadingSpin } from "./LoadingSpin";
const ClonePipelineSchema = z
.object({
diff --git a/packages/toolkit/src/components/CodeBlock.tsx b/packages/toolkit/src/components/CodeBlock.tsx
index 9d69f1b382..1ac710f31f 100644
--- a/packages/toolkit/src/components/CodeBlock.tsx
+++ b/packages/toolkit/src/components/CodeBlock.tsx
@@ -3,6 +3,7 @@
import cn from "clsx";
import SyntaxHighlighter from "react-syntax-highlighter";
import { docco } from "react-syntax-highlighter/dist/cjs/styles/hljs";
+
import { CopyToClipboardButton } from "./CopyToClipboardButton";
export type CodeBlockProps = {
diff --git a/packages/toolkit/src/components/CopyToClipboardButton.tsx b/packages/toolkit/src/components/CopyToClipboardButton.tsx
index d585742ad9..32e698bc8c 100644
--- a/packages/toolkit/src/components/CopyToClipboardButton.tsx
+++ b/packages/toolkit/src/components/CopyToClipboardButton.tsx
@@ -2,6 +2,7 @@
import * as React from "react";
import cn from "clsx";
+
import { Button, Icons } from "@instill-ai/design-system";
export const CopyToClipboardButton = ({
diff --git a/packages/toolkit/src/components/DeleteResourceModal.tsx b/packages/toolkit/src/components/DeleteResourceModal.tsx
index 9cb7f2a6b6..c6d152f7a1 100644
--- a/packages/toolkit/src/components/DeleteResourceModal.tsx
+++ b/packages/toolkit/src/components/DeleteResourceModal.tsx
@@ -2,18 +2,15 @@
import * as React from "react";
import { shallow } from "zustand/shallow";
+
import {
BasicTextField,
- OutlineButton,
ModalRoot,
+ OutlineButton,
} from "@instill-ai/design-system";
-import {
- useModalStore,
- type Model,
- type Pipeline,
- type Nullable,
- type ModalStore,
-} from "../lib";
+
+import type { ModalStore, Model, Nullable, Pipeline } from "../lib";
+import { useModalStore } from "../lib";
export type DeleteResourceModalProps = {
resource: Nullable;
diff --git a/packages/toolkit/src/components/EmptyImageInputPlaceholder.tsx b/packages/toolkit/src/components/EmptyImageInputPlaceholder.tsx
index a084be7cfe..fc5ddece5c 100644
--- a/packages/toolkit/src/components/EmptyImageInputPlaceholder.tsx
+++ b/packages/toolkit/src/components/EmptyImageInputPlaceholder.tsx
@@ -1,4 +1,5 @@
import cn from "clsx";
+
import { Icons } from "@instill-ai/design-system";
export const EmptyImageInputPlaceholder = ({
diff --git a/packages/toolkit/src/components/EntitySelector.tsx b/packages/toolkit/src/components/EntitySelector.tsx
index dcbdd7a7fd..94ae34847d 100644
--- a/packages/toolkit/src/components/EntitySelector.tsx
+++ b/packages/toolkit/src/components/EntitySelector.tsx
@@ -1,6 +1,7 @@
import { Select, Tag } from "@instill-ai/design-system";
-import { NamespaceAvatarWithFallback } from "./NamespaceAvatarWithFallback";
+
import { UserNamespace } from "../lib/useUserNamespaces";
+import { NamespaceAvatarWithFallback } from "./NamespaceAvatarWithFallback";
const truncateDisplayName = (value?: string) => {
if (value && value.length >= 10) {
diff --git a/packages/toolkit/src/components/GeneralDeleteResourceDialog.tsx b/packages/toolkit/src/components/GeneralDeleteResourceDialog.tsx
index 38f63d0976..e05458fa99 100644
--- a/packages/toolkit/src/components/GeneralDeleteResourceDialog.tsx
+++ b/packages/toolkit/src/components/GeneralDeleteResourceDialog.tsx
@@ -1,10 +1,12 @@
"use client";
import * as React from "react";
+
import { Button, Dialog, Icons, Input } from "@instill-ai/design-system";
+
+import { DataTestID } from "../constant";
import { Nullable, useControllableState } from "../lib";
import { LoadingSpin } from "./LoadingSpin";
-import { DataTestID } from "../constant";
export type GeneralDeleteResourceDialogProps = {
resourceID: string;
diff --git a/packages/toolkit/src/components/InlineTextSeparator.tsx b/packages/toolkit/src/components/InlineTextSeparator.tsx
index 409a63a2f2..b6ecc57db1 100644
--- a/packages/toolkit/src/components/InlineTextSeparator.tsx
+++ b/packages/toolkit/src/components/InlineTextSeparator.tsx
@@ -1,6 +1,7 @@
"use client";
import cn from "clsx";
+
import { Separator } from "@instill-ai/design-system";
export const InlineTextSeparator = ({
diff --git a/packages/toolkit/src/components/NamespaceAvatarWithFallback.tsx b/packages/toolkit/src/components/NamespaceAvatarWithFallback.tsx
index 242643f731..4bae048c16 100644
--- a/packages/toolkit/src/components/NamespaceAvatarWithFallback.tsx
+++ b/packages/toolkit/src/components/NamespaceAvatarWithFallback.tsx
@@ -2,7 +2,8 @@
import * as React from "react";
import cn from "clsx";
-import { Nullable, getCaptializeTwoWordsFromName } from "../lib";
+
+import { getCaptializeTwoWordsFromName, Nullable } from "../lib";
export const NamespaceAvatarWithFallbackRoot = ({
src,
diff --git a/packages/toolkit/src/components/PageBase.tsx b/packages/toolkit/src/components/PageBase.tsx
index 312fccfeda..b7b7d7d081 100644
--- a/packages/toolkit/src/components/PageBase.tsx
+++ b/packages/toolkit/src/components/PageBase.tsx
@@ -1,7 +1,7 @@
"use client";
-import cn from "clsx";
import * as React from "react";
+import cn from "clsx";
export const PageBase = ({ children }: { children: React.ReactNode }) => {
return