From e0283f0acd508fd7f8d95f3351adfbcb32e78838 Mon Sep 17 00:00:00 2001
From: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
Date: Tue, 13 Jun 2023 15:41:56 +0800
Subject: [PATCH] add utils export

---
 apps/docs/components/Navigation/NavigationMenu/HomeMenu.tsx    | 3 +--
 .../Navigation/NavigationMenu/NavigationMenuRefListItems.tsx   | 3 +--
 packages/ui/index.tsx                                          | 3 +++
 studio/components/interfaces/BillingV2/Usage/Usage.tsx         | 3 +--
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/docs/components/Navigation/NavigationMenu/HomeMenu.tsx b/apps/docs/components/Navigation/NavigationMenu/HomeMenu.tsx
index fb51bb98ba7..0cf04315a69 100644
--- a/apps/docs/components/Navigation/NavigationMenu/HomeMenu.tsx
+++ b/apps/docs/components/Navigation/NavigationMenu/HomeMenu.tsx
@@ -3,8 +3,7 @@ import Image from 'next/image'
 import Link from 'next/link'
 import { useRouter } from 'next/router'
 import { Fragment } from 'react'
-import { Badge } from '~/../../packages/ui'
-import { cn } from 'ui/src/utils/cn'
+import { Badge, cn } from 'ui'
 import { HOMEPAGE_MENU_ITEMS } from './NavigationMenu.constants'
 import HomeMenuIconPicker from './HomeMenuIconPicker'
 
diff --git a/apps/docs/components/Navigation/NavigationMenu/NavigationMenuRefListItems.tsx b/apps/docs/components/Navigation/NavigationMenu/NavigationMenuRefListItems.tsx
index 2d98b0a004b..a280bf07da6 100644
--- a/apps/docs/components/Navigation/NavigationMenu/NavigationMenuRefListItems.tsx
+++ b/apps/docs/components/Navigation/NavigationMenu/NavigationMenuRefListItems.tsx
@@ -1,7 +1,7 @@
 import * as Accordion from '@radix-ui/react-accordion'
 import Link from 'next/link'
 import { useRouter } from 'next/router'
-import { IconChevronLeft, IconChevronUp } from 'ui'
+import { IconChevronLeft, IconChevronUp, cn } from 'ui'
 import * as NavItems from './NavigationMenu.constants'
 
 import Image from 'next/image'
@@ -10,7 +10,6 @@ import RevVersionDropdown from '~/components/RefVersionDropdown'
 import { useMenuActiveRefId } from '~/hooks/useMenuState'
 
 import React, { Fragment } from 'react'
-import { cn } from 'ui/src/utils/cn'
 import { ICommonItem, ICommonSection } from '~/components/reference/Reference.types'
 import HomeMenuIconPicker from './HomeMenuIconPicker'
 import { deepFilterSections } from './NavigationMenu.utils'
diff --git a/packages/ui/index.tsx b/packages/ui/index.tsx
index b6b1c095d9a..30d9ad7d52e 100644
--- a/packages/ui/index.tsx
+++ b/packages/ui/index.tsx
@@ -67,6 +67,9 @@ export * from './src/components/Command'
 // banners
 export * from './src/layout/banners'
 
+// utilities
+export * from './src/lib/utils'
+
 // config
 
 // export { default as Config } from './../ui.config'
diff --git a/studio/components/interfaces/BillingV2/Usage/Usage.tsx b/studio/components/interfaces/BillingV2/Usage/Usage.tsx
index 698718dcd2f..e7cdf0e8331 100644
--- a/studio/components/interfaces/BillingV2/Usage/Usage.tsx
+++ b/studio/components/interfaces/BillingV2/Usage/Usage.tsx
@@ -6,8 +6,7 @@ import { useProjectUsageQuery } from 'data/usage/project-usage-query'
 import dayjs from 'dayjs'
 import { useMemo, useRef, useState } from 'react'
 import { InView } from 'react-intersection-observer'
-import { IconAlertCircle, IconLoader } from 'ui'
-import { cn } from 'ui/src/utils/cn'
+import { IconAlertCircle, IconLoader, cn } from 'ui'
 import Activity from './Activity'
 import Bandwidth from './Bandwidth'
 import Infrastructure from './Infrastructure'