tr]:last:border-b-0",
+ className
+ )}
+ {...props}
+ />
+ )
+}
+
+function TableRow({ className, ...props }: React.ComponentProps<"tr">) {
+ return (
+ |
+ )
+}
+
+function TableHead({ className, ...props }: React.ComponentProps<"th">) {
+ return (
+ [role=checkbox]]:translate-y-[2px]",
+ className
+ )}
+ {...props}
+ />
+ )
+}
+
+function TableCell({ className, ...props }: React.ComponentProps<"td">) {
+ return (
+ | [role=checkbox]]:translate-y-[2px]",
+ className
+ )}
+ {...props}
+ />
+ )
+}
+
+function TableCaption({
+ className,
+ ...props
+}: React.ComponentProps<"caption">) {
+ return (
+
+ )
+}
+
+export {
+ Table,
+ TableHeader,
+ TableBody,
+ TableFooter,
+ TableHead,
+ TableRow,
+ TableCell,
+ TableCaption,
+}
diff --git a/src/content/getting-started/introduction.mdx b/src/content/getting-started/introduction.mdx
index e03aeed..5c5921a 100644
--- a/src/content/getting-started/introduction.mdx
+++ b/src/content/getting-started/introduction.mdx
@@ -19,28 +19,28 @@ At its core, Xether AI gives you:
## Who Is It For?
-
-
-
- Role
- How Xether AI Helps
-
-
-
-
- Data Engineers
- Build and schedule pipelines without writing boilerplate infrastructure code
-
-
- ML Engineers
- Get clean, versioned datasets with full lineage for reproducible training
-
-
- Data Scientists
- Explore dataset versions and generate synthetic data for experimentation
-
-
-
+
+
+
+ Role
+ How Xether AI Helps
+
+
+
+
+ Data Engineers
+ Build and schedule pipelines without writing boilerplate infrastructure code
+
+
+ ML Engineers
+ Get clean, versioned datasets with full lineage for reproducible training
+
+
+ Data Scientists
+ Explore dataset versions and generate synthetic data for experimentation
+
+
+
## Core Concepts
diff --git a/src/mdx-components.tsx b/src/mdx-components.tsx
index 3ec2ee5..fa9fb8a 100644
--- a/src/mdx-components.tsx
+++ b/src/mdx-components.tsx
@@ -3,13 +3,14 @@ import { Callout } from "@/components/ui/Callout";
import { Card, Cards } from "@/components/ui/Card";
import { CodeBlock } from "@/components/ui/CodeBlock";
import {
- MDXTable,
- MDXTableHeader,
- MDXTableBody,
- MDXTableRow,
- MDXTableCell,
- MDXTableHead
-} from "@/components/ui/MDXTable";
+ Table,
+ TableHeader,
+ TableBody,
+ TableRow,
+ TableCell,
+ TableHead,
+ TableCaption
+} from "@/components/ui/table";
export function useMDXComponents(components: MDXComponents): MDXComponents {
return {
@@ -18,14 +19,14 @@ export function useMDXComponents(components: MDXComponents): MDXComponents {
Card,
Cards,
CodeBlock,
- MDXTable,
- MDXTableHeader,
- MDXTableBody,
- MDXTableRow,
- MDXTableCell,
- MDXTableHead,
+ Table,
+ TableHeader,
+ TableBody,
+ TableRow,
+ TableCell,
+ TableHead,
+ TableCaption,
- // Override default HTML elements for consistent styling
h1: ({ children, ...props }) => (
|