half of refactors

apps/docs/src/components/content/mdx-components.tsx → apps/docs/src/components/content/MdxComponents.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 
 import Callout from "@/components/callout.astro";
-import MdxCard from "@/components/content/mdx-card.astro";
+import MdxCard from "@/components/content/MdxCard.astro";
 import { cn } from "@/lib/utils";
 import { Image } from "astro:assets";
 

apps/docs/src/components/theme-toggle.tsx

@@ -1,4 +1,4 @@
-import { useMounted } from "@/hooks/use-mounted";
+import { useMounted } from "@/hooks/useMounted";
 import { AnimatePresence, motion } from "framer-motion";
 import { useEffect, useState } from "react";
 

apps/docs/src/layouts/base-layout.astro

@@ -1,6 +1,6 @@
 ---
 import "@fontsource/inter";
-import BaseHead from "@/components/layout/base-head.astro";
+import BaseHead from "@/components/layout/BaseHead.astro";
 import TailwindIndicator from "@/components/tailwind-indicator.astro";
 // NOTE: work with { Toaster } from "@/components/ui/sonner" but need to update dark theme
 import { Toaster } from "sonner";

apps/docs/src/layouts/main-layout.astro

@@ -1,14 +1,14 @@
 ---
-import Footer from "@/components/layout/footer.astro";
-import Header from "@/components/layout/header.astro";
+import Footer from "@/components/layout/Footer.astro";
+import Header from "@/components/layout/Header.astro";
 import { cn } from "@/lib/utils";
 import BaseLayout from "./base-layout.astro";
-import { SheetMobileNav } from "@/components/layout/sheet-mobile-nav";
+import { SheetMobileNav } from "@/components/layout/SheetMobileNav";
 import { ThemeToggle } from "@/components/theme-toggle";
 import { siteConfig } from "@/config/site";
 import { Icon } from "astro-icon/components";
 import { marketingConfig } from "@/config/marketing";
-import MainNav from "@/components/layout/main-nav.astro";
+import MainNav from "@/components/layout/MainNav.astro";
 
 type Props = {
   title: string;
@@ -56,3 +56,4 @@ const { title, description, mainClass } = Astro.props;
 
   <Footer />
 </BaseLayout>
+@/components/layout/SheetMobileNav

apps/docs/src/pages/blog/category/[category].astro

@@ -1,6 +1,6 @@
 ---
 import BlogHeader from "@/components/blog-header.astro";
-import BlogCard from "@/components/cards/blog-card.astro";
+import BlogCard from "@/components/cards/BlogCard.astro";
 import MainLayout from "@/layouts/main-layout.astro";
 import { capitalizer } from "@/lib/utils";
 import { getCollection } from "astro:content";

apps/docs/src/pages/blog/index.astro

@@ -1,6 +1,6 @@
 ---
 import BlogHeader from "@/components/blog-header.astro";
-import BlogCard from "@/components/cards/blog-card.astro";
+import BlogCard from "@/components/cards/BlogCard.astro";
 import MainLayout from "@/layouts/main-layout.astro";
 import { getPosts } from "@/lib/fetchers";
 

apps/docs/src/pages/docs/[...slug].astro

@@ -1,6 +1,6 @@
 ---
-import { MdxComponents } from "@/components/content/mdx-components";
-import DocsSidebarNav from "@/components/layout/sidebar-nav.astro";
+import { MdxComponents } from "@/components/content/MdxComponents";
+import DocsSidebarNav from "@/components/layout/SidebarNav.astro";
 import DocsPageHeader from "@/components/page-header.astro";
 import DocsPager from "@/components/pager.astro";
 import { DashboardTableOfContents } from "@/components/toc";
@@ -80,3 +80,4 @@ if (!slug || !doc) {
     </div>
   </div>
 </MainLayout>
+@/components/content/MdxComponents

apps/docs/src/pages/guides/[...slug].astro

@@ -1,5 +1,5 @@
 ---
-import { MdxComponents } from "@/components/content/mdx-components";
+import { MdxComponents } from "@/components/content/MdxComponents";
 import GuidePostLayout from "@/layouts/guide-post.astro";
 import { getCollection, type CollectionEntry } from "astro:content";
 
@@ -28,3 +28,4 @@ if (!slug || !guide) {
 <GuidePostLayout {...guide}>
   <Content components={MdxComponents} />
 </GuidePostLayout>
+@/components/content/MdxComponents

apps/docs/src/pages/guides/index.astro

@@ -1,5 +1,5 @@
 ---
-import GuideCard from "@/components/cards/guide-card.astro";
+import GuideCard from "@/components/cards/GuideCard.astro";
 import DocsPageHeader from "@/components/page-header.astro";
 import MainLayout from "../../layouts/main-layout.astro";
 import { getGuides } from "@/lib/fetchers";

apps/docs/src/pages/waitlist.astro

@@ -1,6 +1,6 @@
 ---
 import MainLayout from "@/layouts/main-layout.astro";
-import { WaitlistForm } from "@/components/forms/waitlist-form";
+import { WaitlistForm } from "@/components/forms/WaitlistForm";
 import { Icon } from "astro-icon/components";
 ---
 
@@ -33,3 +33,4 @@ import { Icon } from "astro-icon/components";
     </div>
   </div>
 </MainLayout>
+@/components/forms/WaitlistForm