diff --git a/packages/components/src/__next__/Tooltip/subcomponents/Focusable/Focusable.module.scss b/packages/components/src/Focusable/Focusable.module.scss
similarity index 100%
rename from packages/components/src/__next__/Tooltip/subcomponents/Focusable/Focusable.module.scss
rename to packages/components/src/Focusable/Focusable.module.scss
diff --git a/packages/components/src/__next__/Tooltip/subcomponents/Focusable/Focusable.tsx b/packages/components/src/Focusable/Focusable.tsx
similarity index 100%
rename from packages/components/src/__next__/Tooltip/subcomponents/Focusable/Focusable.tsx
rename to packages/components/src/Focusable/Focusable.tsx
diff --git a/packages/components/src/__next__/Tooltip/subcomponents/Focusable/_docs/ApiSpecification.mdx b/packages/components/src/Focusable/_docs/ApiSpecification.mdx
similarity index 79%
rename from packages/components/src/__next__/Tooltip/subcomponents/Focusable/_docs/ApiSpecification.mdx
rename to packages/components/src/Focusable/_docs/ApiSpecification.mdx
index c4f7b6bfe0d..a938b927f18 100644
--- a/packages/components/src/__next__/Tooltip/subcomponents/Focusable/_docs/ApiSpecification.mdx
+++ b/packages/components/src/Focusable/_docs/ApiSpecification.mdx
@@ -2,18 +2,18 @@ import { Canvas, Controls, Meta } from '@storybook/blocks'
import { KAIOInstallation, ResourceLinks } from '~storybook/components'
import * as exampleStories from './Focusable.stories'
-
+
# Focusable API Specification
Updated June 25, 2024
-
+
## Overview
diff --git a/packages/components/src/__next__/Tooltip/subcomponents/Focusable/_docs/Focusable.stories.tsx b/packages/components/src/Focusable/_docs/Focusable.stories.tsx
similarity index 89%
rename from packages/components/src/__next__/Tooltip/subcomponents/Focusable/_docs/Focusable.stories.tsx
rename to packages/components/src/Focusable/_docs/Focusable.stories.tsx
index 5ca427a029c..3abe9f71f87 100644
--- a/packages/components/src/__next__/Tooltip/subcomponents/Focusable/_docs/Focusable.stories.tsx
+++ b/packages/components/src/Focusable/_docs/Focusable.stories.tsx
@@ -4,7 +4,7 @@ import { Tag } from '~components/__next__/Tag'
import { Focusable } from '../index'
const meta = {
- title: 'Components/Tooltip/Tooltip (next)/Focusable',
+ title: 'Components/Focusable',
component: Focusable,
parameters: {
layout: 'centered',
diff --git a/packages/components/src/__next__/Tooltip/subcomponents/Focusable/index.ts b/packages/components/src/Focusable/index.ts
similarity index 100%
rename from packages/components/src/__next__/Tooltip/subcomponents/Focusable/index.ts
rename to packages/components/src/Focusable/index.ts
diff --git a/packages/components/src/__next__/Tooltip/_docs/Tooltip.docs.stories.tsx b/packages/components/src/__next__/Tooltip/_docs/Tooltip.docs.stories.tsx
index da4deceb0c6..6b063cb6034 100644
--- a/packages/components/src/__next__/Tooltip/_docs/Tooltip.docs.stories.tsx
+++ b/packages/components/src/__next__/Tooltip/_docs/Tooltip.docs.stories.tsx
@@ -3,11 +3,12 @@ import { type Meta, type StoryObj } from '@storybook/react'
import isChromatic from 'chromatic'
import { Button, IconButton } from '~components/Button'
import { FieldMessage } from '~components/FieldMessage'
+import { Focusable } from '~components/Focusable'
import { Input } from '~components/Input'
import { Label } from '~components/Label'
import { Text } from '~components/Text'
import { Icon } from '~components/__next__/Icon'
-import { Focusable, Tooltip, TooltipTrigger } from '../index'
+import { Tooltip, TooltipTrigger } from '../index'
import * as TestStories from './Tooltip.spec.stories'
const meta = {
diff --git a/packages/components/src/__next__/Tooltip/_docs/Tooltip.spec.stories.tsx b/packages/components/src/__next__/Tooltip/_docs/Tooltip.spec.stories.tsx
index c02629a97fb..d927063fd30 100644
--- a/packages/components/src/__next__/Tooltip/_docs/Tooltip.spec.stories.tsx
+++ b/packages/components/src/__next__/Tooltip/_docs/Tooltip.spec.stories.tsx
@@ -3,11 +3,12 @@ import { type Meta, type StoryObj } from '@storybook/react'
import { expect, userEvent, waitFor, within } from '@storybook/test'
import isChromatic from 'chromatic'
import { Button, IconButton } from '~components/Button'
+import { Focusable } from '~components/Focusable'
import { Tab, TabList, TabPanel, TabPanels, Tabs } from '~components/Tabs'
import { Text } from '~components/Text'
import { Icon } from '~components/__next__/Icon'
import { Tag } from '~components/__next__/Tag'
-import { Focusable, Tooltip, TooltipTrigger } from '../index'
+import { Tooltip, TooltipTrigger } from '../index'
const meta = {
title: 'Components/Tooltip/Tooltip (next)/Tests',
diff --git a/packages/components/src/__next__/Tooltip/_docs/Tooltip.stories.tsx b/packages/components/src/__next__/Tooltip/_docs/Tooltip.stories.tsx
index 57b5e1ae3cc..61c3b6d2e81 100644
--- a/packages/components/src/__next__/Tooltip/_docs/Tooltip.stories.tsx
+++ b/packages/components/src/__next__/Tooltip/_docs/Tooltip.stories.tsx
@@ -2,8 +2,9 @@ import React, { type FunctionComponent } from 'react'
import { type Meta, type StoryObj } from '@storybook/react'
import isChromatic from 'chromatic'
import { Button } from '~components/Button'
+import { Focusable } from '~components/Focusable'
import { Tag } from '~components/__next__'
-import { Focusable, Tooltip, TooltipTrigger } from '../index'
+import { Tooltip, TooltipTrigger } from '../index'
import * as testStories from './Tooltip.spec.stories'
const meta = {
diff --git a/packages/components/src/__next__/Tooltip/index.ts b/packages/components/src/__next__/Tooltip/index.ts
index b86d72403b6..cdd0ab87cc3 100644
--- a/packages/components/src/__next__/Tooltip/index.ts
+++ b/packages/components/src/__next__/Tooltip/index.ts
@@ -1,3 +1,2 @@
export * from './Tooltip'
export * from './TooltipTrigger'
-export * from './subcomponents/Focusable'
diff --git a/packages/components/src/__next__/index.ts b/packages/components/src/__next__/index.ts
index 7563b2b2972..c3639bb6174 100644
--- a/packages/components/src/__next__/index.ts
+++ b/packages/components/src/__next__/index.ts
@@ -5,3 +5,7 @@ export * from './Select'
export * from './Tag'
export * from './Tabs'
export * from './Tooltip'
+
+// This Focusable component was originally exported from here, but since moved to the main entry point because there's no name clash.
+// This is just here to keep backwards compatibility until the 2.0 release
+export * from '../Focusable'