dune-react 0.0.12 → 0.0.14

package/dist/components/puck-base/button.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
+import { SafeDynamicIcon } from "./safe-dynamic-icon.js";
 import { Button, buttonVariants } from "../shadcn/button.js";
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from "../shadcn/dialog.js";
 import { AutoField } from "./fields/auto-field.js";
@@ -8,7 +9,6 @@ import { button } from "./core/fields.js";
 import { cn } from "../../utils/css-utils.js";
 import { resolveActionUrl } from "./core/types.js";
 import { withEditable } from "./core/with-editable.js";
-import DynamicIcon from "../../node_modules/.pnpm/lucide-react@0.540.0_react@19.2.4/node_modules/lucide-react/dist/esm/DynamicIcon.js";
 const BUTTON_FIELDS = button.objectFields;
 function ButtonEditDialog({
   open,
@@ -46,7 +46,7 @@ function CompoundButtonBase(props) {
   var _a, _b, _c;
   const content = /* @__PURE__ */ jsxs(Fragment, { children: [
     props.size !== "icon" && props.label,
-    props.icon && props.icon !== "none" ? /* @__PURE__ */ jsx(DynamicIcon, { name: props.icon, className: "h-4 w-4" }) : null
+    props.icon && props.icon !== "none" ? /* @__PURE__ */ jsx(SafeDynamicIcon, { name: props.icon, className: "h-4 w-4" }) : null
   ] });
   const href = props.action ? resolveActionUrl(props.action) : void 0;
   const isDownload = ((_a = props.action) == null ? void 0 : _a.type) === "download";

package/dist/components/puck-base/card.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
+import { SafeDynamicIcon } from "./safe-dynamic-icon.js";
 import { cn } from "../../utils/css-utils.js";
 import { CompoundButton } from "./button.js";
 import { CompoundImage } from "./image.js";
-import DynamicIcon from "../../node_modules/.pnpm/lucide-react@0.540.0_react@19.2.4/node_modules/lucide-react/dist/esm/DynamicIcon.js";
 const CompoundCard = ({
   image,
   icon,
@@ -32,7 +32,7 @@ const CompoundCard = ({
       children: [
         hasImage ? /* @__PURE__ */ jsx("div", { className: "aspect-video overflow-hidden rounded-t-md", children: /* @__PURE__ */ jsx(CompoundImage, { src: image.src, alt: image.alt, className: "h-full" }) }) : null,
         hasIcon && !hasImage ? /* @__PURE__ */ jsx(
-          DynamicIcon,
+          SafeDynamicIcon,
           {
             name: icon,
             className: cn("h-4 w-4", isLight && "text-gray-900")

package/dist/components/puck-base/content.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { cn } from "../../utils/css-utils.js";
 import { CompoundBadge } from "./badge.js";
 import { CompoundButton } from "./button.js";
-import DynamicIcon from "../../node_modules/.pnpm/lucide-react@0.540.0_react@19.2.4/node_modules/lucide-react/dist/esm/DynamicIcon.js";
+import { SafeDynamicIcon } from "./safe-dynamic-icon.js";
 const CompoundContent = ({
   badge,
   heading,
@@ -83,7 +83,7 @@ const CompoundContent = ({
                 ) : null,
                 Array.isArray(features) && features.length > 0 ? features.map((feature, index) => /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-4", children: [
                   feature.icon && feature.icon !== "none" ? /* @__PURE__ */ jsx(
-                    DynamicIcon,
+                    SafeDynamicIcon,
                     {
                       name: feature.icon,
                       className: "h-6 w-6 shrink-0"

package/dist/components/puck-base/safe-dynamic-icon.d.ts

@@ -0,0 +1,7 @@
+import { DynamicIcon } from "lucide-react/dynamic";
+import type { ComponentPropsWithoutRef } from "react";
+type SafeDynamicIconProps = Omit<ComponentPropsWithoutRef<typeof DynamicIcon>, "name"> & {
+    name: string;
+};
+export declare function SafeDynamicIcon({ name, ...props }: SafeDynamicIconProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/puck-base/safe-dynamic-icon.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import dynamicIconImports from "../../node_modules/.pnpm/lucide-react@0.540.0_react@19.2.4/node_modules/lucide-react/dist/esm/dynamicIconImports.js";
+import DynamicIcon from "../../node_modules/.pnpm/lucide-react@0.540.0_react@19.2.4/node_modules/lucide-react/dist/esm/DynamicIcon.js";
+function SafeDynamicIcon({ name, ...props }) {
+  if (!name || name === "none" || !(name in dynamicIconImports)) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(DynamicIcon, { name, ...props });
+}
+export {
+  SafeDynamicIcon
+};

package/dist/components/puck-block/feature-sections/product-features-1/product-features.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { CompoundContainer } from "../../../puck-base/container.js";
 import { CompoundImage } from "../../../puck-base/image.js";
 import { cn } from "../../../../utils/css-utils.js";
-import DynamicIcon from "../../../../node_modules/.pnpm/lucide-react@0.540.0_react@19.2.4/node_modules/lucide-react/dist/esm/DynamicIcon.js";
+import { SafeDynamicIcon } from "../../../puck-base/safe-dynamic-icon.js";
 const GridLayout = ({
   features,
   columns,
@@ -18,7 +18,7 @@ const GridLayout = ({
       ),
       children: features.map((feature, index) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
         feature.icon && feature.icon !== "none" && /* @__PURE__ */ jsx("div", { className: "bg-primary/10 flex h-10 w-10 items-center justify-center rounded-full", children: /* @__PURE__ */ jsx(
-          DynamicIcon,
+          SafeDynamicIcon,
           {
             name: feature.icon,
             className: "text-primary h-5 w-5"
@@ -46,7 +46,7 @@ const AlternatingLayout = ({ features }) => /* @__PURE__ */ jsx("div", { classNa
               !isEven && "lg:order-2"
             ),
             children: ((_a = feature.image) == null ? void 0 : _a.src) ? /* @__PURE__ */ jsx(CompoundImage, { src: feature.image.src, alt: feature.image.alt || "", className: "w-full object-cover" }) : /* @__PURE__ */ jsx("div", { className: "flex aspect-video items-center justify-center", children: feature.icon && feature.icon !== "none" && /* @__PURE__ */ jsx(
-              DynamicIcon,
+              SafeDynamicIcon,
               {
                 name: feature.icon,
                 className: "text-muted-foreground h-16 w-16"
@@ -56,7 +56,7 @@ const AlternatingLayout = ({ features }) => /* @__PURE__ */ jsx("div", { classNa
         ),
         /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-4", !isEven && "lg:order-1"), children: [
           feature.icon && feature.icon !== "none" && /* @__PURE__ */ jsx("div", { className: "bg-primary/10 flex h-10 w-10 items-center justify-center rounded-full", children: /* @__PURE__ */ jsx(
-            DynamicIcon,
+            SafeDynamicIcon,
             {
               name: feature.icon,
               className: "text-primary h-5 w-5"
@@ -80,7 +80,7 @@ const ListLayout = ({
       className: "border-border flex gap-4 border-b pb-8 last:border-b-0 last:pb-0",
       children: [
         feature.icon && feature.icon !== "none" && /* @__PURE__ */ jsx("div", { className: "bg-primary/10 flex h-10 w-10 shrink-0 items-center justify-center rounded-lg", children: /* @__PURE__ */ jsx(
-          DynamicIcon,
+          SafeDynamicIcon,
           {
             name: feature.icon,
             className: "text-primary h-5 w-5"

package/dist/components/puck-block/header-sections/header-1/index.js

@@ -94,11 +94,11 @@ const defaultActionItems = [
   },
   {
     label: "Get Started",
-    url: "#",
+    url: "",
     action: {
-      type: "external",
+      type: "email",
       pageUrl: "",
-      externalUrl: "#",
+      externalUrl: "",
       openInNewTab: "false",
       email: "",
       subject: "",

package/dist/components/puck-block/hero-sections/props.d.ts

@@ -1,4 +1,4 @@
-type HeroVariant = "hero-1" | "split-hero-1" | "grid-hero-1" | "image-hero-1" | "video-hero-1" | "gradient-hero-1" | "fullscreen-hero-1";
+type HeroVariant = "hero-1" | "split-hero-1" | "image-hero-1" | "video-hero-1" | "gradient-hero-1" | "fullscreen-hero-1";
 type HeroPadding = {
     top?: "none" | "small" | "medium" | "large";
     bottom?: "none" | "small" | "medium" | "large";
@@ -26,12 +26,6 @@ type HeroImage = {
     alt?: string;
     aspectRatio?: "16x9" | "1x1";
 };
-type HeroSidebarItem = {
-    label: string;
-    value?: string;
-    description?: string;
-    url?: string;
-};
 type HeroSectionProps = {
     variant?: HeroVariant;
     badge?: HeroBadge;
@@ -53,16 +47,11 @@ type HeroSectionProps = {
     displayText?: string;
     imageLayout?: "1x1" | "1x1-9x16-1x1" | "16x9";
     imagePosition?: "left" | "right";
-    leftSidebarTitle?: string;
-    leftSidebar?: HeroSidebarItem[];
-    rightSidebarTitle?: string;
-    rightSidebar?: HeroSidebarItem[];
     styles?: {
         padding?: HeroPadding;
         sectionStyle?: HeroSectionStyle;
         backgroundColor?: string;
         className?: string;
-        showGridLines?: boolean;
         overlay?: "none" | "dark" | "gradient";
         minHeight?: "medium" | "large" | "full";
         gradientFrom?: string;

package/dist/components/puck-block/index.d.ts

@@ -24,7 +24,6 @@ export { default as HeaderConf, type HeaderProps } from "./header-sections/heade
 export { conf as StickyNavConf, type StickyNavProps } from "./header-sections/sticky-nav-1/index.tsx";
 export { conf as FullscreenHeroConf, type FullscreenHeroProps } from "./hero-sections/fullscreen-hero-1/index.tsx";
 export { conf as GradientHeroConf, type GradientHeroProps } from "./hero-sections/gradient-hero-1/index.tsx";
-export { conf as GridHeroConf, type GridHeroProps } from "./hero-sections/grid-hero-1/index.tsx";
 export { conf as HeroConf, type HeroProps } from "./hero-sections/hero-1/index.tsx";
 export { conf as ImageHeroConf, type ImageHeroProps } from "./hero-sections/image-hero-1/index.tsx";
 export { conf as SplitHeroConf, type SplitHeroProps } from "./hero-sections/split-hero-1/index.tsx";

package/dist/components/puck-block/pricing-sections/pricing-1/pricing.js

@@ -3,7 +3,7 @@ import { Card, CardHeader, CardTitle, CardDescription, CardContent } from "../..
 import { CompoundButton } from "../../../puck-base/button.js";
 import { CompoundContainer } from "../../../puck-base/container.js";
 import { CompoundContent } from "../../../puck-base/content.js";
-import DynamicIcon from "../../../../node_modules/.pnpm/lucide-react@0.540.0_react@19.2.4/node_modules/lucide-react/dist/esm/DynamicIcon.js";
+import { SafeDynamicIcon } from "../../../puck-base/safe-dynamic-icon.js";
 const Pricing = (props) => {
   var _a, _b, _c, _d;
   return /* @__PURE__ */ jsx(
@@ -40,7 +40,7 @@ const Pricing = (props) => {
               ] })
             ] }),
             /* @__PURE__ */ jsx("div", { className: "flex flex-col justify-start gap-4", children: (tier.features ?? []).map((feature, index2) => /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-4", children: [
-              feature.icon && feature.icon !== "none" ? /* @__PURE__ */ jsx(DynamicIcon, { name: feature.icon }) : null,
+              feature.icon && feature.icon !== "none" ? /* @__PURE__ */ jsx(SafeDynamicIcon, { name: feature.icon }) : null,
               /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
                 /* @__PURE__ */ jsx("p", { children: feature.name }),
                 feature.description ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: feature.description }) : null

package/dist/components/puck-block/text-sections/articles-1/articles.d.ts

@@ -1,11 +1,12 @@
 import { CompoundContainerProps } from "@/components/puck-base/container";
 import { CompoundButtonProps } from "@/components/puck-base/button";
-import { PuckComponent, Slot } from "@puckeditor/core";
+import { CompoundArticleCardProps } from "@/components/puck-base/article-card";
+import { PuckComponent } from "@puckeditor/core";
 export interface ArticlesProps {
     eyebrow?: string;
     heading?: string;
     buttons?: CompoundButtonProps[];
-    cards?: Slot;
+    cards?: CompoundArticleCardProps[];
     styles?: {
         padding?: CompoundContainerProps["padding"];
         sectionStyle?: CompoundContainerProps["sectionStyle"];

package/dist/components/puck-block/text-sections/articles-1/articles.js

@@ -1,12 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { CompoundContainer } from "../../../puck-base/container.js";
 import { CompoundButton } from "../../../puck-base/button.js";
+import { CompoundArticleCard } from "../../../puck-base/article-card.js";
 import { cn } from "../../../../utils/css-utils.js";
 const Articles = ({
   eyebrow,
   heading,
   buttons,
-  cards: Cards,
+  cards,
   styles
 }) => {
   var _a;
@@ -34,14 +35,15 @@ const Articles = ({
             }
           ) }) : null
         ] }),
-        Cards && /* @__PURE__ */ jsx(
-          Cards,
+        cards && cards.length > 0 && /* @__PURE__ */ jsx(
+          "div",
           {
             className: cn("grid grid-cols-1 gap-8", {
               "sm:grid-cols-2": columns === 2,
               "sm:grid-cols-2 lg:grid-cols-3": columns === 3,
               "sm:grid-cols-2 lg:grid-cols-4": columns === 4
-            })
+            }),
+            children: cards.map((card, i) => /* @__PURE__ */ jsx(CompoundArticleCard, { ...card }, i))
           }
         )
       ]

package/dist/components/puck-block/text-sections/articles-1/index.js

@@ -1,19 +1,36 @@
-import { buttons, heading, cards } from "../../../puck-base/core/fields.js";
+import { actionDefaults, button, description, heading, image, buttons } from "../../../puck-base/core/fields.js";
 import { Articles } from "./articles.js";
 import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
-const { icon: defaultIcon, ...defaultCardProps } = cards.defaultItemProps;
-const defaultCard = {
-  ...defaultCardProps,
-  image: { src: "https://images.pexels.com/photos/546819/pexels-photo-546819.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Code displayed on laptop screen" }
-};
 const conf = {
   fields: {
     eyebrow: { type: "text", contentEditable: true },
     heading,
     buttons,
     cards: {
-      type: "slot",
-      allow: ["ArticleCard"]
+      type: "array",
+      max: 6,
+      getItemSummary: (item, index = 0) => item.heading || `Card ${index + 1}`,
+      arrayFields: {
+        image,
+        heading,
+        description,
+        button
+      },
+      defaultItemProps: {
+        image: {
+          src: "https://images.pexels.com/photos/546819/pexels-photo-546819.jpeg?auto=compress&cs=tinysrgb&w=1200",
+          alt: "Code displayed on laptop screen"
+        },
+        heading: "Article heading",
+        description: "Article description goes here.",
+        button: {
+          label: "",
+          action: actionDefaults,
+          variant: "link",
+          size: "default",
+          icon: "move-right"
+        }
+      }
     },
     styles: createStylesField({
       columns: {
@@ -37,20 +54,26 @@ const conf = {
         icon: "none"
       }
     ],
-    cards: Array.from({ length: 3 }).map((_, index) => ({
-      type: "ArticleCard",
-      props: {
-        ...defaultCard,
-        image: [
-          { src: "https://images.pexels.com/photos/3861969/pexels-photo-3861969.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Developer working at desk with multiple monitors" },
-          { src: "https://images.pexels.com/photos/574071/pexels-photo-574071.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Colorful code on computer monitor in dark setting" },
-          { src: "https://images.pexels.com/photos/1181677/pexels-photo-1181677.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Developers collaborating on code together" }
-        ][index],
-        heading: ["How to Ship 10x Faster Without Burning Out", "The Future of Developer Tooling in 2026", "Building a Culture of Continuous Deployment"][index],
-        description: ["Practical strategies for high-velocity teams that prioritize sustainability.", "An in-depth look at the trends shaping how developers build and deploy software.", "How top engineering orgs embed CI/CD into their team culture."][index],
-        button: { label: "", variant: "link", size: "default", icon: "move-right" }
+    cards: [
+      {
+        image: { src: "https://images.pexels.com/photos/3861969/pexels-photo-3861969.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Developer working at desk with multiple monitors" },
+        heading: "How to Ship 10x Faster Without Burning Out",
+        description: "Practical strategies for high-velocity teams that prioritize sustainability.",
+        button: { label: "", action: actionDefaults, variant: "link", size: "default", icon: "move-right" }
+      },
+      {
+        image: { src: "https://images.pexels.com/photos/574071/pexels-photo-574071.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Colorful code on computer monitor in dark setting" },
+        heading: "The Future of Developer Tooling in 2026",
+        description: "An in-depth look at the trends shaping how developers build and deploy software.",
+        button: { label: "", action: actionDefaults, variant: "link", size: "default", icon: "move-right" }
+      },
+      {
+        image: { src: "https://images.pexels.com/photos/1181677/pexels-photo-1181677.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Developers collaborating on code together" },
+        heading: "Building a Culture of Continuous Deployment",
+        description: "How top engineering orgs embed CI/CD into their team culture.",
+        button: { label: "", action: actionDefaults, variant: "link", size: "default", icon: "move-right" }
       }
-    })),
+    ],
     styles: createStylesDefaults({ columns: 3 })
   },
   render: Articles

package/dist/index.js

@@ -68,11 +68,10 @@ import { conf as conf23 } from "./components/puck-block/gallery-sections/gallery
 import { conf as conf24 } from "./components/puck-block/cta-sections/gradient-cta-1/index.js";
 import { conf as conf25 } from "./components/puck-block/hero-sections/gradient-hero-1/index.js";
 import { GradientText } from "./components/puck-base/gradient-text.js";
-import { conf as conf26 } from "./components/puck-block/hero-sections/grid-hero-1/index.js";
-import { conf as conf27 } from "./components/puck-block/hero-sections/hero-1/index.js";
+import { conf as conf26 } from "./components/puck-block/hero-sections/hero-1/index.js";
 import { HoverCard, HoverCardContent, HoverCardTrigger } from "./components/shadcn/hover-card.js";
-import { conf as conf28 } from "./components/puck-block/feature-sections/icon-grid-1/index.js";
-import { conf as conf29 } from "./components/puck-block/hero-sections/image-hero-1/index.js";
+import { conf as conf27 } from "./components/puck-block/feature-sections/icon-grid-1/index.js";
+import { conf as conf28 } from "./components/puck-block/hero-sections/image-hero-1/index.js";
 import { ImageUploadField } from "./components/puck-base/image-upload-field.js";
 import { InlineEditable } from "./components/puck-base/inline-editable.js";
 import { Input } from "./components/shadcn/input.js";
@@ -82,28 +81,28 @@ import { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup,
 import { Kbd, KbdGroup } from "./components/shadcn/kbd.js";
 import { Label } from "./components/shadcn/label.js";
 import { LayoutTextFlip } from "./components/shadcn/layout-text-flip.js";
-import { conf as conf30 } from "./components/puck-block/location-sections/location-2/index.js";
-import { conf as conf31 } from "./components/puck-block/location-sections/location-3/index.js";
-import { conf as conf32 } from "./components/puck-block/location-sections/location-1/index.js";
-import { conf as conf33 } from "./components/puck-block/testimonial-sections/logo-marquee-1/index.js";
-import { conf as conf34 } from "./components/puck-block/testimonial-sections/logo-wall-1/index.js";
-import { conf as conf35 } from "./components/puck-block/banner-sections/marquee-1/index.js";
+import { conf as conf29 } from "./components/puck-block/location-sections/location-2/index.js";
+import { conf as conf30 } from "./components/puck-block/location-sections/location-3/index.js";
+import { conf as conf31 } from "./components/puck-block/location-sections/location-1/index.js";
+import { conf as conf32 } from "./components/puck-block/testimonial-sections/logo-marquee-1/index.js";
+import { conf as conf33 } from "./components/puck-block/testimonial-sections/logo-wall-1/index.js";
+import { conf as conf34 } from "./components/puck-block/banner-sections/marquee-1/index.js";
 import { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from "./components/shadcn/menubar.js";
 import { MobileNav, MobileNavHeader, MobileNavMenu, MobileNavToggle, NavBody, NavItems, Navbar, NavbarButton, NavbarLogo } from "./components/shadcn/resizable-navbar.js";
 import { NativeSelect, NativeSelectOptGroup, NativeSelectOption } from "./components/shadcn/native-select.js";
 import { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, navigationMenuTriggerStyle } from "./components/shadcn/navigation-menu.js";
-import { conf as conf36 } from "./components/puck-block/cta-sections/newsletter-signup-1/index.js";
+import { conf as conf35 } from "./components/puck-block/cta-sections/newsletter-signup-1/index.js";
 import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./components/shadcn/pagination.js";
 import { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from "./components/shadcn/popover.js";
-import { conf as conf37 } from "./components/puck-block/pricing-sections/pricing-2/index.js";
-import { conf as conf38 } from "./components/puck-block/pricing-sections/pricing-1/index.js";
-import { conf as conf39 } from "./components/puck-block/feature-sections/product-features-1/index.js";
+import { conf as conf36 } from "./components/puck-block/pricing-sections/pricing-2/index.js";
+import { conf as conf37 } from "./components/puck-block/pricing-sections/pricing-1/index.js";
+import { conf as conf38 } from "./components/puck-block/feature-sections/product-features-1/index.js";
 import { Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue } from "./components/shadcn/progress.js";
-import { conf as conf40 } from "./components/puck-block/cta-sections/promo-section-1/index.js";
+import { conf as conf39 } from "./components/puck-block/cta-sections/promo-section-1/index.js";
 import { RadioGroup, RadioGroupItem } from "./components/shadcn/radio-group.js";
 import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "./components/shadcn/resizable.js";
-import { conf as conf41 } from "./components/puck-block/testimonial-sections/review-section-1/index.js";
-import { conf as conf42 } from "./components/puck-block/text-sections/rich-text-1/index.js";
+import { conf as conf40 } from "./components/puck-block/testimonial-sections/review-section-1/index.js";
+import { conf as conf41 } from "./components/puck-block/text-sections/rich-text-1/index.js";
 import { ScrollArea, ScrollBar } from "./components/shadcn/scroll-area.js";
 import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./components/shadcn/select.js";
 import { Separator } from "./components/shadcn/separator.js";
@@ -113,31 +112,31 @@ import { Skeleton } from "./components/shadcn/skeleton.js";
 import { Slider } from "./components/shadcn/slider.js";
 import { SparklesCore } from "./components/ui-block/sparkles/index.js";
 import { Spinner } from "./components/shadcn/spinner.js";
-import { conf as conf43 } from "./components/puck-block/hero-sections/split-hero-1/index.js";
+import { conf as conf42 } from "./components/puck-block/hero-sections/split-hero-1/index.js";
 import { Spotlight } from "./components/ui-block/spotlight/index.js";
-import { conf as conf44 } from "./components/puck-block/metrics-sections/stats-2/index.js";
-import { conf as conf45 } from "./components/puck-block/metrics-sections/stats-3/index.js";
-import { conf as conf46 } from "./components/puck-block/metrics-sections/stats-1/index.js";
-import { conf as conf47 } from "./components/puck-block/showcase-sections/step-by-step-1/index.js";
-import { conf as conf48 } from "./components/puck-block/header-sections/sticky-nav-1/index.js";
+import { conf as conf43 } from "./components/puck-block/metrics-sections/stats-2/index.js";
+import { conf as conf44 } from "./components/puck-block/metrics-sections/stats-3/index.js";
+import { conf as conf45 } from "./components/puck-block/metrics-sections/stats-1/index.js";
+import { conf as conf46 } from "./components/puck-block/showcase-sections/step-by-step-1/index.js";
+import { conf as conf47 } from "./components/puck-block/header-sections/sticky-nav-1/index.js";
 import { Switch } from "./components/shadcn/switch.js";
-import { conf as conf49 } from "./components/puck-block/text-sections/tab-section-1/index.js";
+import { conf as conf48 } from "./components/puck-block/text-sections/tab-section-1/index.js";
 import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./components/shadcn/table.js";
 import { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants } from "./components/shadcn/tabs.js";
-import { conf as conf50 } from "./components/puck-block/team-sections/team-grid-2/index.js";
-import { conf as conf51 } from "./components/puck-block/team-sections/team-grid-1/index.js";
-import { conf as conf52 } from "./components/puck-block/team-sections/team-profiles-1/index.js";
-import { conf as conf53 } from "./components/puck-block/testimonial-sections/testimonials-1/index.js";
+import { conf as conf49 } from "./components/puck-block/team-sections/team-grid-2/index.js";
+import { conf as conf50 } from "./components/puck-block/team-sections/team-grid-1/index.js";
+import { conf as conf51 } from "./components/puck-block/team-sections/team-profiles-1/index.js";
+import { conf as conf52 } from "./components/puck-block/testimonial-sections/testimonials-1/index.js";
 import { Textarea } from "./components/shadcn/textarea.js";
-import { conf as conf54 } from "./components/puck-block/text-sections/timeline-1/index.js";
+import { conf as conf53 } from "./components/puck-block/text-sections/timeline-1/index.js";
 import { Toaster } from "./components/shadcn/sonner.js";
 import { Toggle, toggleVariants } from "./components/shadcn/toggle.js";
 import { ToggleGroup, ToggleGroupItem } from "./components/shadcn/toggle-group.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./components/shadcn/tooltip.js";
 import { TweetCard, truncate } from "./components/shadcn/tweet-card.js";
 import { TweetCardClient } from "./components/shadcn/tweet-card-client.js";
-import { conf as conf55 } from "./components/puck-block/text-sections/two-column-1/index.js";
-import { conf as conf56 } from "./components/puck-block/hero-sections/video-hero-1/index.js";
+import { conf as conf54 } from "./components/puck-block/text-sections/two-column-1/index.js";
+import { conf as conf55 } from "./components/puck-block/hero-sections/video-hero-1/index.js";
 import { action, actionDefaults, badge, button, buttons, card, cards, contentFields, contentFieldsWithFeatures, description, features, field, fieldDefaults, form, formDefaults, getPlaceholderImageUrl, heading, icon, image, image16x9Placeholder, image1x1Placeholder, image9x16Placeholder, images } from "./components/puck-base/core/fields.js";
 import { backgroundColor, backgroundImage, padding, paddingDefaults, paddingLevel, sectionOverlay, sectionStyle } from "./components/puck-base/core/styles.js";
 import { base64ToFile, base64ToUrl, blobToBase64, blobToUrl, convertBase64ToBlob, structureFile } from "./utils/utils-canvas.js";
@@ -360,14 +359,13 @@ export {
   conf24 as GradientCtaConf,
   conf25 as GradientHeroConf,
   GradientText,
-  conf26 as GridHeroConf,
   default3 as HeaderConf,
-  conf27 as HeroConf,
+  conf26 as HeroConf,
   HoverCard,
   HoverCardContent,
   HoverCardTrigger,
-  conf28 as IconGridConf,
-  conf29 as ImageHeroConf,
+  conf27 as IconGridConf,
+  conf28 as ImageHeroConf,
   ImageUploadField,
   InlineEditable,
   Input,
@@ -395,12 +393,12 @@ export {
   KbdGroup,
   Label,
   LayoutTextFlip,
-  conf30 as Location2Conf,
-  conf31 as Location3Conf,
-  conf32 as LocationConf,
-  conf33 as LogoMarqueeConf,
-  conf34 as LogoWallConf,
-  conf35 as MarqueeConf,
+  conf29 as Location2Conf,
+  conf30 as Location3Conf,
+  conf31 as LocationConf,
+  conf32 as LogoMarqueeConf,
+  conf33 as LogoWallConf,
+  conf34 as MarqueeConf,
   Menubar,
   MenubarCheckboxItem,
   MenubarContent,
@@ -437,7 +435,7 @@ export {
   NavigationMenuList,
   NavigationMenuPositioner,
   NavigationMenuTrigger,
-  conf36 as NewsletterSignupConf,
+  conf35 as NewsletterSignupConf,
   PageActionFields,
   Pagination,
   PaginationContent,
@@ -453,22 +451,22 @@ export {
   PopoverHeader,
   PopoverTitle,
   PopoverTrigger,
-  conf37 as Pricing2Conf,
-  conf38 as PricingConf,
-  conf39 as ProductFeaturesConf,
+  conf36 as Pricing2Conf,
+  conf37 as PricingConf,
+  conf38 as ProductFeaturesConf,
   Progress,
   ProgressIndicator,
   ProgressLabel,
   ProgressTrack,
   ProgressValue,
-  conf40 as PromoSectionConf,
+  conf39 as PromoSectionConf,
   RadioGroup,
   RadioGroupItem,
   ResizableHandle,
   ResizablePanel,
   ResizablePanelGroup,
-  conf41 as ReviewSectionConf,
-  conf42 as RichTextConf,
+  conf40 as ReviewSectionConf,
+  conf41 as RichTextConf,
   ScrollArea,
   ScrollBar,
   SectionActionFields,
@@ -519,15 +517,15 @@ export {
   Slider,
   SparklesCore,
   Spinner,
-  conf43 as SplitHeroConf,
+  conf42 as SplitHeroConf,
   Spotlight,
-  conf44 as Stats2Conf,
-  conf45 as Stats3Conf,
-  conf46 as StatsConf,
-  conf47 as StepByStepConf,
-  conf48 as StickyNavConf,
+  conf43 as Stats2Conf,
+  conf44 as Stats3Conf,
+  conf45 as StatsConf,
+  conf46 as StepByStepConf,
+  conf47 as StickyNavConf,
   Switch,
-  conf49 as TabSectionConf,
+  conf48 as TabSectionConf,
   Table,
   TableBody,
   TableCaption,
@@ -540,12 +538,12 @@ export {
   TabsContent,
   TabsList,
   TabsTrigger,
-  conf50 as TeamGrid2Conf,
-  conf51 as TeamGridConf,
-  conf52 as TeamProfilesConf,
-  conf53 as TestimonialsConf,
+  conf49 as TeamGrid2Conf,
+  conf50 as TeamGridConf,
+  conf51 as TeamProfilesConf,
+  conf52 as TestimonialsConf,
   Textarea,
-  conf54 as TimelineConf,
+  conf53 as TimelineConf,
   Toaster,
   Toggle,
   ToggleGroup,
@@ -556,8 +554,8 @@ export {
   TooltipTrigger,
   TweetCard,
   TweetCardClient,
-  conf55 as TwoColumnConf,
-  conf56 as VideoHeroConf,
+  conf54 as TwoColumnConf,
+  conf55 as VideoHeroConf,
   action,
   actionDefaults,
   backgroundColor,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dune-react",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "license": "MIT",
   "type": "module",
   "scripts": {

package/dist/components/puck-block/hero-sections/grid-hero-1/grid-hero.d.ts

@@ -1,26 +0,0 @@
-import { CompoundContainerProps } from "@/components/puck-base/container";
-import { CompoundBadgeProps } from "@/components/puck-base/badge";
-import { CompoundButtonProps } from "@/components/puck-base/button";
-export interface SidebarItem {
-    label: string;
-    value?: string;
-    description?: string;
-    url?: string;
-}
-export interface GridHeroProps {
-    badge?: CompoundBadgeProps;
-    heading: string;
-    description?: string;
-    buttons?: CompoundButtonProps[];
-    leftSidebarTitle?: string;
-    leftSidebar?: SidebarItem[];
-    rightSidebar?: SidebarItem[];
-    rightSidebarTitle?: string;
-    styles?: {
-        padding?: CompoundContainerProps["padding"];
-        sectionStyle?: CompoundContainerProps["sectionStyle"];
-        backgroundColor?: string;
-        showGridLines?: boolean;
-    };
-}
-export declare const GridHero: ({ badge, heading, description, buttons, leftSidebarTitle, leftSidebar, rightSidebar, rightSidebarTitle, styles, }: GridHeroProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-block/hero-sections/grid-hero-1/grid-hero.js

@@ -1,125 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../../../utils/css-utils.js";
-import { CompoundContainer } from "../../../puck-base/container.js";
-import { CompoundBadge } from "../../../puck-base/badge.js";
-import { CompoundButton } from "../../../puck-base/button.js";
-const GridHero = ({
-  badge,
-  heading,
-  description,
-  buttons,
-  leftSidebarTitle,
-  leftSidebar = [],
-  rightSidebar = [],
-  rightSidebarTitle,
-  styles
-}) => {
-  const showGridLines = (styles == null ? void 0 : styles.showGridLines) ?? true;
-  const hasLeftSidebar = leftSidebar.length > 0 || !!leftSidebarTitle;
-  const hasRightSidebar = rightSidebar.length > 0;
-  return /* @__PURE__ */ jsx(
-    CompoundContainer,
-    {
-      padding: styles == null ? void 0 : styles.padding,
-      sectionStyle: styles == null ? void 0 : styles.sectionStyle,
-      backgroundColor: styles == null ? void 0 : styles.backgroundColor,
-      children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-        showGridLines && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0", "aria-hidden": true, children: /* @__PURE__ */ jsx("div", { className: "mx-auto flex h-full max-w-7xl justify-between px-4", children: [...Array(7)].map((_, i) => /* @__PURE__ */ jsx("div", { className: "h-full w-px bg-gray-200/60" }, i)) }) }),
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: cn(
-              "relative mx-auto grid max-w-7xl gap-0 px-4",
-              hasLeftSidebar || hasRightSidebar ? "grid-cols-[minmax(120px,180px)_1fr_minmax(120px,180px)]" : "grid-cols-1"
-            ),
-            children: [
-              hasLeftSidebar && /* @__PURE__ */ jsx("div", { className: "hidden border-r border-gray-200/60 pt-8 pr-6 md:block", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-                leftSidebarTitle && /* @__PURE__ */ jsx("div", { className: "pb-4", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground font-mono text-xs leading-tight font-medium", children: leftSidebarTitle }) }),
-                leftSidebar.map((item, i) => /* @__PURE__ */ jsxs(
-                  "div",
-                  {
-                    className: cn(
-                      "flex flex-col gap-0.5 py-4",
-                      i > 0 && "border-t border-dotted border-gray-400"
-                    ),
-                    children: [
-                      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground font-mono text-[10px] font-medium tracking-wider", children: item.label }),
-                      item.value && /* @__PURE__ */ jsx("span", { className: "font-mono text-xl font-semibold tracking-tight", children: item.value }),
-                      item.description && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground font-mono text-[10px]", children: item.description })
-                    ]
-                  },
-                  i
-                ))
-              ] }) }),
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: cn("flex flex-col gap-5 py-14", {
-                    "px-8": hasLeftSidebar || hasRightSidebar,
-                    "items-center text-center": !hasLeftSidebar && !hasRightSidebar
-                  }),
-                  children: [
-                    badge && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-                      CompoundBadge,
-                      {
-                        label: badge.label,
-                        variant: badge.variant || "outline",
-                        url: badge.url
-                      }
-                    ) }),
-                    /* @__PURE__ */ jsx("h1", { className: "max-w-2xl text-5xl font-semibold tracking-tighter md:text-6xl", children: heading }),
-                    description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground max-w-lg font-mono text-sm leading-relaxed", children: description }),
-                    Array.isArray(buttons) && buttons.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-row flex-wrap gap-3 pt-2", children: buttons.filter((b) => !!b.label).map((button, index) => /* @__PURE__ */ jsx(
-                      CompoundButton,
-                      {
-                        label: button.label,
-                        action: button.action,
-                        variant: button.variant,
-                        size: button.size,
-                        className: button.variant === "outline" ? "border-foreground border-2" : void 0
-                      },
-                      index
-                    )) })
-                  ]
-                }
-              ),
-              hasRightSidebar && /* @__PURE__ */ jsxs("div", { className: "hidden border-l border-gray-200/60 pt-12 pl-6 md:block", children: [
-                /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: rightSidebar.map((item, i) => /* @__PURE__ */ jsx("div", { className: "py-2", children: item.url ? /* @__PURE__ */ jsxs(
-                  "a",
-                  {
-                    href: item.url,
-                    className: "text-muted-foreground hover:text-foreground font-mono text-xs transition-colors",
-                    children: [
-                      item.label,
-                      item.value && /* @__PURE__ */ jsx("span", { className: "ml-1.5 text-[10px] opacity-60", children: item.value })
-                    ]
-                  }
-                ) : /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground font-mono text-xs", children: [
-                  item.label,
-                  item.value && /* @__PURE__ */ jsx("span", { className: "ml-1.5 text-[10px] opacity-60", children: item.value })
-                ] }) }, i)) }),
-                rightSidebarTitle && /* @__PURE__ */ jsxs("div", { className: "mt-6 border-t border-dotted border-gray-400 pt-4", children: [
-                  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground font-mono text-[10px] font-medium tracking-wider", children: rightSidebarTitle }),
-                  rightSidebar.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-col gap-1", children: rightSidebar.map((item, i) => /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      className: "flex items-baseline justify-between gap-2",
-                      children: [
-                        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground font-mono text-[10px]", children: item.label }),
-                        item.value && /* @__PURE__ */ jsx("span", { className: "font-mono text-xs font-semibold", children: item.value })
-                      ]
-                    },
-                    i
-                  )) })
-                ] })
-              ] })
-            ]
-          }
-        )
-      ] })
-    }
-  );
-};
-export {
-  GridHero
-};

package/dist/components/puck-block/hero-sections/grid-hero-1/index.d.ts

@@ -1,5 +0,0 @@
-import { ComponentConfig } from "@puckeditor/core";
-import { GridHeroProps } from "./grid-hero";
-export type { GridHeroProps };
-export declare const conf: ComponentConfig<GridHeroProps>;
-export default conf;

package/dist/components/puck-block/hero-sections/grid-hero-1/index.js

@@ -1,71 +0,0 @@
-import { contentFields } from "../../../puck-base/core/fields.js";
-import { GridHero } from "./grid-hero.js";
-import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
-const conf = {
-  fields: {
-    ...contentFields,
-    leftSidebarTitle: { type: "text", label: "Left Sidebar Title" },
-    leftSidebar: {
-      type: "array",
-      max: 5,
-      getItemSummary: (item, i = 0) => item.label || `Item ${i + 1}`,
-      arrayFields: {
-        label: { type: "text" },
-        value: { type: "text" },
-        description: { type: "text" },
-        url: { type: "text" }
-      },
-      defaultItemProps: {
-        label: "Label",
-        value: "Value"
-      }
-    },
-    rightSidebarTitle: { type: "text", label: "Right Sidebar Title" },
-    rightSidebar: {
-      type: "array",
-      max: 5,
-      getItemSummary: (item, i = 0) => item.label || `Item ${i + 1}`,
-      arrayFields: {
-        label: { type: "text" },
-        value: { type: "text" },
-        url: { type: "text" }
-      },
-      defaultItemProps: {
-        label: "Link",
-        url: "#"
-      }
-    },
-    styles: createStylesField({
-      showGridLines: {
-        type: "radio",
-        label: "Show Grid Lines",
-        options: [
-          { label: "Yes", value: true },
-          { label: "No", value: false }
-        ]
-      }
-    })
-  },
-  defaultProps: {
-    heading: "Scale without limits. Build without compromise.",
-    description: "An enterprise-ready platform that gives your team full control over every deployment.",
-    badge: { label: "TRUSTED BY 10,000+ TEAMS", url: "", variant: "default" },
-    buttons: [
-      { label: "Get Started", variant: "default" },
-      { label: "Read Docs", variant: "outline" }
-    ],
-    leftSidebar: [
-      { label: "API Requests / Day", value: "2.4M" },
-      { label: "Uptime (30d)", value: "99.99%" }
-    ],
-    rightSidebar: [
-      { label: "Open Source", value: "18.2k", url: "#" },
-      { label: "Documentation", url: "#" }
-    ],
-    styles: createStylesDefaults({ showGridLines: true })
-  },
-  render: GridHero
-};
-export {
-  conf
-};