dune-react 0.0.13 → 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/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/package.json

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