create-nextblock 0.16.3 → 0.17.0

package/templates/nextblock-template/components/blocks/PostsGridClient.tsx

@@ -1,13 +1,13 @@
 // components/blocks/PostsGridClient.tsx
 'use client';
 
-import React, { useState, useEffect } from 'react';
-import Link from 'next/link';
-import { useLanguage } from '../../context/LanguageContext';
-import type { PostWithMediaDimensions } from './types';
-import Image from 'next/image';
-import { Button } from '@nextblock-cms/ui';
-import PostCardSkeleton from './PostCardSkeleton'; // Added import
+import React, { useState, useEffect } from 'react';
+import Link from 'next/link';
+import { useLanguage } from '../../context/LanguageContext';
+import type { PostWithMediaDimensions } from './types';
+import Image from 'next/image';
+import { Button } from '@nextblock-cms/ui';
+import PostCardSkeleton from './PostCardSkeleton'; // Added import
 
 interface PostsGridClientProps {
   initialPosts: PostWithMediaDimensions[];
@@ -20,10 +20,10 @@ interface PostsGridClientProps {
   fetchAction: (languageId: number, page: number, limit: number) => Promise<{ posts: PostWithMediaDimensions[], totalCount: number, error?: string }>;
 }
 
-const DEFAULT_FEATURE_IMAGE_WIDTH = 1600;
-const DEFAULT_FEATURE_IMAGE_HEIGHT = 900;
-
-const PostsGridClient: React.FC<PostsGridClientProps> = ({
+const DEFAULT_FEATURE_IMAGE_WIDTH = 1600;
+const DEFAULT_FEATURE_IMAGE_HEIGHT = 900;
+
+const PostsGridClient: React.FC<PostsGridClientProps> = ({
   initialPosts,
   initialPage,
   postsPerPage,
@@ -32,10 +32,10 @@ const PostsGridClient: React.FC<PostsGridClientProps> = ({
   languageId,
   showPagination,
   fetchAction,
-}) => {
-  const { currentLocale } = useLanguage();
-  const [currentPage, setCurrentPage] = useState(initialPage);
-  const [posts, setPosts] = useState<PostWithMediaDimensions[]>(initialPosts);
+}) => {
+  const { currentLocale } = useLanguage();
+  const [currentPage, setCurrentPage] = useState(initialPage);
+  const [posts, setPosts] = useState<PostWithMediaDimensions[]>(initialPosts);
   const [isLoading, setIsLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
   // Initialize skeletonCount to postsPerPage, or a sensible minimum if initialPosts is empty.
@@ -112,40 +112,40 @@ const PostsGridClient: React.FC<PostsGridClientProps> = ({
             <PostCardSkeleton key={`skeleton-${index}`} />
           ))
         ) : posts.length > 0 ? (
-          posts.map((post) => (
-            <Link href={`/article/${post.slug}`} key={post.id} className="block group h-full">
+          posts.map((post) => (
+            <Link href={`/article/${post.slug}`} key={post.id} className="block group h-full">
               <div className="border rounded-lg overflow-hidden shadow-sm hover:shadow-md transition-shadow bg-card text-card-foreground h-full flex flex-col">
                 {/* Basic Post Card Structure - Enhanced with Feature Image */}
-                {post.feature_image_url ? (
-                  <div className="aspect-video overflow-hidden">
-                    <Image
-                      src={post.feature_image_url}
-                      alt={`Feature image for ${post.title}`}
-                      width={post.feature_image_width && post.feature_image_width > 0 ? post.feature_image_width : DEFAULT_FEATURE_IMAGE_WIDTH}
-                      height={post.feature_image_height && post.feature_image_height > 0 ? post.feature_image_height : DEFAULT_FEATURE_IMAGE_HEIGHT}
-                      sizes={imageSizes}
-                      loading="lazy"
-                      placeholder={post.blur_data_url ? 'blur' : 'empty'}
-                      blurDataURL={post.blur_data_url ?? undefined}
-                      quality={60}
-                      className="h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"
-                    />
-                  </div>
-                ) : null}
-                <div className="p-4 flex flex-1 flex-col">
-                  <div className="mb-3 flex flex-wrap items-center gap-2 text-xs text-muted-foreground">
-                    <span className="inline-flex items-center rounded-full border border-slate-200 bg-slate-50 px-2.5 py-1 font-semibold text-slate-700">
-                      {post.label?.trim() || 'Article'}
-                    </span>
-                    <span>
-                      {post.estimated_read_time_minutes} {currentLocale === 'fr' ? 'min de lecture' : 'min read'}
-                    </span>
-                  </div>
-                  <h3 className="text-lg font-semibold mb-2 group-hover:text-primary">{post.title}</h3>
-                  {post.excerpt && <p className="text-sm text-muted-foreground mb-3 line-clamp-3">{post.excerpt}</p>}
-                  <div className="mt-auto pt-2">
-                    <span className="text-xs text-primary group-hover:underline">Read more</span>
-                  </div>
+                {post.feature_image_url ? (
+                  <div className="aspect-video overflow-hidden">
+                    <Image
+                      src={post.feature_image_url}
+                      alt={`Feature image for ${post.title}`}
+                      width={post.feature_image_width && post.feature_image_width > 0 ? post.feature_image_width : DEFAULT_FEATURE_IMAGE_WIDTH}
+                      height={post.feature_image_height && post.feature_image_height > 0 ? post.feature_image_height : DEFAULT_FEATURE_IMAGE_HEIGHT}
+                      sizes={imageSizes}
+                      loading="lazy"
+                      placeholder={post.blur_data_url ? 'blur' : 'empty'}
+                      blurDataURL={post.blur_data_url ?? undefined}
+                      quality={60}
+                      className="h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"
+                    />
+                  </div>
+                ) : null}
+                <div className="p-4 flex flex-1 flex-col">
+                  <div className="mb-3 flex flex-wrap items-center gap-2 text-xs text-muted-foreground">
+                    <span className="inline-flex items-center rounded-full border border-slate-200 bg-slate-50 px-2.5 py-1 font-semibold text-slate-700">
+                      {post.label?.trim() || 'Article'}
+                    </span>
+                    <span>
+                      {post.estimated_read_time_minutes} {currentLocale === 'fr' ? 'min de lecture' : 'min read'}
+                    </span>
+                  </div>
+                  <h3 className="text-lg font-semibold mb-2 group-hover:text-primary">{post.title}</h3>
+                  {post.excerpt && <p className="text-sm text-muted-foreground mb-3 line-clamp-3">{post.excerpt}</p>}
+                  <div className="mt-auto pt-2">
+                    <span className="text-xs text-primary group-hover:underline">Read more</span>
+                  </div>
                 </div>
               </div>
             </Link>
@@ -181,4 +181,4 @@ const PostsGridClient: React.FC<PostsGridClientProps> = ({
   );
 };
 
-export default PostsGridClient;
+export default PostsGridClient;

package/templates/nextblock-template/components/blocks/TestimonialBlock.tsx

@@ -1,12 +1,12 @@
-import React from 'react';
-import { z } from '../../lib/zod-config';
-import { BlockConfig, BlockProps, BlockEditorProps } from '@nextblock-cms/sdk';
-import { Avatar, AvatarFallback, AvatarImage } from '@nextblock-cms/ui';
-import { Card, CardContent } from '@nextblock-cms/ui';
-import { Input } from '@nextblock-cms/ui';
-import { Label } from '@nextblock-cms/ui';
-import { Textarea } from '@nextblock-cms/ui';
-import { MessageSquareQuote } from 'lucide-react';
+import React from 'react';
+import { z } from '../../lib/zod-config';
+import { BlockConfig, BlockProps, BlockEditorProps } from '@nextblock-cms/sdk';
+import { Avatar, AvatarFallback, AvatarImage } from '@nextblock-cms/ui';
+import { Card, CardContent } from '@nextblock-cms/ui';
+import { Input } from '@nextblock-cms/ui';
+import { Label } from '@nextblock-cms/ui';
+import { Textarea } from '@nextblock-cms/ui';
+import { MessageSquareQuote } from 'lucide-react';
 
 // 1. Define the Schema
 export const TestimonialSchema = z.object({

package/templates/nextblock-template/components/blocks/publicRendererLoaders.ts

@@ -1,25 +1,25 @@
-import type { ComponentType } from "react";
-import type { BlockType } from "../../lib/blocks/blockRegistry";
-
-type PublicBlockRendererLoader = () => Promise<{
-  default: ComponentType<any>;
-}>;
-
-const publicBlockRendererLoaders: Partial<
-  Record<BlockType | "hero", PublicBlockRendererLoader>
-> = {
-  text: () => import("./renderers/TextBlockRenderer"),
-  heading: () => import("./renderers/HeadingBlockRenderer"),
-  image: () => import("./renderers/ImageBlockRenderer"),
-  button: () => import("./renderers/ButtonBlockRenderer"),
-  posts_grid: () => import("./renderers/PostsGridBlockRenderer"),
-  video_embed: () => import("./renderers/VideoEmbedBlockRenderer"),
-  section: () => import("./renderers/SectionBlockRenderer"),
-  hero: () => import("./renderers/SectionBlockRenderer"),
-  form: () => import("./renderers/FormBlockRenderer"),
-  testimonial: () => import("./renderers/TestimonialBlockRenderer"),
-};
-
-export function getPublicBlockRendererLoader(blockType: string) {
-  return publicBlockRendererLoaders[blockType as BlockType | "hero"];
-}
+import type { ComponentType } from "react";
+import type { BlockType } from "../../lib/blocks/blockRegistry";
+
+type PublicBlockRendererLoader = () => Promise<{
+  default: ComponentType<any>;
+}>;
+
+const publicBlockRendererLoaders: Partial<
+  Record<BlockType | "hero", PublicBlockRendererLoader>
+> = {
+  text: () => import("./renderers/TextBlockRenderer"),
+  heading: () => import("./renderers/HeadingBlockRenderer"),
+  image: () => import("./renderers/ImageBlockRenderer"),
+  button: () => import("./renderers/ButtonBlockRenderer"),
+  posts_grid: () => import("./renderers/PostsGridBlockRenderer"),
+  video_embed: () => import("./renderers/VideoEmbedBlockRenderer"),
+  section: () => import("./renderers/SectionBlockRenderer"),
+  hero: () => import("./renderers/SectionBlockRenderer"),
+  form: () => import("./renderers/FormBlockRenderer"),
+  testimonial: () => import("./renderers/TestimonialBlockRenderer"),
+};
+
+export function getPublicBlockRendererLoader(blockType: string) {
+  return publicBlockRendererLoaders[blockType as BlockType | "hero"];
+}

package/templates/nextblock-template/components/blocks/renderers/ButtonBlockRenderer.tsx

@@ -1,92 +1,92 @@
-"use client";
-import React from "react";
-import Link from "next/link";
-import { buttonVariants } from "@nextblock-cms/ui";
-import { cn } from "@nextblock-cms/utils";
-import type { VisualEditAttributes } from "../../../lib/visual-editing/types";
-
-export type ButtonBlockContent = {
-    text?: string;
-    url?: string;
-    variant?: 'default' | 'outline' | 'secondary' | 'ghost' | 'link';
-    size?: 'default' | 'sm' | 'lg' | 'full';
-    position?: 'left' | 'center' | 'right';
-};
-
-interface ButtonBlockRendererProps {
-  content: ButtonBlockContent;
-  languageId: number; // This prop seems unused
-  visualEditAttributes?: VisualEditAttributes;
-}
-
-const ButtonBlockRenderer: React.FC<ButtonBlockRendererProps> = ({
-  content,
-  visualEditAttributes,
-}) => {
-  const isExternal =
-    content.url?.startsWith("http") ||
-    content.url?.startsWith("mailto:") ||
-    content.url?.startsWith("tel:");
-  const isAnchor = content.url?.startsWith("#");
-
-  const buttonText = content.text || "Button";
-  // Map variant name if needed or pass directly if it matches
-  // The migration might have uppercase 'DEFAULT' or 'OUTLINE', ensure lowercase
-  const variantRaw = content.variant?.toLowerCase() || "default";
-  // Cast to specific allowed variants for TS safety if strictly typed, else as any
-  const variant = (variantRaw === 'default' || variantRaw === 'outline' || variantRaw === 'secondary' || variantRaw === 'ghost' || variantRaw === 'link' || variantRaw === 'destructive') 
-    ? variantRaw 
-    : 'default';
-
-  const sizeRaw = content.size?.toLowerCase() || "default";
-  const size = (sizeRaw === 'default' || sizeRaw === 'sm' || sizeRaw === 'lg' || sizeRaw === 'icon') 
-    ? sizeRaw 
-    : 'default';
-    
-  const buttonPosition = content.position || "left";
-
-  const alignmentClasses = {
-      left: "justify-start text-left",
-      center: "justify-center text-center",
-      right: "justify-end text-right",
-  };
-  
-  // We use buttonVariants directly to avoid 'asChild' composition issues with Radix Slot
-  // This ensures we just render a clean Link or Anchor with the correct classes.
-  const classes = cn(
-    buttonVariants({ variant, size }),
-    variant === 'outline' && "text-foreground", // Ensure outline text is visible
-    "no-underline" // Force no-underline for links
-  );
-
-  return (
-    <div
-      className={cn("my-6 flex w-full", alignmentClasses[buttonPosition])}
-      {...visualEditAttributes}
-    >
-      {/* Case 1: Internal link */}
-      {!isExternal && !isAnchor && !!content.url ? (
-        <Link href={content.url} className={classes}>
-            {buttonText}
-        </Link>
-      ) : /* Case 2: External or Anchor link */
-      (isExternal || isAnchor) && !!content.url ? (
-        <a
-          href={content.url}
-          target={isExternal ? "_blank" : undefined}
-          rel={isExternal ? "noopener noreferrer" : undefined}
-          className={classes}
-        >
-          {buttonText}
-        </a>
-      ) : (
-        /* Case 3: No URL - render a disabled fake button */
-        <button disabled className={cn(classes, "opacity-50 cursor-not-allowed")}>
-          {buttonText}
-        </button>
-      )}
-    </div>
-  );
-};
-
-export default ButtonBlockRenderer;
+"use client";
+import React from "react";
+import Link from "next/link";
+import { buttonVariants } from "@nextblock-cms/ui";
+import { cn } from "@nextblock-cms/utils";
+import type { VisualEditAttributes } from "../../../lib/visual-editing/types";
+
+export type ButtonBlockContent = {
+    text?: string;
+    url?: string;
+    variant?: 'default' | 'outline' | 'secondary' | 'ghost' | 'link';
+    size?: 'default' | 'sm' | 'lg' | 'full';
+    position?: 'left' | 'center' | 'right';
+};
+
+interface ButtonBlockRendererProps {
+  content: ButtonBlockContent;
+  languageId: number; // This prop seems unused
+  visualEditAttributes?: VisualEditAttributes;
+}
+
+const ButtonBlockRenderer: React.FC<ButtonBlockRendererProps> = ({
+  content,
+  visualEditAttributes,
+}) => {
+  const isExternal =
+    content.url?.startsWith("http") ||
+    content.url?.startsWith("mailto:") ||
+    content.url?.startsWith("tel:");
+  const isAnchor = content.url?.startsWith("#");
+
+  const buttonText = content.text || "Button";
+  // Map variant name if needed or pass directly if it matches
+  // The migration might have uppercase 'DEFAULT' or 'OUTLINE', ensure lowercase
+  const variantRaw = content.variant?.toLowerCase() || "default";
+  // Cast to specific allowed variants for TS safety if strictly typed, else as any
+  const variant = (variantRaw === 'default' || variantRaw === 'outline' || variantRaw === 'secondary' || variantRaw === 'ghost' || variantRaw === 'link' || variantRaw === 'destructive') 
+    ? variantRaw 
+    : 'default';
+
+  const sizeRaw = content.size?.toLowerCase() || "default";
+  const size = (sizeRaw === 'default' || sizeRaw === 'sm' || sizeRaw === 'lg' || sizeRaw === 'icon') 
+    ? sizeRaw 
+    : 'default';
+    
+  const buttonPosition = content.position || "left";
+
+  const alignmentClasses = {
+      left: "justify-start text-left",
+      center: "justify-center text-center",
+      right: "justify-end text-right",
+  };
+  
+  // We use buttonVariants directly to avoid 'asChild' composition issues with Radix Slot
+  // This ensures we just render a clean Link or Anchor with the correct classes.
+  const classes = cn(
+    buttonVariants({ variant, size }),
+    variant === 'outline' && "text-foreground", // Ensure outline text is visible
+    "no-underline" // Force no-underline for links
+  );
+
+  return (
+    <div
+      className={cn("my-6 flex w-full", alignmentClasses[buttonPosition])}
+      {...visualEditAttributes}
+    >
+      {/* Case 1: Internal link */}
+      {!isExternal && !isAnchor && !!content.url ? (
+        <Link href={content.url} className={classes}>
+            {buttonText}
+        </Link>
+      ) : /* Case 2: External or Anchor link */
+      (isExternal || isAnchor) && !!content.url ? (
+        <a
+          href={content.url}
+          target={isExternal ? "_blank" : undefined}
+          rel={isExternal ? "noopener noreferrer" : undefined}
+          className={classes}
+        >
+          {buttonText}
+        </a>
+      ) : (
+        /* Case 3: No URL - render a disabled fake button */
+        <button disabled className={cn(classes, "opacity-50 cursor-not-allowed")}>
+          {buttonText}
+        </button>
+      )}
+    </div>
+  );
+};
+
+export default ButtonBlockRenderer;

package/templates/nextblock-template/components/blocks/renderers/ClientTextBlockRenderer.tsx

@@ -51,6 +51,16 @@ type CmsImageMetadata = {
   height: number;
   sizes: string;
   priority?: boolean;
+  /**
+   * Serve the bundled file as-is instead of through the image optimizer.
+   *
+   * The optimizer re-encodes at `quality` 60 and prefers AVIF, which is the right
+   * trade for photos but smears the fine text and 1px strokes of a rendered
+   * diagram, and its `sizes`-driven variant is then upscaled to the figure width.
+   * A diagram that is already an optimized webp at 2x the widest figure is
+   * sharper and not much heavier served untouched.
+   */
+  unoptimized?: boolean;
 };
 
 type HtmlImageProps = {
@@ -215,6 +225,7 @@ function renderOptimizedCmsImage(attribs: Record<string, string>) {
       height={image.height}
       sizes={sizes}
       quality={60}
+      unoptimized={image.unoptimized === true}
       priority={priority}
       fetchPriority={priority ? 'high' : undefined}
       loading={priority ? undefined : 'lazy'}

package/templates/nextblock-template/components/blocks/renderers/PostsGridBlockRenderer.tsx

@@ -1,7 +1,7 @@
-import React from "react";
-import PostsGridBlock from "../../blocks/PostsGridBlock";
-import type { Database } from "@nextblock-cms/db";
-import type { VisualEditAttributes } from "../../../lib/visual-editing/types";
+import React from "react";
+import PostsGridBlock from "../../blocks/PostsGridBlock";
+import type { Database } from "@nextblock-cms/db";
+import type { VisualEditAttributes } from "../../../lib/visual-editing/types";
 
 type Block = Database['public']['Tables']['blocks']['Row'];
 type PostsGridBlockContent = {
@@ -12,27 +12,27 @@ type PostsGridBlockContent = {
 };
 
 interface PostsGridBlockRendererProps {
-  content: PostsGridBlockContent;
-  languageId: number;
-  block: Block;
-  visualEditAttributes?: VisualEditAttributes;
-}
+  content: PostsGridBlockContent;
+  languageId: number;
+  block: Block;
+  visualEditAttributes?: VisualEditAttributes;
+}
 
 const PostsGridBlockRenderer: React.FC<PostsGridBlockRendererProps> = ({
-  content,
-  languageId,
-  block,
-  visualEditAttributes,
-}) => {
-  void content;
-  return (
-    <div {...visualEditAttributes}>
-      <PostsGridBlock
-        block={block}
-        languageId={languageId}
-      />
-    </div>
-  );
-};
+  content,
+  languageId,
+  block,
+  visualEditAttributes,
+}) => {
+  void content;
+  return (
+    <div {...visualEditAttributes}>
+      <PostsGridBlock
+        block={block}
+        languageId={languageId}
+      />
+    </div>
+  );
+};
 
 export default PostsGridBlockRenderer;

package/templates/nextblock-template/components/blocks/renderers/TestimonialBlockRenderer.tsx

@@ -1,57 +1,57 @@
-import React from "react";
-import { Avatar, AvatarFallback, AvatarImage } from "@nextblock-cms/ui";
-import { Card, CardContent } from "@nextblock-cms/ui";
-import { MessageSquareQuote } from "lucide-react";
-import type { VisualEditAttributes } from "../../../lib/visual-editing/types";
-
-type TestimonialBlockContent = {
-  quote?: string;
-  author_name?: string;
-  author_title?: string;
-  image_url?: string;
-};
-
-interface TestimonialBlockRendererProps {
-  content: TestimonialBlockContent;
-  visualEditAttributes?: VisualEditAttributes;
-}
-
-const TestimonialBlockRenderer: React.FC<TestimonialBlockRendererProps> = ({
-  content,
-  visualEditAttributes,
-}) => {
-  const authorName = content.author_name || "Customer";
-
-  return (
-    <div className="container m-8" {...visualEditAttributes}>
-      <Card className="h-full">
-        <CardContent className="pt-6 flex flex-col gap-4 h-full">
-          <MessageSquareQuote className="w-8 h-8 text-primary/40" />
-          {content.quote && (
-            <blockquote className="flex-grow text-lg italic text-muted-foreground">
-              &quot;{content.quote}&quot;
-            </blockquote>
-          )}
-          <div className="flex items-center gap-3 mt-4">
-            <Avatar>
-              {content.image_url && (
-                <AvatarImage src={content.image_url} alt={authorName} />
-              )}
-              <AvatarFallback>{authorName.slice(0, 2).toUpperCase()}</AvatarFallback>
-            </Avatar>
-            <div>
-              <div className="font-semibold">{authorName}</div>
-              {content.author_title && (
-                <div className="text-sm text-muted-foreground">
-                  {content.author_title}
-                </div>
-              )}
-            </div>
-          </div>
-        </CardContent>
-      </Card>
-    </div>
-  );
-};
-
-export default TestimonialBlockRenderer;
+import React from "react";
+import { Avatar, AvatarFallback, AvatarImage } from "@nextblock-cms/ui";
+import { Card, CardContent } from "@nextblock-cms/ui";
+import { MessageSquareQuote } from "lucide-react";
+import type { VisualEditAttributes } from "../../../lib/visual-editing/types";
+
+type TestimonialBlockContent = {
+  quote?: string;
+  author_name?: string;
+  author_title?: string;
+  image_url?: string;
+};
+
+interface TestimonialBlockRendererProps {
+  content: TestimonialBlockContent;
+  visualEditAttributes?: VisualEditAttributes;
+}
+
+const TestimonialBlockRenderer: React.FC<TestimonialBlockRendererProps> = ({
+  content,
+  visualEditAttributes,
+}) => {
+  const authorName = content.author_name || "Customer";
+
+  return (
+    <div className="container m-8" {...visualEditAttributes}>
+      <Card className="h-full">
+        <CardContent className="pt-6 flex flex-col gap-4 h-full">
+          <MessageSquareQuote className="w-8 h-8 text-primary/40" />
+          {content.quote && (
+            <blockquote className="flex-grow text-lg italic text-muted-foreground">
+              &quot;{content.quote}&quot;
+            </blockquote>
+          )}
+          <div className="flex items-center gap-3 mt-4">
+            <Avatar>
+              {content.image_url && (
+                <AvatarImage src={content.image_url} alt={authorName} />
+              )}
+              <AvatarFallback>{authorName.slice(0, 2).toUpperCase()}</AvatarFallback>
+            </Avatar>
+            <div>
+              <div className="font-semibold">{authorName}</div>
+              {content.author_title && (
+                <div className="text-sm text-muted-foreground">
+                  {content.author_title}
+                </div>
+              )}
+            </div>
+          </div>
+        </CardContent>
+      </Card>
+    </div>
+  );
+};
+
+export default TestimonialBlockRenderer;

package/templates/nextblock-template/components/blocks/renderers/inline/AlertWidgetRenderer.tsx

@@ -1,4 +1,4 @@
-interface AlertWidgetRendererProps {
+interface AlertWidgetRendererProps {
   type: 'info' | 'warning' | 'notification' | 'danger';
   title: string;
   message: string;
@@ -46,4 +46,4 @@ const AlertWidgetRenderer = ({ type, title, message, align, size, textAlign }: A
   );
 };
 
-export default AlertWidgetRenderer;
+export default AlertWidgetRenderer;

package/templates/nextblock-template/components/blocks/renderers/inline/CtaWidgetRenderer.tsx

@@ -1,4 +1,4 @@
-import Link from 'next/link';
+import Link from 'next/link';
 
 interface CtaWidgetRendererProps {
   text: string;
@@ -35,4 +35,4 @@ const CtaWidgetRenderer = ({ text, url, style, size, textAlign }: CtaWidgetRende
   );
 };
 
-export default CtaWidgetRenderer;
+export default CtaWidgetRenderer;