feat(docs): use flat imports from @hanzo/ui

Simplify imports: import { DocsLayout, RootProvider } from '@hanzo/ui'
instead of @hanzo/ui/docs/layouts/docs subpaths

docs/app/docs/[[...slug]]/page.tsx

@@ -1,8 +1,7 @@
 import { source } from "@/lib/source"
 import type { Metadata } from "next"
-import { DocsPage, DocsBody, DocsTitle, DocsDescription } from "@hanzo/ui/docs/page"
+import { DocsPage, DocsBody, DocsTitle, DocsDescription, defaultMdxComponents } from "@hanzo/ui"
 import { notFound } from "next/navigation"
-import defaultMdxComponents from "@hanzo/ui/docs/mdx"
 
 export default async function Page(props: {
   params: Promise<{ slug?: string[] }>

docs/app/docs/layout.tsx

@@ -1,6 +1,6 @@
 import { source } from "@/lib/source"
 import type { ReactNode } from "react"
-import { DocsLayout } from "@hanzo/ui/docs/layouts/docs"
+import { DocsLayout } from "@hanzo/ui"
 
 export default async function Layout({ children }: { children: ReactNode }) {
   return (

docs/app/layout.tsx

@@ -1,5 +1,5 @@
 import "./global.css"
-import { RootProvider } from "@hanzo/ui/docs/provider/next"
+import { RootProvider } from "@hanzo/ui"
 import { Inter } from "next/font/google"
 import type { ReactNode } from "react"
 

docs/lib/source.ts

@@ -1,5 +1,5 @@
 import { docs } from "@/.source"
-import { loader } from "@hanzo/ui/docs/source"
+import { loader } from "@hanzo/ui"
 
 // Create a single source instance that is reused
 // This prevents circular references and stack overflow issues

docs/package.json

@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@hanzo/mdx": "^14.1.0",
-    "@hanzo/ui": "^5.3.22",
+    "@hanzo/ui": "^5.3.24",
     "lucide-react": "^0.468.0",
     "next": "16.0.1",
     "next-themes": "^0.4.6",