Merge pull request #69 from damianricobelli/chore/docs-minnor-fixes

chore: docs minnor fixes

.changeset/orange-wombats-relate.md

@@ -0,0 +1,6 @@
+---
+"docs": patch
+"@stepperize/react": patch
+---
+
+chore: docs minnor fixes

apps/docs/app/layout.config.tsx

@@ -5,7 +5,7 @@ import { NavChildren } from "@/app/layout.client";
 import { source } from "@/app/source";
 import { modes } from "@/lib/modes";
 import { RootToggle } from "fumadocs-ui/components/layout/root-toggle";
-import { BookIcon, Waypoints } from "lucide-react";
+import { Waypoints } from "lucide-react";
 
 export const baseOptions: HomeLayoutProps = {
 	githubUrl: "https://github.com/damianricobelli/stepperize",
@@ -19,14 +19,14 @@ export const baseOptions: HomeLayoutProps = {
 		transparentMode: "top",
 		children: <NavChildren />,
 	},
-	links: [
-		{
-			icon: <BookIcon />,
-			text: "Blog",
-			url: "/blog",
-			active: "nested-url",
-		},
-	],
+	// links: [
+	// 	{
+	// 		icon: <BookIcon />,
+	// 		text: "Blog",
+	// 		url: "/blog",
+	// 		active: "nested-url",
+	// 	},
+	// ],
 };
 
 export const docsOptions: DocsLayoutProps = {

apps/docs/components/demo-viewer.tsx

@@ -1,39 +1,9 @@
 "use client";
 
-import { Skeleton } from "@/components/ui/skeleton";
 import { cva } from "class-variance-authority";
-import { useEffect, useState } from "react";
 
 export const DemoViewer = ({ src, className }: { src: string; className?: string }) => {
-	const [isLoaded, setIsLoaded] = useState(false);
-
-	useEffect(() => {
-		setIsLoaded(false);
-	}, [src]);
-
-	return (
-		<>
-			{!isLoaded && (
-				<Skeleton className={classForDemoViewer({ className })}>
-					<span>Loading demo...</span>
-				</Skeleton>
-			)}
-			<iframe
-				src={src}
-				title="Demo Viewer"
-				className={classForDemoViewer({ className, isLoaded })}
-				onLoad={() => setIsLoaded(true)}
-				style={{ display: isLoaded ? "block" : "none" }}
-			/>
-		</>
-	);
+	return <iframe src={src} title="Demo Viewer" className={classForDemoViewer({ className })} />;
 };
 
-const classForDemoViewer = cva("w-full h-[600px] border rounded-md flex items-center justify-center", {
-	variants: {
-		isLoaded: {
-			true: "opacity-100",
-			false: "opacity-0",
-		},
-	},
-});
+const classForDemoViewer = cva("w-full h-[600px] border rounded-md");

apps/docs/content/docs/react/index.mdx

@@ -46,5 +46,3 @@ Stepperize goes beyond linear progressions, enabling:
 - Personalized user experiences
 - State-dependent UI changes
 - Multi-path processes
-
-## Getting Started

apps/docs/content/docs/solid/index.mdx

@@ -0,0 +1,9 @@
+---
+title: Introduction
+description: A powerful library for creating flexible Stepper components in Solid
+icon: Album
+---
+
+<Callout type="warn">
+  Both the documents and the Solid package are not yet ready.
+</Callout>

apps/docs/content/docs/solid/meta.json

@@ -0,0 +1,5 @@
+{
+	"title": "Solid",
+	"root": true,
+	"pages": ["---Getting Started---", "index"]
+}

apps/docs/content/docs/svelte/index.mdx

@@ -0,0 +1,9 @@
+---
+title: Introduction
+description: A powerful library for creating flexible Stepper components in Svelte
+icon: Album
+---
+
+<Callout type="warn">
+  Both the documents and the Svelte package are not yet ready.
+</Callout>

apps/docs/content/docs/svelte/meta.json

@@ -0,0 +1,5 @@
+{
+	"title": "Svelte",
+	"root": true,
+	"pages": ["---Getting Started---", "index"]
+}

apps/docs/content/docs/vue/index.mdx

@@ -0,0 +1,9 @@
+---
+title: Introduction
+description: A powerful library for creating flexible Stepper components in Vue
+icon: Album
+---
+
+<Callout type="warn">
+  Both the documents and the Vue package are not yet ready.
+</Callout>

apps/docs/content/docs/vue/meta.json

@@ -0,0 +1,5 @@
+{
+	"title": "Vue",
+	"root": true,
+	"pages": ["---Getting Started---", "index"]
+}

packages/react/package.json

@@ -15,17 +15,15 @@
 	},
 	"homepage": "https://stepperize.vercel.app",
 	"sideEffects": false,
-	"files": [
-		"dist"
-	],
+	"files": ["dist"],
 	"main": "dist/index.js",
 	"module": "dist/index.mjs",
 	"types": "dist/index.d.ts",
 	"exports": {
 		".": {
+			"types": "./dist/index.d.ts",
 			"import": "./dist/index.mjs",
-			"require": "./dist/index.js",
-			"types": "./dist/index.d.ts"
+			"require": "./dist/index.js"
 		}
 	},
 	"scripts": {