chore(registry): 🛠️ change registry.json docs mapping (#67)

- Enhance filtering logic to only include UI components in documentation
- Update registry dependencies for better integration

Author: mcnaveen

apps/registry/app/docs/layout.tsx

@@ -7,20 +7,27 @@ export default function DocsLayout({
 }: {
 	children: React.ReactNode;
 }) {
-	const categoryGroups = registry.items.reduce<
-		Record<string, Array<{ href: string; title: string }>>
-	>((acc, item) => {
-		const category = item.categories[0] || "uncategorized";
-		if (!acc[category]) {
-			acc[category] = [];
-		}
+	const categoryGroups = registry.items
+		.filter((item) => item.type === "registry:ui")
+		.reduce<Record<string, Array<{ href: string; title: string }>>>(
+			(acc, item) => {
+				const category = item?.categories?.[0];
+				if (!category) {
+					return acc;
+				}
 
-		acc[category].push({
-			title: item.title,
-			href: `/docs/${item.name}`,
-		});
-		return acc;
-	}, {});
+				if (!acc[category]) {
+					acc[category] = [];
+				}
+
+				acc[category].push({
+					title: item.title,
+					href: `/docs/${item.name}`,
+				});
+				return acc;
+			},
+			{},
+		);
 
 	const items = [
 		{

apps/registry/registry.json

@@ -3,12 +3,45 @@
 	"name": "acme",
 	"homepage": "https://acme.com",
 	"items": [
+		{
+			"name": "utils",
+			"type": "registry:lib",
+			"title": "Utils",
+			"description": "A utility component",
+			"dependencies": ["tailwind-merge", "clsx"],
+			"files": [
+				{
+					"path": "registry/web/default/lib/utils.ts",
+					"type": "registry:lib"
+				}
+			]
+		},
+		{
+			"name": "icon",
+			"type": "registry:ui",
+			"title": "Icon",
+			"description": "An icon component",
+			"dependencies": ["@radix-ui/react-slot", "class-variance-authority"],
+			"registryDependencies": ["https://frappe-ui-react.tmls.dev/r/utils.json"],
+			"files": [
+				{
+					"path": "registry/web/default/ui/icon.tsx",
+					"type": "registry:ui"
+				}
+			],
+			"categories": ["primitives"]
+		},
 		{
 			"name": "button",
 			"type": "registry:ui",
 			"title": "Button",
 			"description": "A button component",
 			"dependencies": ["@radix-ui/react-slot", "class-variance-authority"],
+			"registryDependencies": [
+				"https://frappe-ui-react.tmls.dev/r/utils.json",
+				"https://frappe-ui-react.tmls.dev/r/icon.json",
+				"https://frappe-ui-react.tmls.dev/r/button-group.json"
+			],
 			"files": [
 				{
 					"path": "registry/web/default/ui/button.tsx",
@@ -26,6 +59,10 @@
 			"title": "Button Group",
 			"description": "A button group component",
 			"dependencies": ["@radix-ui/react-slot", "class-variance-authority"],
+			"registryDependencies": [
+				"https://frappe-ui-react.tmls.dev/r/utils.json",
+				"https://frappe-ui-react.tmls.dev/r/button.json"
+			],
 			"files": [
 				{
 					"path": "registry/web/default/ui/button-group.tsx",