feat(custom-widgets): complete Custom JSX v2 (#6390)

apps/docs/src/components/ui/aspect-ratio.tsx

@@ -0,0 +1,18 @@
+import { cn } from "@/lib/utils";
+
+function AspectRatio({ ratio, className, ...props }: React.ComponentProps<"div"> & { ratio: number }) {
+  return (
+    <div
+      data-slot="aspect-ratio"
+      style={
+        {
+          "--ratio": ratio,
+        } as React.CSSProperties
+      }
+      className={cn("relative aspect-(--ratio)", className)}
+      {...props}
+    />
+  );
+}
+
+export { AspectRatio };