[REFACTOR] Twenty UI multi barrel (#11301)

# Introduction
closes https://github.com/twentyhq/core-team-issues/issues/591
Same than for `twenty-shared` made in
https://github.com/twentyhq/twenty/pull/11083.

## TODO
- [x] Manual migrate twenty-website twenty-ui imports

## What's next:
- Generate barrel and migration script factorization within own package
+ tests
- Refactoring using preconstruct ? TimeBox
- Lint circular dependencies
- Lint import from barrel and forbid them

### Preconstruct
We need custom rollup plugins addition, but preconstruct does not expose
its rollup configuration. It might be possible to handle this using the
babel overrides. But was a big tunnel.
We could give it a try afterwards ! ( allowing cjs interop and stuff
like that )
Stuck to vite lib app

Closed related PRs:
- https://github.com/twentyhq/twenty/pull/11294
- https://github.com/twentyhq/twenty/pull/11203

packages/twenty-ui/src/accessibility/index.ts

@@ -1,3 +1,12 @@
-export * from './components/VisibilityHidden';
-export * from './components/VisibilityHiddenInput';
-export * from './utils/visibility-hidden';
+/*
+ * _____                    _
+ *|_   _|_      _____ _ __ | |_ _   _
+ *  | | \ \ /\ / / _ \ '_ \| __| | | | Auto-generated file
+ *  | |  \ V  V /  __/ | | | |_| |_| | Any edits to this will be overridden
+ *  |_|   \_/\_/ \___|_| |_|\__|\__, |
+ *                              |___/
+ */
+
+export { VisibilityHidden } from './components/VisibilityHidden';
+export { VisibilityHiddenInput } from './components/VisibilityHiddenInput';
+export { VISIBILITY_HIDDEN } from './utils/visibility-hidden';

packages/twenty-ui/src/components/Pill/__stories__/Pill.stories.ts

@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react';
 
+import { Pill } from '@ui/components/Pill/Pill';
 import { ComponentDecorator } from '../../../testing/decorators/ComponentDecorator';
-import { Pill } from '../Pill';
 
 const meta: Meta<typeof Pill> = {
   title: 'UI/Display/Pill',

packages/twenty-ui/src/components/avatar-chip/AvatarChip.tsx

@@ -1,6 +1,6 @@
-import { AvatarChipsLeftComponent } from '@ui/display/avatar-chip/components/AvatarChipLeftComponent';
-import { AvatarChipsCommonProps } from '@ui/display/avatar-chip/types/AvatarChipsCommonProps.type';
-import { Chip, ChipVariant } from '@ui/display/chip/components/Chip';
+import { AvatarChipsLeftComponent } from '@ui/components/avatar-chip/AvatarChipLeftComponent';
+import { AvatarChipsCommonProps } from '@ui/components/avatar-chip/types/AvatarChipsCommonProps.type';
+import { Chip, ChipVariant } from '@ui/components/chip/Chip';
 
 export type AvatarChipProps = AvatarChipsCommonProps;
 export const AvatarChip = ({

packages/twenty-ui/src/components/avatar-chip/AvatarChipLeftComponent.tsx

@@ -3,7 +3,7 @@ import styled from '@emotion/styled';
 import { Avatar } from '@ui/display/avatar/components/Avatar';
 import { AvatarType } from '@ui/display/avatar/types/AvatarType';
 import { IconComponent } from '@ui/display/icon/types/IconComponent';
-import { Nullable } from 'vitest';
+import { Nullable } from '@ui/utilities';
 import { isDefined } from 'twenty-shared/utils';
 
 const StyledInvertedIconContainer = styled.div<{ backgroundColor: string }>`

packages/twenty-ui/src/components/avatar-chip/LinkAvatarChip.tsx

@@ -1,8 +1,8 @@
-import { AvatarChipsLeftComponent } from '@ui/display/avatar-chip/components/AvatarChipLeftComponent';
-import { AvatarChipsCommonProps } from '@ui/display/avatar-chip/types/AvatarChipsCommonProps.type';
-import { AvatarChipVariant } from '@ui/display/avatar-chip/types/AvatarChipsVariant.type';
-import { ChipVariant } from '@ui/display/chip/components/Chip';
-import { LinkChip, LinkChipProps } from '@ui/display/chip/components/LinkChip';
+import { AvatarChipsLeftComponent } from '@ui/components/avatar-chip/AvatarChipLeftComponent';
+import { AvatarChipsCommonProps } from '@ui/components/avatar-chip/types/AvatarChipsCommonProps.type';
+import { AvatarChipVariant } from '@ui/components/avatar-chip/types/AvatarChipsVariant.type';
+import { ChipVariant } from '@ui/components/chip/Chip';
+import { LinkChip, LinkChipProps } from '@ui/components/chip/LinkChip';
 
 export type LinkAvatarChipProps = Omit<AvatarChipsCommonProps, 'clickable'> & {
   to: string;

packages/twenty-ui/src/components/avatar-chip/types/AvatarChipsCommonProps.type.ts

@@ -0,0 +1,8 @@
+import { AvatarChipsLeftComponentProps } from '@ui/components/avatar-chip/AvatarChipLeftComponent';
+import { ChipSize } from '@ui/components/chip/Chip';
+
+export type AvatarChipsCommonProps = {
+  size?: ChipSize;
+  className?: string;
+  maxWidth?: number;
+} & AvatarChipsLeftComponentProps;

packages/twenty-ui/src/components/chip/LinkChip.tsx

@@ -5,7 +5,7 @@ import {
   ChipProps,
   ChipSize,
   ChipVariant,
-} from '@ui/display/chip/components/Chip';
+} from '@ui/components/chip/Chip';
 import { MouseEvent } from 'react';
 import { Link } from 'react-router-dom';
 

packages/twenty-ui/src/components/chip/__stories__/EntityChip.stories.tsx

@@ -1,12 +1,16 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { AvatarChip } from '@ui/display/avatar-chip/components/AvatarChip';
+import { AvatarChip } from '@ui/components/avatar-chip/AvatarChip';
 
-import { ComponentDecorator, RouterDecorator } from '@ui/testing';
+import {
+  ComponentDecorator,
+  RecoilRootDecorator,
+  RouterDecorator,
+} from '@ui/testing';
 
 const meta: Meta<typeof AvatarChip> = {
   title: 'UI/Display/Chip/AvatarChip',
   component: AvatarChip,
-  decorators: [RouterDecorator, ComponentDecorator],
+  decorators: [RouterDecorator, ComponentDecorator, RecoilRootDecorator],
   args: {
     name: 'Entity name',
     avatarType: 'squared',

packages/twenty-ui/src/components/index.ts

@@ -1 +1,24 @@
-export * from './Pill/Pill';
+/*
+ * _____                    _
+ *|_   _|_      _____ _ __ | |_ _   _
+ *  | | \ \ /\ / / _ \ '_ \| __| | | | Auto-generated file
+ *  | |  \ V  V /  __/ | | | |_| |_| | Any edits to this will be overridden
+ *  |_|   \_/\_/ \___|_| |_|\__|\__, |
+ *                              |___/
+ */
+
+export type { AvatarChipProps } from './avatar-chip/AvatarChip';
+export { AvatarChip } from './avatar-chip/AvatarChip';
+export type { AvatarChipsLeftComponentProps } from './avatar-chip/AvatarChipLeftComponent';
+export { AvatarChipsLeftComponent } from './avatar-chip/AvatarChipLeftComponent';
+export type { LinkAvatarChipProps } from './avatar-chip/LinkAvatarChip';
+export { LinkAvatarChip } from './avatar-chip/LinkAvatarChip';
+export type { AvatarChipsCommonProps } from './avatar-chip/types/AvatarChipsCommonProps.type';
+export { AvatarChipVariant } from './avatar-chip/types/AvatarChipsVariant.type';
+export type { ChipProps } from './chip/Chip';
+export { ChipSize, ChipAccent, ChipVariant, Chip } from './chip/Chip';
+export type { LinkChipProps } from './chip/LinkChip';
+export { LinkChip } from './chip/LinkChip';
+export { Pill } from './Pill/Pill';
+export type { TagColor } from './tag/Tag';
+export { Tag } from './tag/Tag';

packages/twenty-ui/src/components/tag/Tag.tsx

@@ -1,7 +1,9 @@
 import { styled } from '@linaria/react';
 import { useContext } from 'react';
 
-import { IconComponent, OverflowingTextWithTooltip } from '@ui/display';
+// TODO prastoin We should forbid barrel import within the twenty-ui package
+import { IconComponent } from '@ui/display/icon/types/IconComponent';
+import { OverflowingTextWithTooltip } from '@ui/display/tooltip/OverflowingTextWithTooltip';
 import {
   BORDER_COMMON,
   THEME_COMMON,

packages/twenty-ui/src/display/avatar-chip/types/AvatarChipsCommonProps.type.ts

@@ -1,8 +0,0 @@
-import { AvatarChipsLeftComponentProps } from '@ui/display/avatar-chip/components/AvatarChipLeftComponent';
-import { ChipSize } from '@ui/display/chip/components/Chip';
-
-export type AvatarChipsCommonProps = {
-  size?: ChipSize;
-  className?: string;
-  maxWidth?: number;
-} & AvatarChipsLeftComponentProps;

packages/twenty-ui/src/display/avatar/components/__stories__/Avatar.stories.tsx

@@ -1,13 +1,17 @@
 import { Meta, StoryObj } from '@storybook/react';
 
-import { AVATAR_URL_MOCK, ComponentDecorator } from '@ui/testing';
+import {
+  AVATAR_URL_MOCK,
+  ComponentDecorator,
+  RecoilRootDecorator,
+} from '@ui/testing';
 
 import { Avatar } from '../Avatar';
 
 const meta: Meta<typeof Avatar> = {
   title: 'Modules/Users/Avatar',
   component: Avatar,
-  decorators: [ComponentDecorator],
+  decorators: [ComponentDecorator, RecoilRootDecorator],
   args: {
     avatarUrl: AVATAR_URL_MOCK,
     size: 'md',

packages/twenty-ui/src/display/avatar/components/__stories__/AvatarGroup.stories.tsx

@@ -7,6 +7,7 @@ import {
   AVATAR_URL_MOCK,
   CatalogDecorator,
   ComponentDecorator,
+  RecoilRootDecorator,
 } from '@ui/testing';
 
 import { AvatarGroup, AvatarGroupProps } from '../AvatarGroup';
@@ -38,7 +39,7 @@ export default meta;
 type Story = StoryObj<typeof AvatarGroup>;
 
 export const Default: Story = {
-  decorators: [ComponentDecorator],
+  decorators: [ComponentDecorator, RecoilRootDecorator],
 };
 
 export const Catalog: Story = {
@@ -63,5 +64,5 @@ export const Catalog: Story = {
       ],
     },
   },
-  decorators: [CatalogDecorator],
+  decorators: [CatalogDecorator, RecoilRootDecorator],
 };

packages/twenty-ui/src/display/icon/components/IconAddressBook.tsx

@@ -1,6 +1,5 @@
+import IconAddressBookRaw from '@assets/icons/address-book.svg?react';
 import { useTheme } from '@emotion/react';
-
-import IconAddressBookRaw from '@ui/display/icon/assets/address-book.svg?react';
 import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
 
 type IconAddressBookProps = Pick<

packages/twenty-ui/src/display/icon/components/IconGmail.tsx

@@ -1,6 +1,6 @@
 import { useTheme } from '@emotion/react';
 
-import IconGmailRaw from '@ui/display/icon/assets/gmail.svg?react';
+import IconGmailRaw from '@assets/icons/gmail.svg?react';
 import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
 
 type IconGmailProps = Pick<IconComponentProps, 'size'>;

packages/twenty-ui/src/display/icon/components/IconGoogle.tsx

@@ -1,6 +1,6 @@
 import { useTheme } from '@emotion/react';
 
-import IconGoogleRaw from '@ui/display/icon/assets/google.svg?react';
+import IconGoogleRaw from '@assets/icons/google-calendar.svg?react';
 import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
 
 type IconGoogleProps = Pick<IconComponentProps, 'size'>;

packages/twenty-ui/src/display/icon/components/IconGoogleCalendar.tsx

@@ -1,6 +1,6 @@
 import { useTheme } from '@emotion/react';
 
-import IconGoogleCalendarRaw from '@ui/display/icon/assets/google-calendar.svg?react';
+import IconGoogleCalendarRaw from '@assets/icons/google-calendar.svg?react';
 import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
 
 type IconGoogleCalendarProps = Pick<IconComponentProps, 'size'>;

packages/twenty-ui/src/display/icon/components/IconLock.tsx

@@ -1,6 +1,6 @@
 import { useTheme } from '@emotion/react';
 
-import IconLockRaw from '@ui/display/icon/assets/lock.svg?react';
+import IconLockRaw from '@assets/icons/lock.svg?react';
 import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
 
 type IconLockCustomProps = Pick<IconComponentProps, 'size'>;

packages/twenty-ui/src/display/icon/components/IconMicrosoft.tsx

@@ -1,6 +1,6 @@
 import { useTheme } from '@emotion/react';
 
-import IconMicrosoftRaw from '../assets/microsoft.svg?react';
+import IconMicrosoftRaw from '@assets/icons/microsoft.svg?react';
 
 interface IconMicrosoftProps {
   size?: number | string;

packages/twenty-ui/src/display/icon/components/IconMicrosoftCalendar.tsx

@@ -1,6 +1,6 @@
 import { useTheme } from '@emotion/react';
 
-import IconMicrosoftCalendarRaw from '../assets/microsoft-calendar.svg?react';
+import IconMicrosoftCalendarRaw from '@assets/icons/microsoft-calendar.svg?react';
 
 interface IconMicrosoftCalendarProps {
   size?: number | string;

packages/twenty-ui/src/display/icon/components/IconMicrosoftOutlook.tsx

@@ -1,6 +1,6 @@
 import { useTheme } from '@emotion/react';
 
-import IconMicrosoftOutlookRaw from '../assets/microsoft-outlook.svg?react';
+import IconMicrosoftOutlookRaw from '@assets/icons/microsoft-outlook.svg?react';
 
 interface IconMicrosoftOutlookProps {
   size?: number | string;

packages/twenty-ui/src/display/icon/components/IconRelationManyToOne.tsx

@@ -1,6 +1,6 @@
 import { useTheme } from '@emotion/react';
 
-import IconRelationManyToOneRaw from '@ui/display/icon/assets/many-to-one.svg?react';
+import IconRelationManyToOneRaw from '@assets/icons/many-to-one.svg?react';
 import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
 
 type IconRelationManyToOneProps = Pick<IconComponentProps, 'size' | 'stroke'>;

packages/twenty-ui/src/display/icon/components/IconTwentyStar.tsx

@@ -1,6 +1,6 @@
 import { useTheme } from '@emotion/react';
 
-import IconTwentyStarRaw from '@ui/display/icon/assets/twenty-star.svg?react';
+import IconTwentyStarRaw from '@assets/icons/twenty-star.svg?react';
 import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
 
 type IconTwentyStarProps = Pick<IconComponentProps, 'size' | 'stroke'>;

packages/twenty-ui/src/display/icon/components/IconTwentyStarFilled.tsx

@@ -1,4 +1,4 @@
-import IconTwentyStarFilledRaw from '@ui/display/icon/assets/twenty-star-filled.svg?react';
+import IconTwentyStarFilledRaw from '@assets/icons/twenty-star-filled.svg?react';
 import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
 import { THEME_COMMON } from '@ui/theme';
 

packages/twenty-ui/src/display/icon/components/IllustrationIconArray.tsx

@@ -1,5 +1,5 @@
+import IllustrationIconArrayRaw from '@assets/icons/illustration-array.svg?react';
 import { useTheme } from '@emotion/react';
-import IllustrationIconArrayRaw from '@ui/display/icon/assets/illustration-array.svg?react';
 import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper';
 import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
 type IllustrationIconArrayProps = Pick<IconComponentProps, 'size'>;

packages/twenty-ui/src/display/icon/components/IllustrationIconCalendarEvent.tsx

@@ -1,5 +1,5 @@
+import IllustrationIconCalendarEventRaw from '@assets/icons/illustration-calendar-event.svg?react';
 import { useTheme } from '@emotion/react';
-import IllustrationIconCalendarEventRaw from '@ui/display/icon/assets/illustration-calendar-event.svg?react';
 import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper';
 import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
 type IllustrationIconCalendarEventProps = Pick<IconComponentProps, 'size'>;

packages/twenty-ui/src/display/icon/components/IllustrationIconCalendarTime.tsx

@@ -1,5 +1,5 @@
+import IllustrationIconCalendarTimeRaw from '@assets/icons/illustration-calendar-time.svg?react';
 import { useTheme } from '@emotion/react';
-import IllustrationIconCalendarTimeRaw from '@ui/display/icon/assets/illustration-calendar-time.svg?react';
 import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper';
 import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
 

packages/twenty-ui/src/display/icon/components/IllustrationIconCurrency.tsx

@@ -1,7 +1,7 @@
 import { useTheme } from '@emotion/react';
 import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper';
 
-import IllustrationIconCurrencyRaw from '@ui/display/icon/assets/illustration-currency.svg?react';
+import IllustrationIconCurrencyRaw from '@assets/icons/illustration-currency.svg?react';
 import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
 
 type IllustrationIconCurrencyProps = Pick<IconComponentProps, 'size'>;

packages/twenty-ui/src/display/icon/components/IllustrationIconJson.tsx

@@ -1,7 +1,7 @@
 import { useTheme } from '@emotion/react';
 import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper';
 
-import IllustrationIconJsonRaw from '@ui/display/icon/assets/illustration-json.svg?react';
+import IllustrationIconJsonRaw from '@assets/icons/illustration-json.svg?react';
 import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
 
 type IllustrationIconJsonProps = Pick<IconComponentProps, 'size'>;

packages/twenty-ui/src/display/icon/components/IllustrationIconLink.tsx

@@ -1,7 +1,7 @@
 import { useTheme } from '@emotion/react';
 import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper';
 
-import IllustrationIconLinkRaw from '@ui/display/icon/assets/illustration-link.svg?react';
+import IllustrationIconLinkRaw from '@assets/icons/illustration-link.svg?react';
 import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
 
 type IllustrationIconLinkProps = Pick<IconComponentProps, 'size'>;

packages/twenty-ui/src/display/icon/components/IllustrationIconMail.tsx

@@ -1,5 +1,5 @@
+import IllustrationIconMailRaw from '@assets/icons/illustration-mail.svg?react';
 import { useTheme } from '@emotion/react';
-import IllustrationIconMailRaw from '@ui/display/icon/assets/illustration-mail.svg?react';
 import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper';
 import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
 

packages/twenty-ui/src/display/icon/components/IllustrationIconManyToMany.tsx

@@ -1,5 +1,5 @@
+import IllustrationIconManyToManyRaw from '@assets/icons/illustration-many-to-many.svg?react';
 import { useTheme } from '@emotion/react';
-import IllustrationIconManyToManyRaw from '@ui/display/icon/assets/illustration-many-to-many.svg?react';
 import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper';
 import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
 

packages/twenty-ui/src/display/icon/components/IllustrationIconMap.tsx

@@ -1,5 +1,5 @@
+import IllustrationIconMapRaw from '@assets/icons/illustration-map.svg?react';
 import { useTheme } from '@emotion/react';
-import IllustrationIconMapRaw from '@ui/display/icon/assets/illustration-map.svg?react';
 import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper';
 import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
 

packages/twenty-ui/src/display/icon/components/IllustrationIconNumbers.tsx

@@ -1,5 +1,5 @@
+import IllustrationIconNumbersRaw from '@assets/icons/illustration-numbers.svg?react';
 import { useTheme } from '@emotion/react';
-import IllustrationIconNumbersRaw from '@ui/display/icon/assets/illustration-numbers.svg?react';
 import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper';
 import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
 

packages/twenty-ui/src/display/icon/components/IllustrationIconOneToMany.tsx

@@ -1,7 +1,7 @@
 import { useTheme } from '@emotion/react';
 import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper';
 
-import IllustrationIconOneToManyRaw from '@ui/display/icon/assets/illustration-one-to-many.svg?react';
+import IllustrationIconOneToManyRaw from '@assets/icons/illustration-one-to-many.svg?react';
 import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
 
 type IllustrationIconOneToManyProps = Pick<IconComponentProps, 'size'>;

packages/twenty-ui/src/display/icon/components/IllustrationIconOneToOne.tsx

@@ -1,7 +1,7 @@
 import { useTheme } from '@emotion/react';
 import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper';
 
-import IllustrationIconOneToOneRaw from '@ui/display/icon/assets/illustration-one-to-one.svg?react';
+import IllustrationIconOneToOneRaw from '@assets/icons/illustration-one-to-one.svg?react';
 import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
 
 type IllustrationIconOneToOneProps = Pick<IconComponentProps, 'size'>;

packages/twenty-ui/src/display/icon/components/IllustrationIconPhone.tsx

@@ -1,7 +1,7 @@
 import { useTheme } from '@emotion/react';
 import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper';
 
-import IllustrationIconPhoneRaw from '@ui/display/icon/assets/illustration-phone.svg?react';
+import IllustrationIconPhoneRaw from '@assets/icons/illustration-phone.svg?react';
 import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
 
 type IllustrationIconPhoneProps = Pick<IconComponentProps, 'size'>;

packages/twenty-ui/src/display/icon/components/IllustrationIconSetting.tsx

@@ -1,7 +1,7 @@
 import { useTheme } from '@emotion/react';
 import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper';
 
-import IllustrationIconSettingRaw from '@ui/display/icon/assets/illustration-setting.svg?react';
+import IllustrationIconSettingRaw from '@assets/icons/illustration-setting.svg?react';
 import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
 
 type IllustrationIconSettingProps = Pick<IconComponentProps, 'size'>;

packages/twenty-ui/src/display/icon/components/IllustrationIconStar.tsx

@@ -1,7 +1,7 @@
 import { useTheme } from '@emotion/react';
 import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper';
 
-import IllustrationIconStarRaw from '@ui/display/icon/assets/illustration-star.svg?react';
+import IllustrationIconStarRaw from '@assets/icons/illustration-star.svg?react';
 import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
 
 type IllustrationIconStarProps = Pick<IconComponentProps, 'size'>;

packages/twenty-ui/src/display/icon/components/IllustrationIconTag.tsx

@@ -1,7 +1,7 @@
 import { useTheme } from '@emotion/react';
 import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper';
 
-import IllustrationIconTagRaw from '@ui/display/icon/assets/illustration-tag.svg?react';
+import IllustrationIconTagRaw from '@assets/icons/illustration-tag.svg?react';
 import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
 
 type IllustrationIconTagProps = Pick<IconComponentProps, 'size'>;

packages/twenty-ui/src/display/icon/components/IllustrationIconTags.tsx

@@ -1,7 +1,7 @@
 import { useTheme } from '@emotion/react';
 import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper';
 
-import IllustrationIconTagsRaw from '@ui/display/icon/assets/illustration-tags.svg?react';
+import IllustrationIconTagsRaw from '@assets/icons/illustration-tags.svg?react';
 import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
 
 type IllustrationIconTagsProps = Pick<IconComponentProps, 'size'>;

packages/twenty-ui/src/display/icon/components/IllustrationIconText.tsx

@@ -1,7 +1,7 @@
 import { useTheme } from '@emotion/react';
 import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper';
 
-import IllustrationIconTextRaw from '@ui/display/icon/assets/illustration-text.svg?react';
+import IllustrationIconTextRaw from '@assets/icons/illustration-text.svg?react';
 import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
 
 type IllustrationIconTextProps = Pick<IconComponentProps, 'size'>;

packages/twenty-ui/src/display/icon/components/IllustrationIconToggle.tsx

@@ -1,7 +1,7 @@
 import { useTheme } from '@emotion/react';
 import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper';
 
-import IllustrationIconToggleRaw from '@ui/display/icon/assets/illustration-toggle.svg?react';
+import IllustrationIconToggleRaw from '@assets/icons/illustration-toggle.svg?react';
 import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
 
 type IllustrationIconToggleProps = Pick<IconComponentProps, 'size'>;

packages/twenty-ui/src/display/icon/components/IllustrationIconUid.tsx

@@ -1,7 +1,7 @@
 import { useTheme } from '@emotion/react';
 import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper';
 
-import IllustrationIconUidRaw from '@ui/display/icon/assets/illustration-uid.svg?react';
+import IllustrationIconUidRaw from '@assets/icons/illustration-uid.svg?react';
 import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
 
 type IllustrationIconUidProps = Pick<IconComponentProps, 'size'>;

packages/twenty-ui/src/display/icon/components/IllustrationIconUser.tsx

@@ -1,7 +1,7 @@
 import { useTheme } from '@emotion/react';
 import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper';
 
-import IllustrationIconUserRaw from '@ui/display/icon/assets/illustration-user.svg?react';
+import IllustrationIconUserRaw from '@assets/icons/illustration-user.svg?react';
 import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
 
 type IllustrationIconUserProps = Pick<IconComponentProps, 'size'>;

packages/twenty-ui/src/display/icon/components/TablerIcons.ts

@@ -4,18 +4,18 @@ export {
   IconAlertCircle,
   IconAlertTriangle,
   IconApi,
-  IconApps,
   IconAppWindow,
+  IconApps,
   IconArchive,
   IconArchiveOff,
   IconArrowBackUp,
   IconArrowDown,
   IconArrowLeft,
   IconArrowRight,
-  IconArrowsDiagonal,
-  IconArrowsVertical,
   IconArrowUp,
   IconArrowUpRight,
+  IconArrowsDiagonal,
+  IconArrowsVertical,
   IconAt,
   IconBaselineDensitySmall,
   IconBell,
@@ -47,8 +47,8 @@ export {
   IconChevronDown,
   IconChevronLeft,
   IconChevronRight,
-  IconChevronsRight,
   IconChevronUp,
+  IconChevronsRight,
   IconCircleDot,
   IconCircleOff,
   IconCirclePlus,
@@ -293,6 +293,7 @@ export {
   IconVariable,
   IconVariablePlus,
   IconVersions,
+  IconVersionsOff,
   IconVideo,
   IconWand,
   IconWebhook,

packages/twenty-ui/src/display/icon/providers/IconsProvider.tsx

@@ -11,8 +11,8 @@ export const IconsProvider = ({ children }: IconsProviderProps) => {
   const setIcons = useSetRecoilState(iconsState);
 
   useEffect(() => {
-    import('./internal/AllIcons').then((lazyLoadedIcons) => {
-      setIcons(lazyLoadedIcons.ALL_ICONS);
+    import('./internal/AllIcons').then(({ ALL_ICONS }) => {
+      setIcons(ALL_ICONS);
     });
   }, [setIcons]);
 

packages/twenty-ui/src/display/icon/providers/internal/AllIcons.ts

@@ -4185,30 +4185,24 @@ import {
 } from '@tabler/icons-react';
 
 export const ALL_ICONS = {
-  IconAuth2fa,
-  IconCube3dSphere,
-  IconCube3dSphereOff,
-  IconRotate3d,
-  IconHours24,
   Icon123,
-  IconRotate360,
-  IconView360,
   IconAB,
   IconAB2,
+  IconABOff,
   IconAbacus,
   IconAbacusOff,
   IconAbc,
-  IconABOff,
-  IconAccessible,
-  IconAccessibleOff,
   IconAccessPoint,
   IconAccessPointOff,
+  IconAccessible,
+  IconAccessibleOff,
   IconActivity,
   IconActivityHeartbeat,
   IconAd,
   IconAd2,
   IconAdCircle,
   IconAdCircleOff,
+  IconAdOff,
   IconAddressBookOff,
   IconAdjustments,
   IconAdjustmentsAlt,
@@ -4233,7 +4227,6 @@ export const ALL_ICONS = {
   IconAdjustmentsStar,
   IconAdjustmentsUp,
   IconAdjustmentsX,
-  IconAdOff,
   IconAerialLift,
   IconAffiliate,
   IconAirBalloon,
@@ -4303,10 +4296,10 @@ export const ALL_ICONS = {
   IconApiApp,
   IconApiAppOff,
   IconApiOff,
+  IconAppWindow,
   IconApple,
   IconApps,
   IconAppsOff,
-  IconAppWindow,
   IconArchive,
   IconArchiveOff,
   IconArmchair,
@@ -4418,6 +4411,23 @@ export const ALL_ICONS = {
   IconArrowRotaryStraight,
   IconArrowRoundaboutLeft,
   IconArrowRoundaboutRight,
+  IconArrowSharpTurnLeft,
+  IconArrowSharpTurnRight,
+  IconArrowUp,
+  IconArrowUpBar,
+  IconArrowUpCircle,
+  IconArrowUpLeft,
+  IconArrowUpLeftCircle,
+  IconArrowUpRhombus,
+  IconArrowUpRight,
+  IconArrowUpRightCircle,
+  IconArrowUpSquare,
+  IconArrowUpTail,
+  IconArrowWaveLeftDown,
+  IconArrowWaveLeftUp,
+  IconArrowWaveRightDown,
+  IconArrowWaveRightUp,
+  IconArrowZigZag,
   IconArrowsCross,
   IconArrowsDiagonal,
   IconArrowsDiagonal2,
@@ -4432,8 +4442,6 @@ export const ALL_ICONS = {
   IconArrowsDownUp,
   IconArrowsExchange,
   IconArrowsExchange2,
-  IconArrowSharpTurnLeft,
-  IconArrowSharpTurnRight,
   IconArrowsHorizontal,
   IconArrowsJoin,
   IconArrowsJoin2,
@@ -4461,21 +4469,6 @@ export const ALL_ICONS = {
   IconArrowsUpLeft,
   IconArrowsUpRight,
   IconArrowsVertical,
-  IconArrowUp,
-  IconArrowUpBar,
-  IconArrowUpCircle,
-  IconArrowUpLeft,
-  IconArrowUpLeftCircle,
-  IconArrowUpRhombus,
-  IconArrowUpRight,
-  IconArrowUpRightCircle,
-  IconArrowUpSquare,
-  IconArrowUpTail,
-  IconArrowWaveLeftDown,
-  IconArrowWaveLeftUp,
-  IconArrowWaveRightDown,
-  IconArrowWaveRightUp,
-  IconArrowZigZag,
   IconArtboard,
   IconArtboardOff,
   IconArticle,
@@ -4495,6 +4488,7 @@ export const ALL_ICONS = {
   IconAugmentedReality,
   IconAugmentedReality2,
   IconAugmentedRealityOff,
+  IconAuth2fa,
   IconAward,
   IconAwardOff,
   IconAxe,
@@ -4516,13 +4510,13 @@ export const ALL_ICONS = {
   IconBadgeCc,
   IconBadgeHd,
   IconBadgeOff,
-  IconBadges,
   IconBadgeSd,
-  IconBadgesOff,
   IconBadgeTm,
   IconBadgeVo,
   IconBadgeVr,
   IconBadgeWc,
+  IconBadges,
+  IconBadgesOff,
   IconBaguette,
   IconBallAmericanFootball,
   IconBallAmericanFootballOff,
@@ -4531,12 +4525,12 @@ export const ALL_ICONS = {
   IconBallBowling,
   IconBallFootball,
   IconBallFootballOff,
+  IconBallTennis,
+  IconBallVolleyball,
   IconBalloon,
   IconBalloonOff,
   IconBallpen,
   IconBallpenOff,
-  IconBallTennis,
-  IconBallVolleyball,
   IconBan,
   IconBandage,
   IconBandageOff,
@@ -4653,6 +4647,8 @@ export const ALL_ICONS = {
   IconBook,
   IconBook2,
   IconBookDownload,
+  IconBookOff,
+  IconBookUpload,
   IconBookmark,
   IconBookmarkEdit,
   IconBookmarkMinus,
@@ -4661,10 +4657,8 @@ export const ALL_ICONS = {
   IconBookmarkQuestion,
   IconBookmarks,
   IconBookmarksOff,
-  IconBookOff,
   IconBooks,
   IconBooksOff,
-  IconBookUpload,
   IconBorderAll,
   IconBorderBottom,
   IconBorderCorners,
@@ -4766,6 +4760,7 @@ export const ALL_ICONS = {
   IconBrandBulma,
   IconBrandBumble,
   IconBrandBunpo,
+  IconBrandCSharp,
   IconBrandCake,
   IconBrandCakephp,
   IconBrandCampaignmonitor,
@@ -4787,7 +4782,6 @@ export const ALL_ICONS = {
   IconBrandCpp,
   IconBrandCraft,
   IconBrandCrunchbase,
-  IconBrandCSharp,
   IconBrandCss3,
   IconBrandCtemplar,
   IconBrandCucumber,
@@ -4923,8 +4917,8 @@ export const ALL_ICONS = {
   IconBrandOkRu,
   IconBrandOnedrive,
   IconBrandOnlyfans,
-  IconBrandOpenai,
   IconBrandOpenSource,
+  IconBrandOpenai,
   IconBrandOpenvpn,
   IconBrandOpera,
   IconBrandPagekit,
@@ -5077,6 +5071,7 @@ export const ALL_ICONS = {
   IconBroadcastOff,
   IconBrowser,
   IconBrowserCheck,
+  IconBrowserMaximize,
   IconBrowserOff,
   IconBrowserPlus,
   IconBrowserX,
@@ -5118,9 +5113,9 @@ export const ALL_ICONS = {
   IconBulbOff,
   IconBulldozer,
   IconBus,
-  IconBusinessplan,
   IconBusOff,
   IconBusStop,
+  IconBusinessplan,
   IconButterfly,
   IconCactus,
   IconCactusOff,
@@ -5190,9 +5185,11 @@ export const ALL_ICONS = {
   IconCapture,
   IconCaptureOff,
   IconCar,
-  IconCaravan,
   IconCarCrane,
   IconCarCrash,
+  IconCarOff,
+  IconCarTurbine,
+  IconCaravan,
   IconCardboards,
   IconCardboardsOff,
   IconCards,
@@ -5200,12 +5197,10 @@ export const ALL_ICONS = {
   IconCaretLeft,
   IconCaretRight,
   IconCaretUp,
-  IconCarOff,
   IconCarouselHorizontal,
   IconCarouselVertical,
   IconCarrot,
   IconCarrotOff,
-  IconCarTurbine,
   IconCash,
   IconCashBanknote,
   IconCashBanknoteOff,
@@ -5216,6 +5211,7 @@ export const ALL_ICONS = {
   IconCategory,
   IconCategory2,
   IconCe,
+  IconCeOff,
   IconCell,
   IconCellSignal1,
   IconCellSignal2,
@@ -5223,7 +5219,6 @@ export const ALL_ICONS = {
   IconCellSignal4,
   IconCellSignal5,
   IconCellSignalOff,
-  IconCeOff,
   IconCertificate,
   IconCertificate2,
   IconCertificate2Off,
@@ -5289,6 +5284,9 @@ export const ALL_ICONS = {
   IconChevronLeftPipe,
   IconChevronRight,
   IconChevronRightPipe,
+  IconChevronUp,
+  IconChevronUpLeft,
+  IconChevronUpRight,
   IconChevronsDown,
   IconChevronsDownLeft,
   IconChevronsDownRight,
@@ -5297,9 +5295,6 @@ export const ALL_ICONS = {
   IconChevronsUp,
   IconChevronsUpLeft,
   IconChevronsUpRight,
-  IconChevronUp,
-  IconChevronUpLeft,
-  IconChevronUpRight,
   IconChisel,
   IconChristmasTree,
   IconChristmasTreeOff,
@@ -5320,11 +5315,11 @@ export const ALL_ICONS = {
   IconCircleChevronDown,
   IconCircleChevronLeft,
   IconCircleChevronRight,
+  IconCircleChevronUp,
   IconCircleChevronsDown,
   IconCircleChevronsLeft,
   IconCircleChevronsRight,
   IconCircleChevronsUp,
-  IconCircleChevronUp,
   IconCircleDashed,
   IconCircleDot,
   IconCircleDotted,
@@ -5373,11 +5368,11 @@ export const ALL_ICONS = {
   IconCirclePlus,
   IconCircleRectangle,
   IconCircleRectangleOff,
-  IconCircles,
   IconCircleSquare,
-  IconCirclesRelation,
   IconCircleTriangle,
   IconCircleX,
+  IconCircles,
+  IconCirclesRelation,
   IconCircuitAmmeter,
   IconCircuitBattery,
   IconCircuitBulb,
@@ -5424,6 +5419,9 @@ export const ALL_ICONS = {
   IconClockExclamation,
   IconClockHeart,
   IconClockHour1,
+  IconClockHour10,
+  IconClockHour11,
+  IconClockHour12,
   IconClockHour2,
   IconClockHour3,
   IconClockHour4,
@@ -5432,9 +5430,6 @@ export const ALL_ICONS = {
   IconClockHour7,
   IconClockHour8,
   IconClockHour9,
-  IconClockHour10,
-  IconClockHour11,
-  IconClockHour12,
   IconClockMinus,
   IconClockOff,
   IconClockPause,
@@ -5503,9 +5498,9 @@ export const ALL_ICONS = {
   IconCoinOff,
   IconCoinPound,
   IconCoinRupee,
-  IconCoins,
   IconCoinYen,
   IconCoinYuan,
+  IconCoins,
   IconColorFilter,
   IconColorPicker,
   IconColorPickerOff,
@@ -5544,9 +5539,9 @@ export const ALL_ICONS = {
   IconCookieMan,
   IconCookieOff,
   IconCopy,
+  IconCopyOff,
   IconCopyleft,
   IconCopyleftOff,
-  IconCopyOff,
   IconCopyright,
   IconCopyrightOff,
   IconCornerDownLeft,
@@ -5582,8 +5577,8 @@ export const ALL_ICONS = {
   IconCricket,
   IconCrop,
   IconCross,
-  IconCrosshair,
   IconCrossOff,
+  IconCrosshair,
   IconCrown,
   IconCrownOff,
   IconCrutches,
@@ -5591,6 +5586,8 @@ export const ALL_ICONS = {
   IconCrystalBall,
   IconCsv,
   IconCube,
+  IconCube3dSphere,
+  IconCube3dSphereOff,
   IconCubeOff,
   IconCubePlus,
   IconCubeSend,
@@ -5831,37 +5828,13 @@ export const ALL_ICONS = {
   IconDeviceNintendoOff,
   IconDeviceProjector,
   IconDeviceRemote,
-  IconDevices,
-  IconDevices2,
-  IconDevicesBolt,
-  IconDevicesCancel,
-  IconDevicesCheck,
-  IconDevicesCode,
-  IconDevicesCog,
   IconDeviceSdCard,
-  IconDevicesDollar,
-  IconDevicesDown,
-  IconDevicesExclamation,
-  IconDevicesHeart,
   IconDeviceSim,
   IconDeviceSim1,
   IconDeviceSim2,
   IconDeviceSim3,
-  IconDevicesMinus,
-  IconDevicesOff,
-  IconDevicesPause,
-  IconDevicesPc,
-  IconDevicesPcOff,
   IconDeviceSpeaker,
   IconDeviceSpeakerOff,
-  IconDevicesPin,
-  IconDevicesPlus,
-  IconDevicesQuestion,
-  IconDevicesSearch,
-  IconDevicesShare,
-  IconDevicesStar,
-  IconDevicesUp,
-  IconDevicesX,
   IconDeviceTablet,
   IconDeviceTabletBolt,
   IconDeviceTabletCancel,
@@ -5910,6 +5883,30 @@ export const ALL_ICONS = {
   IconDeviceWatchStats2,
   IconDeviceWatchUp,
   IconDeviceWatchX,
+  IconDevices,
+  IconDevices2,
+  IconDevicesBolt,
+  IconDevicesCancel,
+  IconDevicesCheck,
+  IconDevicesCode,
+  IconDevicesCog,
+  IconDevicesDollar,
+  IconDevicesDown,
+  IconDevicesExclamation,
+  IconDevicesHeart,
+  IconDevicesMinus,
+  IconDevicesOff,
+  IconDevicesPause,
+  IconDevicesPc,
+  IconDevicesPcOff,
+  IconDevicesPin,
+  IconDevicesPlus,
+  IconDevicesQuestion,
+  IconDevicesSearch,
+  IconDevicesShare,
+  IconDevicesStar,
+  IconDevicesUp,
+  IconDevicesX,
   IconDiabolo,
   IconDiaboloOff,
   IconDiaboloPlus,
@@ -5928,9 +5925,9 @@ export const ALL_ICONS = {
   IconDimensions,
   IconDirection,
   IconDirectionHorizontal,
-  IconDirections,
   IconDirectionSign,
   IconDirectionSignOff,
+  IconDirections,
   IconDirectionsOff,
   IconDisabled,
   IconDisabled2,
@@ -5981,13 +5978,14 @@ export const ALL_ICONS = {
   IconDropletPin,
   IconDropletPlus,
   IconDropletQuestion,
-  IconDroplets,
   IconDropletSearch,
   IconDropletShare,
   IconDropletStar,
   IconDropletUp,
   IconDropletX,
+  IconDroplets,
   IconDualScreen,
+  IconEPassport,
   IconEar,
   IconEarOff,
   IconEaseIn,
@@ -6013,7 +6011,6 @@ export const ALL_ICONS = {
   IconEmphasis,
   IconEngine,
   IconEngineOff,
-  IconEPassport,
   IconEqual,
   IconEqualDouble,
   IconEqualNot,
@@ -6052,9 +6049,6 @@ export const ALL_ICONS = {
   IconEyeDown,
   IconEyeEdit,
   IconEyeExclamation,
-  IconEyeglass,
-  IconEyeglass2,
-  IconEyeglassOff,
   IconEyeHeart,
   IconEyeMinus,
   IconEyeOff,
@@ -6068,6 +6062,9 @@ export const ALL_ICONS = {
   IconEyeTable,
   IconEyeUp,
   IconEyeX,
+  IconEyeglass,
+  IconEyeglass2,
+  IconEyeglassOff,
   IconFaceId,
   IconFaceIdError,
   IconFaceMask,
@@ -6122,13 +6119,11 @@ export const ALL_ICONS = {
   IconFilePower,
   IconFileReport,
   IconFileRss,
-  IconFiles,
   IconFileScissors,
   IconFileSearch,
   IconFileSettings,
   IconFileShredder,
   IconFileSignal,
-  IconFilesOff,
   IconFileSpreadsheet,
   IconFileStack,
   IconFileStar,
@@ -6165,6 +6160,8 @@ export const ALL_ICONS = {
   IconFileVector,
   IconFileX,
   IconFileZip,
+  IconFiles,
+  IconFilesOff,
   IconFilter,
   IconFilterBolt,
   IconFilterCancel,
@@ -6183,12 +6180,12 @@ export const ALL_ICONS = {
   IconFilterPin,
   IconFilterPlus,
   IconFilterQuestion,
-  IconFilters,
   IconFilterSearch,
   IconFilterShare,
   IconFilterStar,
   IconFilterUp,
   IconFilterX,
+  IconFilters,
   IconFingerprint,
   IconFingerprintOff,
   IconFireExtinguisher,
@@ -6250,6 +6247,7 @@ export const ALL_ICONS = {
   IconFocusCentered,
   IconFold,
   IconFoldDown,
+  IconFoldUp,
   IconFolder,
   IconFolderBolt,
   IconFolderCancel,
@@ -6267,15 +6265,14 @@ export const ALL_ICONS = {
   IconFolderPin,
   IconFolderPlus,
   IconFolderQuestion,
-  IconFolders,
   IconFolderSearch,
   IconFolderShare,
-  IconFoldersOff,
   IconFolderStar,
   IconFolderSymlink,
   IconFolderUp,
   IconFolderX,
-  IconFoldUp,
+  IconFolders,
+  IconFoldersOff,
   IconForbid,
   IconForbid2,
   IconForklift,
@@ -6403,7 +6400,6 @@ export const ALL_ICONS = {
   IconHeadsetOff,
   IconHealthRecognition,
   IconHeart,
-  IconHeartbeat,
   IconHeartBolt,
   IconHeartBroken,
   IconHeartCancel,
@@ -6422,13 +6418,14 @@ export const ALL_ICONS = {
   IconHeartPlus,
   IconHeartQuestion,
   IconHeartRateMonitor,
-  IconHearts,
   IconHeartSearch,
   IconHeartShare,
-  IconHeartsOff,
   IconHeartStar,
   IconHeartUp,
   IconHeartX,
+  IconHeartbeat,
+  IconHearts,
+  IconHeartsOff,
   IconHelicopter,
   IconHelicopterLanding,
   IconHelmet,
@@ -6447,12 +6444,6 @@ export const ALL_ICONS = {
   IconHemispherePlus,
   IconHexagon,
   IconHexagon3d,
-  IconHexagonalPrism,
-  IconHexagonalPrismOff,
-  IconHexagonalPrismPlus,
-  IconHexagonalPyramid,
-  IconHexagonalPyramidOff,
-  IconHexagonalPyramidPlus,
   IconHexagonLetterA,
   IconHexagonLetterB,
   IconHexagonLetterC,
@@ -6490,6 +6481,12 @@ export const ALL_ICONS = {
   IconHexagonNumber8,
   IconHexagonNumber9,
   IconHexagonOff,
+  IconHexagonalPrism,
+  IconHexagonalPrismOff,
+  IconHexagonalPrismPlus,
+  IconHexagonalPyramid,
+  IconHexagonalPyramidOff,
+  IconHexagonalPyramidPlus,
   IconHexagons,
   IconHexagonsOff,
   IconHierarchy,
@@ -6538,6 +6535,7 @@ export const ALL_ICONS = {
   IconHourglassHigh,
   IconHourglassLow,
   IconHourglassOff,
+  IconHours24,
   IconHtml,
   IconHttpConnect,
   IconHttpDelete,
@@ -6602,6 +6600,7 @@ export const ALL_ICONS = {
   IconKarate,
   IconKayak,
   IconKey,
+  IconKeyOff,
   IconKeyboard,
   IconKeyboardHide,
   IconKeyboardOff,
@@ -6611,7 +6610,6 @@ export const ALL_ICONS = {
   IconKeyframeAlignHorizontal,
   IconKeyframeAlignVertical,
   IconKeyframes,
-  IconKeyOff,
   IconLadder,
   IconLadderOff,
   IconLadle,
@@ -6805,8 +6803,6 @@ export const ALL_ICONS = {
   IconMail,
   IconMailAi,
   IconMailBolt,
-  IconMailbox,
-  IconMailboxOff,
   IconMailCancel,
   IconMailCheck,
   IconMailCode,
@@ -6829,6 +6825,8 @@ export const ALL_ICONS = {
   IconMailStar,
   IconMailUp,
   IconMailX,
+  IconMailbox,
+  IconMailboxOff,
   IconMan,
   IconManualGearbox,
   IconMap,
@@ -6862,12 +6860,12 @@ export const ALL_ICONS = {
   IconMapPinPin,
   IconMapPinPlus,
   IconMapPinQuestion,
-  IconMapPins,
   IconMapPinSearch,
   IconMapPinShare,
   IconMapPinStar,
   IconMapPinUp,
   IconMapPinX,
+  IconMapPins,
   IconMapPlus,
   IconMapQuestion,
   IconMapSearch,
@@ -6898,8 +6896,8 @@ export const ALL_ICONS = {
   IconMathFunctionY,
   IconMathGreater,
   IconMathIntegral,
-  IconMathIntegrals,
   IconMathIntegralX,
+  IconMathIntegrals,
   IconMathLower,
   IconMathMax,
   IconMathMin,
@@ -6997,13 +6995,13 @@ export const ALL_ICONS = {
   IconMessagePlus,
   IconMessageQuestion,
   IconMessageReport,
-  IconMessages,
   IconMessageSearch,
   IconMessageShare,
-  IconMessagesOff,
   IconMessageStar,
   IconMessageUp,
   IconMessageX,
+  IconMessages,
+  IconMessagesOff,
   IconMeteor,
   IconMeteorOff,
   IconMichelinBibGourmand,
@@ -7093,10 +7091,10 @@ export const ALL_ICONS = {
   IconMovieOff,
   IconMug,
   IconMugOff,
-  IconMultiplier1x,
-  IconMultiplier2x,
   IconMultiplier05x,
   IconMultiplier15x,
+  IconMultiplier1x,
+  IconMultiplier2x,
   IconMushroom,
   IconMushroomOff,
   IconMusic,
@@ -7148,8 +7146,8 @@ export const ALL_ICONS = {
   IconNeedleThread,
   IconNetwork,
   IconNetworkOff,
-  IconNews,
   IconNewSection,
+  IconNews,
   IconNewsOff,
   IconNfc,
   IconNfcOff,
@@ -7158,9 +7156,9 @@ export const ALL_ICONS = {
   IconNoDerivatives,
   IconNorthStar,
   IconNote,
+  IconNoteOff,
   IconNotebook,
   IconNotebookOff,
-  IconNoteOff,
   IconNotes,
   IconNotesOff,
   IconNotification,
@@ -7319,8 +7317,8 @@ export const ALL_ICONS = {
   IconPlaneDeparture,
   IconPlaneInflight,
   IconPlaneOff,
-  IconPlanet,
   IconPlaneTilt,
+  IconPlanet,
   IconPlanetOff,
   IconPlant,
   IconPlant2,
@@ -7329,6 +7327,9 @@ export const ALL_ICONS = {
   IconPlayBasketball,
   IconPlayCard,
   IconPlayCardOff,
+  IconPlayFootball,
+  IconPlayHandball,
+  IconPlayVolleyball,
   IconPlayerEject,
   IconPlayerPause,
   IconPlayerPlay,
@@ -7338,8 +7339,6 @@ export const ALL_ICONS = {
   IconPlayerStop,
   IconPlayerTrackNext,
   IconPlayerTrackPrev,
-  IconPlayFootball,
-  IconPlayHandball,
   IconPlaylist,
   IconPlaylistAdd,
   IconPlaylistOff,
@@ -7348,7 +7347,6 @@ export const ALL_ICONS = {
   IconPlaystationSquare,
   IconPlaystationTriangle,
   IconPlaystationX,
-  IconPlayVolleyball,
   IconPlug,
   IconPlugConnected,
   IconPlugConnectedX,
@@ -7361,6 +7359,7 @@ export const ALL_ICONS = {
   IconPodium,
   IconPodiumOff,
   IconPoint,
+  IconPointOff,
   IconPointer,
   IconPointerBolt,
   IconPointerCancel,
@@ -7382,7 +7381,6 @@ export const ALL_ICONS = {
   IconPointerStar,
   IconPointerUp,
   IconPointerX,
-  IconPointOff,
   IconPokeball,
   IconPokeballOff,
   IconPokerChip,
@@ -7432,9 +7430,9 @@ export const ALL_ICONS = {
   IconRadar2,
   IconRadarOff,
   IconRadio,
+  IconRadioOff,
   IconRadioactive,
   IconRadioactiveOff,
-  IconRadioOff,
   IconRadiusBottomLeft,
   IconRadiusBottomRight,
   IconRadiusTopLeft,
@@ -7491,20 +7489,20 @@ export const ALL_ICONS = {
   IconReservedLine,
   IconResize,
   IconRestore,
-  IconRewindBackward5,
   IconRewindBackward10,
   IconRewindBackward15,
   IconRewindBackward20,
   IconRewindBackward30,
   IconRewindBackward40,
+  IconRewindBackward5,
   IconRewindBackward50,
   IconRewindBackward60,
-  IconRewindForward5,
   IconRewindForward10,
   IconRewindForward15,
   IconRewindForward20,
   IconRewindForward30,
   IconRewindForward40,
+  IconRewindForward5,
   IconRewindForward50,
   IconRewindForward60,
   IconRibbonHealth,
@@ -7518,9 +7516,9 @@ export const ALL_ICONS = {
   IconRobotOff,
   IconRocket,
   IconRocketOff,
+  IconRollerSkating,
   IconRollercoaster,
   IconRollercoasterOff,
-  IconRollerSkating,
   IconRosette,
   IconRosetteNumber0,
   IconRosetteNumber1,
@@ -7534,6 +7532,8 @@ export const ALL_ICONS = {
   IconRosetteNumber9,
   IconRotate,
   IconRotate2,
+  IconRotate360,
+  IconRotate3d,
   IconRotateClockwise,
   IconRotateClockwise2,
   IconRotateDot,
@@ -7556,6 +7556,10 @@ export const ALL_ICONS = {
   IconRulerMeasure,
   IconRulerOff,
   IconRun,
+  IconSTurnDown,
+  IconSTurnLeft,
+  IconSTurnRight,
+  IconSTurnUp,
   IconSailboat,
   IconSailboat2,
   IconSailboatOff,
@@ -7710,6 +7714,8 @@ export const ALL_ICONS = {
   IconShoppingCartX,
   IconShovel,
   IconShredder,
+  IconSignLeft,
+  IconSignRight,
   IconSignal2g,
   IconSignal3g,
   IconSignal4g,
@@ -7723,13 +7729,11 @@ export const ALL_ICONS = {
   IconSignalLte,
   IconSignature,
   IconSignatureOff,
-  IconSignLeft,
-  IconSignRight,
   IconSitemap,
   IconSitemapOff,
   IconSkateboard,
-  IconSkateboarding,
   IconSkateboardOff,
+  IconSkateboarding,
   IconSkull,
   IconSlash,
   IconSlashes,
@@ -7753,11 +7757,11 @@ export const ALL_ICONS = {
   IconSolarPanel2,
   IconSort09,
   IconSort90,
+  IconSortAZ,
   IconSortAscending,
   IconSortAscending2,
   IconSortAscendingLetters,
   IconSortAscendingNumbers,
-  IconSortAZ,
   IconSortDescending,
   IconSortDescending2,
   IconSortDescendingLetters,
@@ -7796,11 +7800,11 @@ export const ALL_ICONS = {
   IconSquareChevronDown,
   IconSquareChevronLeft,
   IconSquareChevronRight,
+  IconSquareChevronUp,
   IconSquareChevronsDown,
   IconSquareChevronsLeft,
   IconSquareChevronsRight,
   IconSquareChevronsUp,
-  IconSquareChevronUp,
   IconSquareDot,
   IconSquareF0,
   IconSquareF1,
@@ -7870,11 +7874,11 @@ export const ALL_ICONS = {
   IconSquareRoundedChevronDown,
   IconSquareRoundedChevronLeft,
   IconSquareRoundedChevronRight,
+  IconSquareRoundedChevronUp,
   IconSquareRoundedChevronsDown,
   IconSquareRoundedChevronsLeft,
   IconSquareRoundedChevronsRight,
   IconSquareRoundedChevronsUp,
-  IconSquareRoundedChevronUp,
   IconSquareRoundedLetterA,
   IconSquareRoundedLetterB,
   IconSquareRoundedLetterC,
@@ -7914,10 +7918,10 @@ export const ALL_ICONS = {
   IconSquareRoundedNumber9,
   IconSquareRoundedPlus,
   IconSquareRoundedX,
-  IconSquaresDiagonal,
   IconSquareToggle,
   IconSquareToggleHorizontal,
   IconSquareX,
+  IconSquaresDiagonal,
   IconStack,
   IconStack2,
   IconStack3,
@@ -7946,25 +7950,21 @@ export const ALL_ICONS = {
   IconStretching,
   IconStretching2,
   IconStrikethrough,
-  IconSTurnDown,
-  IconSTurnLeft,
-  IconSTurnRight,
-  IconSTurnUp,
   IconSubmarine,
   IconSubscript,
   IconSubtask,
   IconSum,
   IconSumOff,
   IconSun,
-  IconSunglasses,
   IconSunHigh,
   IconSunLow,
   IconSunMoon,
   IconSunOff,
+  IconSunWind,
+  IconSunglasses,
   IconSunrise,
   IconSunset,
   IconSunset2,
-  IconSunWind,
   IconSuperscript,
   IconSvg,
   IconSwimming,
@@ -8035,28 +8035,28 @@ export const ALL_ICONS = {
   IconTextResize,
   IconTextSize,
   IconTextSpellcheck,
-  IconTexture,
   IconTextWrap,
   IconTextWrapDisabled,
+  IconTexture,
   IconTheater,
   IconThermometer,
   IconThumbDown,
   IconThumbDownOff,
   IconThumbUp,
   IconThumbUpOff,
+  IconTicTac,
   IconTicket,
   IconTicketOff,
-  IconTicTac,
   IconTie,
   IconTilde,
   IconTiltShift,
   IconTiltShiftOff,
   IconTimeDuration0,
-  IconTimeDuration5,
   IconTimeDuration10,
   IconTimeDuration15,
   IconTimeDuration30,
   IconTimeDuration45,
+  IconTimeDuration5,
   IconTimeDuration60,
   IconTimeDuration90,
   IconTimeDurationOff,
@@ -8132,8 +8132,8 @@ export const ALL_ICONS = {
   IconTriangle,
   IconTriangleInverted,
   IconTriangleOff,
-  IconTriangles,
   IconTriangleSquareCircle,
+  IconTriangles,
   IconTrident,
   IconTrolley,
   IconTrophy,
@@ -8174,16 +8174,16 @@ export const ALL_ICONS = {
   IconUserPin,
   IconUserPlus,
   IconUserQuestion,
-  IconUsers,
   IconUserSearch,
-  IconUsersGroup,
   IconUserShare,
   IconUserShield,
-  IconUsersMinus,
-  IconUsersPlus,
   IconUserStar,
   IconUserUp,
   IconUserX,
+  IconUsers,
+  IconUsersGroup,
+  IconUsersMinus,
+  IconUsersPlus,
   IconUvIndex,
   IconUxCircle,
   IconVaccine,
@@ -8211,6 +8211,7 @@ export const ALL_ICONS = {
   IconVideoMinus,
   IconVideoOff,
   IconVideoPlus,
+  IconView360,
   IconView360Off,
   IconViewfinder,
   IconViewfinderOff,
@@ -8231,9 +8232,9 @@ export const ALL_ICONS = {
   IconVolumeOff,
   IconWalk,
   IconWall,
+  IconWallOff,
   IconWallet,
   IconWalletOff,
-  IconWallOff,
   IconWallpaper,
   IconWallpaperOff,
   IconWand,
@@ -8244,8 +8245,6 @@ export const ALL_ICONS = {
   IconWashDry2,
   IconWashDry3,
   IconWashDryA,
-  IconWashDryclean,
-  IconWashDrycleanOff,
   IconWashDryDip,
   IconWashDryF,
   IconWashDryFlat,
@@ -8254,6 +8253,8 @@ export const ALL_ICONS = {
   IconWashDryP,
   IconWashDryShade,
   IconWashDryW,
+  IconWashDryclean,
+  IconWashDrycleanOff,
   IconWashEco,
   IconWashGentle,
   IconWashHand,
@@ -8284,9 +8285,9 @@ export const ALL_ICONS = {
   IconWifi2,
   IconWifiOff,
   IconWind,
+  IconWindOff,
   IconWindmill,
   IconWindmillOff,
-  IconWindOff,
   IconWindow,
   IconWindowMaximize,
   IconWindowMinimize,
@@ -8366,5 +8367,4 @@ export const ALL_ICONS = {
   IconZoomReset,
   IconZzz,
   IconZzzOff,
-  IconBrowserMaximize,
 };

packages/twenty-ui/src/display/index.ts

@@ -1,67 +1,392 @@
-export * from './avatar-chip/components/AvatarChip';
-export * from './avatar-chip/components/AvatarChipLeftComponent';
-export * from './avatar-chip/components/LinkAvatarChip';
-export * from './avatar-chip/types/AvatarChipsCommonProps.type';
-export * from './avatar-chip/types/AvatarChipsVariant.type';
-export * from './avatar/components/Avatar';
-export * from './avatar/components/AvatarGroup';
-export * from './avatar/components/states/isInvalidAvatarUrlState';
-export * from './avatar/constants/AvatarPropertiesBySize';
-export * from './avatar/types/AvatarSize';
-export * from './avatar/types/AvatarType';
-export * from './banner/components/Banner';
-export * from './checkmark/components/AnimatedCheckmark';
-export * from './checkmark/components/Checkmark';
-export * from './chip/components/Chip';
-export * from './chip/components/LinkChip';
-export * from './color/components/ColorSample';
-export * from './icon/components/IconAddressBook';
-export * from './icon/components/IconGmail';
-export * from './icon/components/IconGoogle';
-export * from './icon/components/IconGoogleCalendar';
-export * from './icon/components/IconLock';
-export * from './icon/components/IconMicrosoft';
-export * from './icon/components/IconMicrosoftCalendar';
-export * from './icon/components/IconMicrosoftOutlook';
-export * from './icon/components/IconRelationManyToOne';
-export * from './icon/components/IconTwentyStar';
-export * from './icon/components/IconTwentyStarFilled';
-export * from './icon/components/IllustrationIconArray';
-export * from './icon/components/IllustrationIconCalendarEvent';
-export * from './icon/components/IllustrationIconCalendarTime';
-export * from './icon/components/IllustrationIconCurrency';
-export * from './icon/components/IllustrationIconJson';
-export * from './icon/components/IllustrationIconLink';
-export * from './icon/components/IllustrationIconMail';
-export * from './icon/components/IllustrationIconManyToMany';
-export * from './icon/components/IllustrationIconMap';
-export * from './icon/components/IllustrationIconNumbers';
-export * from './icon/components/IllustrationIconOneToMany';
-export * from './icon/components/IllustrationIconOneToOne';
-export * from './icon/components/IllustrationIconPhone';
-export * from './icon/components/IllustrationIconSetting';
-export * from './icon/components/IllustrationIconStar';
-export * from './icon/components/IllustrationIconTag';
-export * from './icon/components/IllustrationIconTags';
-export * from './icon/components/IllustrationIconText';
-export * from './icon/components/IllustrationIconToggle';
-export * from './icon/components/IllustrationIconUid';
-export * from './icon/components/IllustrationIconUser';
-export * from './icon/components/IllustrationIconWrapper';
-export * from './icon/components/TablerIcons';
-export * from './icon/hooks/useIcons';
-export * from './icon/providers/IconsProvider';
-export * from './icon/states/iconsState';
-export * from './icon/types/IconComponent';
-export * from './info/components/Info';
-export * from './status/components/Status';
-export * from './tag/components/Tag';
-export * from './text/components/HorizontalSeparator';
-export * from './text/components/SeparatorLineText';
-export * from './tooltip/AppTooltip';
-export * from './tooltip/OverflowingTextWithTooltip';
-export * from './typography/components/H1Title';
-export * from './typography/components/H2Title';
-export * from './typography/components/H3Title';
-export * from './typography/components/Label';
-export * from './typography/components/StyledText';
+/*
+ * _____                    _
+ *|_   _|_      _____ _ __ | |_ _   _
+ *  | | \ \ /\ / / _ \ '_ \| __| | | | Auto-generated file
+ *  | |  \ V  V /  __/ | | | |_| |_| | Any edits to this will be overridden
+ *  |_|   \_/\_/ \___|_| |_|\__|\__, |
+ *                              |___/
+ */
+
+export type { AvatarProps } from './avatar/components/Avatar';
+export { Avatar } from './avatar/components/Avatar';
+export type { AvatarGroupProps } from './avatar/components/AvatarGroup';
+export { AvatarGroup } from './avatar/components/AvatarGroup';
+export { invalidAvatarUrlsState } from './avatar/components/states/isInvalidAvatarUrlState';
+export { AVATAR_PROPERTIES_BY_SIZE } from './avatar/constants/AvatarPropertiesBySize';
+export type { AvatarSize } from './avatar/types/AvatarSize';
+export type { AvatarType } from './avatar/types/AvatarType';
+export type { BannerVariant } from './banner/components/Banner';
+export { Banner } from './banner/components/Banner';
+export type { AnimatedCheckmarkProps } from './checkmark/components/AnimatedCheckmark';
+export { AnimatedCheckmark } from './checkmark/components/AnimatedCheckmark';
+export type { CheckmarkProps } from './checkmark/components/Checkmark';
+export { Checkmark } from './checkmark/components/Checkmark';
+export type {
+  ColorSampleVariant,
+  ColorSampleProps,
+} from './color/components/ColorSample';
+export { ColorSample } from './color/components/ColorSample';
+export { IconAddressBook } from './icon/components/IconAddressBook';
+export { IconGmail } from './icon/components/IconGmail';
+export { IconGoogle } from './icon/components/IconGoogle';
+export { IconGoogleCalendar } from './icon/components/IconGoogleCalendar';
+export { IconLockCustom } from './icon/components/IconLock';
+export { IconMicrosoft } from './icon/components/IconMicrosoft';
+export { IconMicrosoftCalendar } from './icon/components/IconMicrosoftCalendar';
+export { IconMicrosoftOutlook } from './icon/components/IconMicrosoftOutlook';
+export { IconRelationManyToOne } from './icon/components/IconRelationManyToOne';
+export { IconTwentyStar } from './icon/components/IconTwentyStar';
+export { IconTwentyStarFilled } from './icon/components/IconTwentyStarFilled';
+export { IllustrationIconArray } from './icon/components/IllustrationIconArray';
+export { IllustrationIconCalendarEvent } from './icon/components/IllustrationIconCalendarEvent';
+export { IllustrationIconCalendarTime } from './icon/components/IllustrationIconCalendarTime';
+export { IllustrationIconCurrency } from './icon/components/IllustrationIconCurrency';
+export { IllustrationIconJson } from './icon/components/IllustrationIconJson';
+export { IllustrationIconLink } from './icon/components/IllustrationIconLink';
+export { IllustrationIconMail } from './icon/components/IllustrationIconMail';
+export { IllustrationIconManyToMany } from './icon/components/IllustrationIconManyToMany';
+export { IllustrationIconMap } from './icon/components/IllustrationIconMap';
+export { IllustrationIconNumbers } from './icon/components/IllustrationIconNumbers';
+export { IllustrationIconOneToMany } from './icon/components/IllustrationIconOneToMany';
+export { IllustrationIconOneToOne } from './icon/components/IllustrationIconOneToOne';
+export { IllustrationIconPhone } from './icon/components/IllustrationIconPhone';
+export { IllustrationIconSetting } from './icon/components/IllustrationIconSetting';
+export { IllustrationIconStar } from './icon/components/IllustrationIconStar';
+export { IllustrationIconTag } from './icon/components/IllustrationIconTag';
+export { IllustrationIconTags } from './icon/components/IllustrationIconTags';
+export { IllustrationIconText } from './icon/components/IllustrationIconText';
+export { IllustrationIconToggle } from './icon/components/IllustrationIconToggle';
+export { IllustrationIconUid } from './icon/components/IllustrationIconUid';
+export { IllustrationIconUser } from './icon/components/IllustrationIconUser';
+export { IllustrationIconWrapper } from './icon/components/IllustrationIconWrapper';
+export type { TablerIconsProps } from './icon/components/TablerIcons';
+export {
+  Icon123,
+  IconAlertCircle,
+  IconAlertTriangle,
+  IconApi,
+  IconAppWindow,
+  IconApps,
+  IconArchive,
+  IconArchiveOff,
+  IconArrowBackUp,
+  IconArrowDown,
+  IconArrowLeft,
+  IconArrowRight,
+  IconArrowUp,
+  IconArrowUpRight,
+  IconArrowsDiagonal,
+  IconArrowsVertical,
+  IconAt,
+  IconBaselineDensitySmall,
+  IconBell,
+  IconBolt,
+  IconBook2,
+  IconBookmark,
+  IconBookmarkPlus,
+  IconBox,
+  IconBrackets,
+  IconBracketsAngle,
+  IconBracketsContain,
+  IconBrandDaysCounter,
+  IconBrandGithub,
+  IconBrandGoogle,
+  IconBrandGraphql,
+  IconBrandLinkedin,
+  IconBrandX,
+  IconBriefcase,
+  IconBrowserMaximize,
+  IconBuildingSkyscraper,
+  IconCalendar,
+  IconCalendarDue,
+  IconCalendarEvent,
+  IconCalendarTime,
+  IconCalendarX,
+  IconChartCandle,
+  IconCheck,
+  IconCheckbox,
+  IconChevronDown,
+  IconChevronLeft,
+  IconChevronRight,
+  IconChevronUp,
+  IconChevronsRight,
+  IconCircleDot,
+  IconCircleOff,
+  IconCirclePlus,
+  IconCircleX,
+  IconClick,
+  IconClockHour8,
+  IconClockPlay,
+  IconClockShare,
+  IconCode,
+  IconCodeCircle,
+  IconCoins,
+  IconColorSwatch,
+  IconComment,
+  IconCopy,
+  IconCreativeCommonsSa,
+  IconCreditCard,
+  IconCsv,
+  IconCube,
+  IconCurrencyAfghani,
+  IconCurrencyBahraini,
+  IconCurrencyBaht,
+  IconCurrencyDinar,
+  IconCurrencyDirham,
+  IconCurrencyDollar,
+  IconCurrencyDollarAustralian,
+  IconCurrencyDollarBrunei,
+  IconCurrencyDollarCanadian,
+  IconCurrencyDollarGuyanese,
+  IconCurrencyDollarSingapore,
+  IconCurrencyDong,
+  IconCurrencyDram,
+  IconCurrencyEuro,
+  IconCurrencyFlorin,
+  IconCurrencyForint,
+  IconCurrencyFrank,
+  IconCurrencyGuarani,
+  IconCurrencyHryvnia,
+  IconCurrencyIranianRial,
+  IconCurrencyKip,
+  IconCurrencyKroneCzech,
+  IconCurrencyKroneDanish,
+  IconCurrencyKroneSwedish,
+  IconCurrencyLari,
+  IconCurrencyLeu,
+  IconCurrencyLira,
+  IconCurrencyLyd,
+  IconCurrencyManat,
+  IconCurrencyNaira,
+  IconCurrencyPaanga,
+  IconCurrencyPeso,
+  IconCurrencyPound,
+  IconCurrencyQuetzal,
+  IconCurrencyReal,
+  IconCurrencyRenminbi,
+  IconCurrencyRiyal,
+  IconCurrencyRubel,
+  IconCurrencyRufiyaa,
+  IconCurrencyRupee,
+  IconCurrencyRupeeNepalese,
+  IconCurrencyShekel,
+  IconCurrencySom,
+  IconCurrencyTaka,
+  IconCurrencyTenge,
+  IconCurrencyTugrik,
+  IconCurrencyWon,
+  IconCurrencyYen,
+  IconCurrencyYuan,
+  IconCurrencyZloty,
+  IconDatabase,
+  IconDatabaseExport,
+  IconDecimal,
+  IconDeviceFloppy,
+  IconDoorEnter,
+  IconDotsVertical,
+  IconDownload,
+  IconEditCircle,
+  IconExternalLink,
+  IconEye,
+  IconEyeOff,
+  IconEyeShare,
+  IconFile,
+  IconFileCheck,
+  IconFileExport,
+  IconFileImport,
+  IconFilePencil,
+  IconFileText,
+  IconFileUpload,
+  IconFileZip,
+  IconFilter,
+  IconFilterCog,
+  IconFilterOff,
+  IconFlag,
+  IconFlask,
+  IconFocusCentered,
+  IconFolder,
+  IconFolderOpen,
+  IconFolderPlus,
+  IconFolderRoot,
+  IconForbid,
+  IconFunction,
+  IconGauge,
+  IconGitCommit,
+  IconGripVertical,
+  IconH1,
+  IconH2,
+  IconH3,
+  IconHandClick,
+  IconHandMove,
+  IconHeadphones,
+  IconHeart,
+  IconHeartOff,
+  IconHeartRateMonitor,
+  IconHelpCircle,
+  IconHierarchy,
+  IconHierarchy2,
+  IconHistory,
+  IconHistoryToggle,
+  IconHome,
+  IconHours24,
+  IconId,
+  IconInbox,
+  IconInfoCircle,
+  IconJson,
+  IconKey,
+  IconLanguage,
+  IconLayersLinked,
+  IconLayout,
+  IconLayoutKanban,
+  IconLayoutList,
+  IconLayoutNavbar,
+  IconLayoutSidebarLeftCollapse,
+  IconLayoutSidebarRight,
+  IconLayoutSidebarRightCollapse,
+  IconLayoutSidebarRightExpand,
+  IconLibraryPlus,
+  IconLifebuoy,
+  IconLink,
+  IconLinkOff,
+  IconList,
+  IconListCheck,
+  IconListDetails,
+  IconListNumbers,
+  IconLoader,
+  IconLock,
+  IconLockOpen,
+  IconLogin2,
+  IconLogout,
+  IconMail,
+  IconMailCog,
+  IconMap,
+  IconMaximize,
+  IconMessage,
+  IconMinus,
+  IconMoneybag,
+  IconMoodSmile,
+  IconMoon,
+  IconMouse2,
+  IconNorthStar,
+  IconNoteOff,
+  IconNotes,
+  IconNumber9,
+  IconNumbers,
+  IconPaperclip,
+  IconPassword,
+  IconPencil,
+  IconPercentage,
+  IconPhone,
+  IconPhoto,
+  IconPhotoUp,
+  IconPilcrow,
+  IconPlayerPause,
+  IconPlayerPlay,
+  IconPlayerStop,
+  IconPlaylistAdd,
+  IconPlaystationSquare,
+  IconPlug,
+  IconPlus,
+  IconPoint,
+  IconPower,
+  IconPresentation,
+  IconPrinter,
+  IconProgressCheck,
+  IconPuzzle,
+  IconQuestionMark,
+  IconRefresh,
+  IconRefreshDot,
+  IconRelationManyToMany,
+  IconRelationOneToMany,
+  IconRelationOneToOne,
+  IconReload,
+  IconRepeat,
+  IconRestore,
+  IconRobot,
+  IconRocket,
+  IconRotate,
+  IconRotate2,
+  IconSearch,
+  IconSend,
+  IconServer,
+  IconServer2,
+  IconSettings,
+  IconSettings2,
+  IconSettingsAutomation,
+  IconSlash,
+  IconSortAZ,
+  IconSortDescending,
+  IconSortZA,
+  IconSparkles,
+  IconSql,
+  IconSquare,
+  IconSquareKey,
+  IconSquareRoundedCheck,
+  IconSquareRoundedX,
+  IconStatusChange,
+  IconStepInto,
+  IconSun,
+  IconSunMoon,
+  IconSwitchHorizontal,
+  IconTable,
+  IconTag,
+  IconTags,
+  IconTarget,
+  IconTargetArrow,
+  IconTestPipe,
+  IconTextSize,
+  IconTextWrap,
+  IconTimeDuration30,
+  IconTimeDuration60,
+  IconTimelineEvent,
+  IconTool,
+  IconTrash,
+  IconTrashX,
+  IconTypography,
+  IconUnlink,
+  IconUpload,
+  IconUser,
+  IconUserCircle,
+  IconUserCog,
+  IconUserPin,
+  IconUserPlus,
+  IconUsers,
+  IconVariable,
+  IconVariablePlus,
+  IconVersions,
+  IconVersionsOff,
+  IconVideo,
+  IconWand,
+  IconWebhook,
+  IconWorld,
+  IconX,
+} from './icon/components/TablerIcons';
+export { useIcons } from './icon/hooks/useIcons';
+export { IconsProvider } from './icon/providers/IconsProvider';
+export { iconsState } from './icon/states/iconsState';
+export type {
+  IconComponentProps,
+  IconComponent,
+} from './icon/types/IconComponent';
+export type { InfoAccent, InfoProps } from './info/components/Info';
+export { Info } from './info/components/Info';
+export { Status } from './status/components/Status';
+export { HorizontalSeparator } from './text/components/HorizontalSeparator';
+export { SeparatorLineText } from './text/components/SeparatorLineText';
+export type { AppTooltipProps } from './tooltip/AppTooltip';
+export {
+  TooltipPosition,
+  TooltipDelay,
+  AppTooltip,
+} from './tooltip/AppTooltip';
+export { OverflowingTextWithTooltip } from './tooltip/OverflowingTextWithTooltip';
+export { H1TitleFontColor, H1Title } from './typography/components/H1Title';
+export { H2Title } from './typography/components/H2Title';
+export { H3Title } from './typography/components/H3Title';
+export type { LabelVariant } from './typography/components/Label';
+export { Label } from './typography/components/Label';
+export {
+  StyledTextContent,
+  StyledTextWrapper,
+  StyledText,
+} from './typography/components/StyledText';

packages/twenty-ui/src/display/tooltip/AppTooltip.tsx

@@ -69,14 +69,18 @@ export const AppTooltip = ({
   width,
   isOpen,
 }: AppTooltipProps) => {
-  const delayInMs =
-    delay === TooltipDelay.noDelay
-      ? 0
-      : delay === TooltipDelay.shortDelay
-        ? 300
-        : delay === TooltipDelay.mediumDelay
-          ? 500
-          : 1000;
+  const getDelayInMis = (delay: TooltipDelay) => {
+    switch (delay) {
+      case TooltipDelay.noDelay:
+        return 0;
+      case TooltipDelay.shortDelay:
+        return 300;
+      case TooltipDelay.mediumDelay:
+        return 500;
+      case TooltipDelay.longDelay:
+        return 1000;
+    }
+  };
 
   return (
     <StyledAppTooltip
@@ -84,7 +88,7 @@ export const AppTooltip = ({
         anchorSelect,
         className,
         content,
-        delayShow: delayInMs,
+        delayShow: getDelayInMis(delay),
         delayHide: 20,
         hidden,
         noArrow,

packages/twenty-ui/src/feedback/index.ts

@@ -1,4 +1,17 @@
-export * from './loader/components/Loader';
-export * from './progress-bar/components/CircularProgressBar';
-export * from './progress-bar/components/ProgressBar';
-export * from './progress-bar/hooks/useProgressAnimation';
+/*
+ * _____                    _
+ *|_   _|_      _____ _ __ | |_ _   _
+ *  | | \ \ /\ / / _ \ '_ \| __| | | | Auto-generated file
+ *  | |  \ V  V /  __/ | | | |_| |_| | Any edits to this will be overridden
+ *  |_|   \_/\_/ \___|_| |_|\__|\__, |
+ *                              |___/
+ */
+
+export { Loader } from './loader/components/Loader';
+export { CircularProgressBar } from './progress-bar/components/CircularProgressBar';
+export type {
+  ProgressBarProps,
+  StyledBarProps,
+} from './progress-bar/components/ProgressBar';
+export { ProgressBar } from './progress-bar/components/ProgressBar';
+export { useProgressAnimation } from './progress-bar/hooks/useProgressAnimation';

packages/twenty-ui/src/index.ts

@@ -1,11 +1 @@
-export * from './accessibility';
-export * from './components';
-export * from './display';
-export * from './feedback';
-export * from './input';
-export * from './json-visualizer';
-export * from './layout';
-export * from './navigation';
-export * from './testing';
-export * from './theme';
-export * from './utilities';
+export default {};

packages/twenty-ui/src/input/button/components/AnimatedButton.tsx

@@ -1,11 +1,11 @@
 import { css, useTheme } from '@emotion/react';
 import styled from '@emotion/styled';
-import { Pill } from '@ui/components/Pill/Pill';
 import { useIsMobile } from '@ui/utilities';
 import { getOsShortcutSeparator } from '@ui/utilities/device/getOsShortcutSeparator';
 import { MotionProps, motion } from 'framer-motion';
 import { Link } from 'react-router-dom';
 
+import { Pill } from '@ui/components/Pill/Pill';
 import {
   ButtonAccent,
   ButtonProps,

packages/twenty-ui/src/input/components/IconListViewGrip.tsx

@@ -1,4 +1,4 @@
-import IconListViewGripRaw from '@ui/input/components/list-view-grip.svg?react';
+import IconListViewGripRaw from '@assets/misc/list-view-grip.svg?react';
 import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
 
 type IconListViewGripProps = Pick<IconComponentProps, 'size' | 'stroke'>;

packages/twenty-ui/src/input/index.ts

@@ -1,30 +1,93 @@
-export * from './button/components/AnimatedButton';
-export * from './button/components/AnimatedLightIconButton';
-export * from './button/components/Button/Button';
-export * from './button/components/Button/constant';
-export * from './button/components/ButtonGroup';
-export * from './button/components/ColorPickerButton';
-export * from './button/components/FloatingButton';
-export * from './button/components/FloatingButtonGroup';
-export * from './button/components/FloatingIconButton';
-export * from './button/components/FloatingIconButtonGroup';
-export * from './button/components/IconButton';
-export * from './button/components/IconButtonGroup';
-export * from './button/components/LightButton';
-export * from './button/components/LightIconButton';
-export * from './button/components/LightIconButtonGroup';
-export * from './button/components/MainButton';
-export * from './button/components/RoundedIconButton';
-export * from './code-editor/components/CodeEditor';
-export * from './code-editor/components/CodeEditorHeader';
-export * from './code-editor/theme/utils/codeEditorTheme';
-export * from './color-scheme/components/ColorSchemeCard';
-export * from './color-scheme/components/ColorSchemePicker';
-export * from './components/CardPicker';
-export * from './components/Checkbox';
-export * from './components/IconListViewGrip';
-export * from './components/Radio';
-export * from './components/RadioGroup';
-export * from './components/Toggle';
-export * from './types/ColorScheme';
-export * from './types/SelectOption';
+/*
+ * _____                    _
+ *|_   _|_      _____ _ __ | |_ _   _
+ *  | | \ \ /\ / / _ \ '_ \| __| | | | Auto-generated file
+ *  | |  \ V  V /  __/ | | | |_| |_| | Any edits to this will be overridden
+ *  |_|   \_/\_/ \___|_| |_|\__|\__, |
+ *                              |___/
+ */
+
+export type { AnimatedButtonProps } from './button/components/AnimatedButton';
+export { AnimatedButton } from './button/components/AnimatedButton';
+export type { AnimatedLightIconButtonProps } from './button/components/AnimatedLightIconButton';
+export { AnimatedLightIconButton } from './button/components/AnimatedLightIconButton';
+export type {
+  ButtonSize,
+  ButtonPosition,
+  ButtonVariant,
+  ButtonAccent,
+  ButtonProps,
+} from './button/components/Button/Button';
+export { Button } from './button/components/Button/Button';
+export { baseTransitionTiming } from './button/components/Button/constant';
+export type { ButtonGroupProps } from './button/components/ButtonGroup';
+export { ButtonGroup } from './button/components/ButtonGroup';
+export { ColorPickerButton } from './button/components/ColorPickerButton';
+export type {
+  FloatingButtonSize,
+  FloatingButtonPosition,
+  FloatingButtonProps,
+} from './button/components/FloatingButton';
+export { FloatingButton } from './button/components/FloatingButton';
+export type { FloatingButtonGroupProps } from './button/components/FloatingButtonGroup';
+export { FloatingButtonGroup } from './button/components/FloatingButtonGroup';
+export type {
+  FloatingIconButtonSize,
+  FloatingIconButtonPosition,
+  FloatingIconButtonProps,
+} from './button/components/FloatingIconButton';
+export { FloatingIconButton } from './button/components/FloatingIconButton';
+export type { FloatingIconButtonGroupProps } from './button/components/FloatingIconButtonGroup';
+export { FloatingIconButtonGroup } from './button/components/FloatingIconButtonGroup';
+export type {
+  IconButtonSize,
+  IconButtonPosition,
+  IconButtonVariant,
+  IconButtonAccent,
+  IconButtonProps,
+} from './button/components/IconButton';
+export { IconButton } from './button/components/IconButton';
+export type { IconButtonGroupProps } from './button/components/IconButtonGroup';
+export { IconButtonGroup } from './button/components/IconButtonGroup';
+export type {
+  LightButtonAccent,
+  LightButtonProps,
+} from './button/components/LightButton';
+export { LightButton } from './button/components/LightButton';
+export type {
+  LightIconButtonAccent,
+  LightIconButtonSize,
+  LightIconButtonProps,
+} from './button/components/LightIconButton';
+export { LightIconButton } from './button/components/LightIconButton';
+export type { LightIconButtonGroupProps } from './button/components/LightIconButtonGroup';
+export { LightIconButtonGroup } from './button/components/LightIconButtonGroup';
+export type { MainButtonVariant } from './button/components/MainButton';
+export { MainButton } from './button/components/MainButton';
+export { RoundedIconButton } from './button/components/RoundedIconButton';
+export { CodeEditor } from './code-editor/components/CodeEditor';
+export type { CoreEditorHeaderProps } from './code-editor/components/CodeEditorHeader';
+export { CoreEditorHeader } from './code-editor/components/CodeEditorHeader';
+export { codeEditorTheme } from './code-editor/theme/utils/codeEditorTheme';
+export type {
+  ColorSchemeSegmentProps,
+  ColorSchemeCardProps,
+} from './color-scheme/components/ColorSchemeCard';
+export { ColorSchemeCard } from './color-scheme/components/ColorSchemeCard';
+export type { ColorSchemePickerProps } from './color-scheme/components/ColorSchemePicker';
+export { ColorSchemePicker } from './color-scheme/components/ColorSchemePicker';
+export { CardPicker } from './components/CardPicker';
+export {
+  CheckboxVariant,
+  CheckboxShape,
+  CheckboxSize,
+  Checkbox,
+} from './components/Checkbox';
+export { IconListViewGrip } from './components/IconListViewGrip';
+export type { RadioProps } from './components/Radio';
+export { RadioSize, LabelPosition, Radio } from './components/Radio';
+export { RadioGroup } from './components/RadioGroup';
+export type { ToggleSize, ToggleProps } from './components/Toggle';
+export { Toggle } from './components/Toggle';
+export type { ColorScheme } from './types/ColorScheme';
+export type { SelectOption } from './types/SelectOption';

packages/twenty-ui/src/json-visualizer/index.ts

@@ -1,13 +1,26 @@
-export * from './components/JsonArrayNode';
-export * from './components/JsonNestedNode';
-export * from './components/JsonNode';
-export * from './components/JsonObjectNode';
-export * from './components/JsonTree';
-export * from './components/JsonTreeContextProvider';
-export * from './components/JsonValueNode';
-export * from './contexts/JsonTreeContext';
-export * from './hooks/useJsonTreeContextOrThrow';
-export * from './types/GetJsonNodeHighlighting';
-export * from './types/JsonNodeHighlighting';
-export * from './utils/isArray';
-export * from './utils/isTwoFirstDepths';
+/*
+ * _____                    _
+ *|_   _|_      _____ _ __ | |_ _   _
+ *  | | \ \ /\ / / _ \ '_ \| __| | | | Auto-generated file
+ *  | |  \ V  V /  __/ | | | |_| |_| | Any edits to this will be overridden
+ *  |_|   \_/\_/ \___|_| |_|\__|\__, |
+ *                              |___/
+ */
+
+export { JsonArrayNode } from './components/JsonArrayNode';
+export { JsonNestedNode } from './components/JsonNestedNode';
+export { JsonNode } from './components/JsonNode';
+export { JsonObjectNode } from './components/JsonObjectNode';
+export { JsonTree } from './components/JsonTree';
+export { JsonTreeContextProvider } from './components/JsonTreeContextProvider';
+export { JsonValueNode } from './components/JsonValueNode';
+export type {
+  ShouldExpandNodeInitiallyProps,
+  JsonTreeContextType,
+} from './contexts/JsonTreeContext';
+export { JsonTreeContext } from './contexts/JsonTreeContext';
+export { useJsonTreeContextOrThrow } from './hooks/useJsonTreeContextOrThrow';
+export type { GetJsonNodeHighlighting } from './types/GetJsonNodeHighlighting';
+export type { JsonNodeHighlighting } from './types/JsonNodeHighlighting';
+export { isArray } from './utils/isArray';
+export { isTwoFirstDepths } from './utils/isTwoFirstDepths';

packages/twenty-ui/src/layout/index.ts

@@ -1,21 +1,46 @@
-export * from './animated-expandable-container/components/AnimatedExpandableContainer';
-export * from './animated-expandable-container/types/AnimationDimension';
-export * from './animated-expandable-container/types/AnimationDurationObject';
-export * from './animated-expandable-container/types/AnimationDurations';
-export * from './animated-expandable-container/types/AnimationMode';
-export * from './animated-expandable-container/types/AnimationSize';
-export * from './animated-expandable-container/utils/getCommonStyles';
-export * from './animated-expandable-container/utils/getExpandableAnimationConfig';
-export * from './animated-expandable-container/utils/getTransitionValues';
-export * from './animated-placeholder/components/AnimatedPlaceholder';
-export * from './animated-placeholder/components/EmptyPlaceholderStyled';
-export * from './animated-placeholder/components/ErrorPlaceholderStyled';
-export * from './animated-placeholder/constants/Background';
-export * from './animated-placeholder/constants/DarkBackground';
-export * from './animated-placeholder/constants/DarkMovingImage';
-export * from './animated-placeholder/constants/MovingImage';
-export * from './card/components/Card';
-export * from './card/components/CardContent';
-export * from './card/components/CardFooter';
-export * from './card/components/CardHeader';
-export * from './section/components/Section';
+/*
+ * _____                    _
+ *|_   _|_      _____ _ __ | |_ _   _
+ *  | | \ \ /\ / / _ \ '_ \| __| | | | Auto-generated file
+ *  | |  \ V  V /  __/ | | | |_| |_| | Any edits to this will be overridden
+ *  |_|   \_/\_/ \___|_| |_|\__|\__, |
+ *                              |___/
+ */
+
+export { AnimatedExpandableContainer } from './animated-expandable-container/components/AnimatedExpandableContainer';
+export type { AnimationDimension } from './animated-expandable-container/types/AnimationDimension';
+export type { AnimationDurationObject } from './animated-expandable-container/types/AnimationDurationObject';
+export type { AnimationDurations } from './animated-expandable-container/types/AnimationDurations';
+export type { AnimationMode } from './animated-expandable-container/types/AnimationMode';
+export type { AnimationSize } from './animated-expandable-container/types/AnimationSize';
+export { getCommonStyles } from './animated-expandable-container/utils/getCommonStyles';
+export { getExpandableAnimationConfig } from './animated-expandable-container/utils/getExpandableAnimationConfig';
+export { getTransitionValues } from './animated-expandable-container/utils/getTransitionValues';
+export type { AnimatedPlaceholderType } from './animated-placeholder/components/AnimatedPlaceholder';
+export { AnimatedPlaceholder } from './animated-placeholder/components/AnimatedPlaceholder';
+export {
+  AnimatedPlaceholderEmptyContainer,
+  EMPTY_PLACEHOLDER_TRANSITION_PROPS,
+  AnimatedPlaceholderEmptyTextContainer,
+  AnimatedPlaceholderEmptyTitle,
+  AnimatedPlaceholderEmptySubTitle,
+} from './animated-placeholder/components/EmptyPlaceholderStyled';
+export {
+  AnimatedPlaceholderErrorContainer,
+  AnimatedPlaceholderErrorTextContainer,
+  AnimatedPlaceholderErrorTitle,
+  AnimatedPlaceholderErrorSubTitle,
+} from './animated-placeholder/components/ErrorPlaceholderStyled';
+export { BACKGROUND } from './animated-placeholder/constants/Background';
+export { DARK_BACKGROUND } from './animated-placeholder/constants/DarkBackground';
+export { DARK_MOVING_IMAGE } from './animated-placeholder/constants/DarkMovingImage';
+export { MOVING_IMAGE } from './animated-placeholder/constants/MovingImage';
+export { Card } from './card/components/Card';
+export { CardContent } from './card/components/CardContent';
+export { CardFooter } from './card/components/CardFooter';
+export { CardHeader } from './card/components/CardHeader';
+export {
+  SectionAlignment,
+  SectionFontColor,
+  Section,
+} from './section/components/Section';

packages/twenty-ui/src/navigation/index.ts

@@ -1,30 +1,65 @@
-export * from './link/components/ActionLink';
-export * from './link/components/AdvancedSettingsToggle';
-export * from './link/components/ContactLink';
-export * from './link/components/GithubVersionLink';
-export * from './link/components/RawLink';
-export * from './link/components/RoundedLink';
-export * from './link/components/SocialLink';
-export * from './link/components/UndecoratedLink';
-export * from './link/constants/Cal';
-export * from './link/constants/GithubLink';
-export * from './menu-item/components/MenuItem';
-export * from './menu-item/components/MenuItemAvatar';
-export * from './menu-item/components/MenuItemCommand';
-export * from './menu-item/components/MenuItemCommandHotKeys';
-export * from './menu-item/components/MenuItemDraggable';
-export * from './menu-item/components/MenuItemMultiSelect';
-export * from './menu-item/components/MenuItemMultiSelectAvatar';
-export * from './menu-item/components/MenuItemMultiSelectTag';
-export * from './menu-item/components/MenuItemNavigate';
-export * from './menu-item/components/MenuItemSelect';
-export * from './menu-item/components/MenuItemSelectAvatar';
-export * from './menu-item/components/MenuItemSelectColor';
-export * from './menu-item/components/MenuItemSelectTag';
-export * from './menu-item/components/MenuItemSuggestion';
-export * from './menu-item/components/MenuItemToggle';
-export * from './menu-item/internals/components/MenuItemLeftContent';
-export * from './menu-item/internals/components/StyledMenuItemBase';
-export * from './menu-item/types/MenuItemAccent';
-export * from './navigation-bar/components/NavigationBar';
-export * from './navigation-bar/components/NavigationBarItem';
+/*
+ * _____                    _
+ *|_   _|_      _____ _ __ | |_ _   _
+ *  | | \ \ /\ / / _ \ '_ \| __| | | | Auto-generated file
+ *  | |  \ V  V /  __/ | | | |_| |_| | Any edits to this will be overridden
+ *  |_|   \_/\_/ \___|_| |_|\__|\__, |
+ *                              |___/
+ */
+
+export { ActionLink } from './link/components/ActionLink';
+export { AdvancedSettingsToggle } from './link/components/AdvancedSettingsToggle';
+export { ContactLink } from './link/components/ContactLink';
+export { GithubVersionLink } from './link/components/GithubVersionLink';
+export { RawLink } from './link/components/RawLink';
+export { RoundedLink } from './link/components/RoundedLink';
+export { LinkType, SocialLink } from './link/components/SocialLink';
+export { UndecoratedLink } from './link/components/UndecoratedLink';
+export { CAL_LINK } from './link/constants/Cal';
+export { GITHUB_LINK } from './link/constants/GithubLink';
+export type {
+  MenuItemIconButton,
+  MenuItemProps,
+} from './menu-item/components/MenuItem';
+export { MenuItem } from './menu-item/components/MenuItem';
+export type { MenuItemAvatarProps } from './menu-item/components/MenuItemAvatar';
+export { MenuItemAvatar } from './menu-item/components/MenuItemAvatar';
+export type { MenuItemCommandProps } from './menu-item/components/MenuItemCommand';
+export { MenuItemCommand } from './menu-item/components/MenuItemCommand';
+export type { MenuItemCommandHotKeysProps } from './menu-item/components/MenuItemCommandHotKeys';
+export { MenuItemCommandHotKeys } from './menu-item/components/MenuItemCommandHotKeys';
+export type { MenuItemDraggableProps } from './menu-item/components/MenuItemDraggable';
+export { MenuItemDraggable } from './menu-item/components/MenuItemDraggable';
+export { MenuItemMultiSelect } from './menu-item/components/MenuItemMultiSelect';
+export { MenuItemMultiSelectAvatar } from './menu-item/components/MenuItemMultiSelectAvatar';
+export { MenuItemMultiSelectTag } from './menu-item/components/MenuItemMultiSelectTag';
+export type { MenuItemNavigateProps } from './menu-item/components/MenuItemNavigate';
+export { MenuItemNavigate } from './menu-item/components/MenuItemNavigate';
+export {
+  StyledMenuItemSelect,
+  MenuItemSelect,
+} from './menu-item/components/MenuItemSelect';
+export { MenuItemSelectAvatar } from './menu-item/components/MenuItemSelectAvatar';
+export {
+  colorLabels,
+  MenuItemSelectColor,
+} from './menu-item/components/MenuItemSelectColor';
+export { MenuItemSelectTag } from './menu-item/components/MenuItemSelectTag';
+export type { MenuItemSuggestionProps } from './menu-item/components/MenuItemSuggestion';
+export { MenuItemSuggestion } from './menu-item/components/MenuItemSuggestion';
+export { MenuItemToggle } from './menu-item/components/MenuItemToggle';
+export { MenuItemLeftContent } from './menu-item/internals/components/MenuItemLeftContent';
+export type { MenuItemBaseProps } from './menu-item/internals/components/StyledMenuItemBase';
+export {
+  StyledMenuItemBase,
+  StyledMenuItemLabel,
+  StyledNoIconFiller,
+  StyledMenuItemLeftContent,
+  StyledMenuItemRightContent,
+  StyledDraggableItem,
+  StyledHoverableMenuItemBase,
+  StyledMenuItemIconCheck,
+} from './menu-item/internals/components/StyledMenuItemBase';
+export type { MenuItemAccent } from './menu-item/types/MenuItemAccent';
+export { NavigationBar } from './navigation-bar/components/NavigationBar';
+export { NavigationBarItem } from './navigation-bar/components/NavigationBarItem';

packages/twenty-ui/src/navigation/link/components/SocialLink.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 
+import { RoundedLink } from '@ui/navigation/link/components/RoundedLink';
 import { getDisplayValueByUrlType } from '@ui/utilities';
-import { RoundedLink } from './RoundedLink';
 
 export enum LinkType {
   Url = 'url',

packages/twenty-ui/src/navigation/menu-item/components/MenuItemMultiSelect.tsx

@@ -1,6 +1,7 @@
 import styled from '@emotion/styled';
 
-import { IconComponent, Tag } from '@ui/display';
+import { Tag } from '@ui/components';
+import { IconComponent } from '@ui/display';
 import { Checkbox } from '@ui/input/components/Checkbox';
 import { MenuItemLeftContent } from '@ui/navigation/menu-item/internals/components/MenuItemLeftContent';
 import { ThemeColor } from '@ui/theme';

packages/twenty-ui/src/navigation/menu-item/components/MenuItemMultiSelectTag.tsx

@@ -1,4 +1,5 @@
-import { IconComponent, Tag } from '@ui/display';
+import { Tag } from '@ui/components';
+import { IconComponent } from '@ui/display';
 import { Checkbox, CheckboxShape, CheckboxSize } from '@ui/input';
 import { ThemeColor } from '@ui/theme';
 import {