diff --git a/osmium/src/Layout.tsx b/osmium/src/Layout.tsx
index 7e78c12a0c..d05ca6f539 100644
--- a/osmium/src/Layout.tsx
+++ b/osmium/src/Layout.tsx
@@ -6,7 +6,7 @@ import { SidebarProvider, useThemeListener } from "@kobalte/solidbase/client";
 import { usePace } from "@kobalte/solidbase/default-theme/pace.js";
 import { useRouteConfig } from "./utils";
 import { OsmiumThemeStateProvider } from "./context";
-import { ParentProps } from "solid-js";
+import type { ParentProps } from "solid-js";
 
 export default function (props: ParentProps) {
 	const config = useRouteConfig();
diff --git a/osmium/src/frontmatter.ts b/osmium/src/frontmatter.ts
index 6f4b0aef03..747f32ad67 100644
--- a/osmium/src/frontmatter.ts
+++ b/osmium/src/frontmatter.ts
@@ -1,4 +1,7 @@
-import { BaseFrontmatter, useFrontmatter } from "@kobalte/solidbase/client";
+import {
+	type BaseFrontmatter,
+	useFrontmatter,
+} from "@kobalte/solidbase/client";
 import { createMemo } from "solid-js";
 
 export function useOsmiumThemeFrontmatter() {
diff --git a/osmium/src/ui/edit-page-link.tsx b/osmium/src/ui/edit-page-link.tsx
index 3193ca9ebc..53c8ab6d01 100644
--- a/osmium/src/ui/edit-page-link.tsx
+++ b/osmium/src/ui/edit-page-link.tsx
@@ -1,4 +1,4 @@
-import { Component, Show } from "solid-js";
+import { type Component, Show } from "solid-js";
 import { Icon } from "./icon";
 import pencilSquare from "~icons/heroicons/pencil-square";
 import { useCurrentPageData } from "@kobalte/solidbase/client";
diff --git a/osmium/src/ui/eraser-link/index.tsx b/osmium/src/ui/eraser-link/index.tsx
index 453edf2c98..2238d5eb20 100644
--- a/osmium/src/ui/eraser-link/index.tsx
+++ b/osmium/src/ui/eraser-link/index.tsx
@@ -1,4 +1,4 @@
-import { ParentProps, Show, createSignal } from "solid-js";
+import { type ParentProps, Show, createSignal } from "solid-js";
 import "./eraser-link.css";
 
 const ERASER_TRACKING_PARAMS = "";
diff --git a/osmium/src/ui/image-link.tsx b/osmium/src/ui/image-link.tsx
index e878fdcc92..425015a64d 100644
--- a/osmium/src/ui/image-link.tsx
+++ b/osmium/src/ui/image-link.tsx
@@ -1,5 +1,5 @@
 import { useLocale } from "@kobalte/solidbase/client";
-import { ParentComponent, untrack } from "solid-js";
+import { type ParentComponent, untrack } from "solid-js";
 
 /**
  * @todo
diff --git a/osmium/src/ui/layout.tsx b/osmium/src/ui/layout.tsx
index 8728806a09..dff779fc89 100644
--- a/osmium/src/ui/layout.tsx
+++ b/osmium/src/ui/layout.tsx
@@ -1,4 +1,4 @@
-import { ParentComponent, Show } from "solid-js";
+import { type ParentComponent, Show } from "solid-js";
 import { useLocation } from "@solidjs/router";
 
 import { MainNavigation } from "./layout/main-navigation";
diff --git a/osmium/src/ui/layout/contribute.tsx b/osmium/src/ui/layout/contribute.tsx
index 25dcd63e89..2362ebfd06 100644
--- a/osmium/src/ui/layout/contribute.tsx
+++ b/osmium/src/ui/layout/contribute.tsx
@@ -1,4 +1,4 @@
-import { Component } from "solid-js";
+import type { Component } from "solid-js";
 import { EditPageLink } from "../edit-page-link";
 import { PageIssueLink } from "../page-issue-link";
 
diff --git a/osmium/src/ui/layout/hero.tsx b/osmium/src/ui/layout/hero.tsx
index 78545b5f4c..682d6f611f 100644
--- a/osmium/src/ui/layout/hero.tsx
+++ b/osmium/src/ui/layout/hero.tsx
@@ -1,4 +1,4 @@
-import { Component } from "solid-js";
+import type { Component } from "solid-js";
 
 export const Hero: Component = () => {
 	return <div></div>;
diff --git a/osmium/src/ui/layout/language-selector.tsx b/osmium/src/ui/layout/language-selector.tsx
index f5038fed91..22e67b38c1 100644
--- a/osmium/src/ui/layout/language-selector.tsx
+++ b/osmium/src/ui/layout/language-selector.tsx
@@ -1,9 +1,9 @@
-import { Component, Show } from "solid-js";
+import { type Component, Show } from "solid-js";
 import { Icon } from "../icon";
 import language from "~icons/heroicons/language-solid";
-import { ResolvedLocale, useLocale } from "@kobalte/solidbase/client";
+import { type ResolvedLocale, useLocale } from "@kobalte/solidbase/client";
 import { Select } from "@kobalte/core/select";
-import { OsmiumThemeConfig } from "../..";
+import type { OsmiumThemeConfig } from "../..";
 
 export const LanguageSelector: Component = () => {
 	const locale = useLocale();
diff --git a/osmium/src/ui/layout/main-navigation.tsx b/osmium/src/ui/layout/main-navigation.tsx
index cfd1cb3d6f..e241c2e26e 100644
--- a/osmium/src/ui/layout/main-navigation.tsx
+++ b/osmium/src/ui/layout/main-navigation.tsx
@@ -4,8 +4,8 @@ import { Icon } from "../icon";
 import chevronDown from "~icons/heroicons/chevron-down-solid";
 import { setIsOpen } from "./mobile-navigation";
 import {
-	SidebarItem,
-	SidebarItemLink,
+	type SidebarItem,
+	type SidebarItemLink,
 	useLocale,
 	useSidebar,
 } from "@kobalte/solidbase/client";
diff --git a/osmium/src/ui/layout/table-of-contents.tsx b/osmium/src/ui/layout/table-of-contents.tsx
index aa0ba07997..f3403ae45a 100644
--- a/osmium/src/ui/layout/table-of-contents.tsx
+++ b/osmium/src/ui/layout/table-of-contents.tsx
@@ -2,7 +2,7 @@ import { For, Show, createEffect, createSignal } from "solid-js";
 import type { JSX } from "@solidjs/web";
 import {
 	useCurrentPageData,
-	TableOfContentsItemData,
+	type TableOfContentsItemData,
 } from "@kobalte/solidbase/client";
 import { createEventListener } from "@solid-primitives/event-listener";
 import { isServer } from "@solidjs/web";
diff --git a/osmium/src/ui/layout/theme-selector.tsx b/osmium/src/ui/layout/theme-selector.tsx
index 47b8039ef8..3eaad07a33 100644
--- a/osmium/src/ui/layout/theme-selector.tsx
+++ b/osmium/src/ui/layout/theme-selector.tsx
@@ -1,4 +1,4 @@
-import { Component, createSignal, onSettled, Show } from "solid-js";
+import { type Component, createSignal, onSettled, Show } from "solid-js";
 import type { ComponentProps } from "@solidjs/web";
 import computerDesktop from "~icons/heroicons/computer-desktop-solid";
 import moon from "~icons/heroicons/moon-solid";
@@ -7,7 +7,7 @@ import { Select } from "@kobalte/core/select";
 import {
 	getThemeVariant,
 	setTheme,
-	ThemeType,
+	type ThemeType,
 } from "@kobalte/solidbase/client";
 import { Icon, type IconComponent } from "../icon";
 
diff --git a/osmium/src/ui/page-issue-link.tsx b/osmium/src/ui/page-issue-link.tsx
index e80b2c8624..3051bd0d26 100644
--- a/osmium/src/ui/page-issue-link.tsx
+++ b/osmium/src/ui/page-issue-link.tsx
@@ -1,4 +1,4 @@
-import { Component, createMemo } from "solid-js";
+import { type Component, createMemo } from "solid-js";
 import { Icon } from "./icon";
 import exclamationTriangle from "~icons/heroicons/exclamation-triangle";
 import { useLocation } from "@solidjs/router";
diff --git a/osmium/src/ui/pagination.tsx b/osmium/src/ui/pagination.tsx
index 5e35736497..aa310bc793 100644
--- a/osmium/src/ui/pagination.tsx
+++ b/osmium/src/ui/pagination.tsx
@@ -1,6 +1,9 @@
 import { Loading, Show } from "solid-js";
 import { usePrevNext } from "@kobalte/solidbase/client";
-import { RelativePageConfig, useOsmiumThemeFrontmatter } from "../frontmatter";
+import {
+	type RelativePageConfig,
+	useOsmiumThemeFrontmatter,
+} from "../frontmatter";
 
 type Pagination = {};
 export function Pagination(_props: Pagination) {
diff --git a/osmium/src/ui/quick-links.tsx b/osmium/src/ui/quick-links.tsx
index 5cef756734..d5da1e4d3e 100644
--- a/osmium/src/ui/quick-links.tsx
+++ b/osmium/src/ui/quick-links.tsx
@@ -1,5 +1,5 @@
 import { Icon } from "./icon";
-import { ParentComponent, Show } from "solid-js";
+import { type ParentComponent, Show } from "solid-js";
 import type { JSX } from "@solidjs/web";
 
 import academicCap from "~icons/heroicons/academic-cap-solid";
diff --git a/osmium/src/utils.ts b/osmium/src/utils.ts
index b3b3064cca..e0c72b0cb1 100644
--- a/osmium/src/utils.ts
+++ b/osmium/src/utils.ts
@@ -3,9 +3,9 @@ import {
 	useSolidBaseContext as _useSolidBaseContext,
 	useSolidBaseRoute,
 } from "@kobalte/solidbase/client";
-import { OsmiumThemeConfig } from "./index.jsx";
-import { Accessor, createMemo } from "solid-js";
-import { SolidBaseResolvedConfig } from "@kobalte/solidbase/config";
+import type { OsmiumThemeConfig } from "./index.jsx";
+import { type Accessor, createMemo } from "solid-js";
+import type { SolidBaseResolvedConfig } from "@kobalte/solidbase/config";
 
 export interface SolidBaseContextValue {
 	config: Accessor<SolidBaseResolvedConfig<OsmiumThemeConfig>>;
diff --git a/osmium/tsconfig.json b/osmium/tsconfig.json
index b568907d3d..ce5a507321 100644
--- a/osmium/tsconfig.json
+++ b/osmium/tsconfig.json
@@ -10,6 +10,7 @@
 		"forceConsistentCasingInFileNames": true,
 		"noFallthroughCasesInSwitch": false,
 		"isolatedModules": true,
+		"verbatimModuleSyntax": true,
 		"jsx": "preserve",
 		"jsxImportSource": "@solidjs/web",
 		"resolveJsonModule": true,