diff --git a/packages/ui-expandable/package.json b/packages/ui-expandable/package.json
index b8f4cd746f..8156729748 100644
--- a/packages/ui-expandable/package.json
+++ b/packages/ui-expandable/package.json
@@ -46,17 +46,31 @@
   },
   "sideEffects": false,
   "exports": {
-    ".": {
-      "src": "./src/index.ts",
-      "types": "./types/index.d.ts",
-      "import": "./es/index.js",
-      "require": "./lib/index.js",
-      "default": "./es/index.js"
-    },
     "./lib/*": "./lib/*",
     "./es/*": "./es/*",
     "./types/*": "./types/*",
     "./package.json": "./package.json",
-    "./src/*": "./src/*"
+    "./src/*": "./src/*",
+    ".": {
+      "src": "./src/exports/a.ts",
+      "types": "./types/exports/a.d.ts",
+      "import": "./es/exports/a.js",
+      "require": "./lib/exports/a.js",
+      "default": "./es/exports/a.js"
+    },
+    "./v11_6": {
+      "src": "./src/exports/a.ts",
+      "types": "./types/exports/a.d.ts",
+      "import": "./es/exports/a.js",
+      "require": "./lib/exports/a.js",
+      "default": "./es/exports/a.js"
+    },
+    "./latest": {
+      "src": "./src/exports/a.ts",
+      "types": "./types/exports/a.d.ts",
+      "import": "./es/exports/a.js",
+      "require": "./lib/exports/a.js",
+      "default": "./es/exports/a.js"
+    }
   }
 }
diff --git a/packages/ui-expandable/src/Expandable/README.md b/packages/ui-expandable/src/Expandable/v1/README.md
similarity index 91%
rename from packages/ui-expandable/src/Expandable/README.md
rename to packages/ui-expandable/src/Expandable/v1/README.md
index 2cf233614f..6c856128b3 100644
--- a/packages/ui-expandable/src/Expandable/README.md
+++ b/packages/ui-expandable/src/Expandable/v1/README.md
@@ -23,7 +23,7 @@ type: example
           I am expanded? {expanded.toString()}
         </Button>
         {expanded ? <div {...getDetailsProps()}>
-          This is the content that will display under the Expandable
+          <Text>This is the content that will display under the Expandable</Text>
         </div> : null}
       </div>
     )
diff --git a/packages/ui-expandable/src/Expandable/__tests__/Expandable.test.tsx b/packages/ui-expandable/src/Expandable/v1/__tests__/Expandable.test.tsx
similarity index 100%
rename from packages/ui-expandable/src/Expandable/__tests__/Expandable.test.tsx
rename to packages/ui-expandable/src/Expandable/v1/__tests__/Expandable.test.tsx
diff --git a/packages/ui-expandable/src/Expandable/index.tsx b/packages/ui-expandable/src/Expandable/v1/index.tsx
similarity index 100%
rename from packages/ui-expandable/src/Expandable/index.tsx
rename to packages/ui-expandable/src/Expandable/v1/index.tsx
diff --git a/packages/ui-expandable/src/Expandable/props.ts b/packages/ui-expandable/src/Expandable/v1/props.ts
similarity index 98%
rename from packages/ui-expandable/src/Expandable/props.ts
rename to packages/ui-expandable/src/Expandable/v1/props.ts
index be8c17a8ee..4d32d12da1 100644
--- a/packages/ui-expandable/src/Expandable/props.ts
+++ b/packages/ui-expandable/src/Expandable/v1/props.ts
@@ -24,7 +24,7 @@
 
 import { JSX } from 'react'
 import type { WithDeterministicIdProps } from '@instructure/ui-react-utils'
-import type { ViewProps } from '@instructure/ui-view'
+import type { ViewProps } from '@instructure/ui-view/latest'
 
 type ExpandableToggleProps = (props?: {
   onClick?: (
diff --git a/packages/ui-expandable/src/index.ts b/packages/ui-expandable/src/exports/a.ts
similarity index 94%
rename from packages/ui-expandable/src/index.ts
rename to packages/ui-expandable/src/exports/a.ts
index 0a5f04ee6a..ca02fe6f3d 100644
--- a/packages/ui-expandable/src/index.ts
+++ b/packages/ui-expandable/src/exports/a.ts
@@ -21,9 +21,9 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-export { Expandable } from './Expandable'
+export { Expandable } from '../Expandable/v1'
 export type {
   ExpandableProps,
   RenderExpandable,
   ExpandableToggleProps
-} from './Expandable/props'
+} from '../Expandable/v1/props'