dune-react 0.0.9 → 0.0.11

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

@@ -18,7 +18,7 @@ const CompoundArticleCard = ({
         CompoundButton,
         {
           label: button.label,
-          url: button.url,
+          action: button.action,
           variant: button.variant,
           size: button.size,
           icon: button.icon

package/dist/components/puck-base/button.d.ts

@@ -2,7 +2,6 @@ import { type ButtonProps } from "@/components/shadcn/button";
 import { Action, IconName } from "./core/types";
 export interface CompoundButtonProps {
     label: string;
-    url?: string;
     action?: Action;
     variant?: ButtonProps["variant"];
     size?: ButtonProps["size"];

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

@@ -48,15 +48,16 @@ function CompoundButtonBase(props) {
     props.size !== "icon" && props.label,
     props.icon && props.icon !== "none" ? /* @__PURE__ */ jsx(DynamicIcon, { name: props.icon, className: "h-4 w-4" }) : null
   ] });
-  const href = props.action ? resolveActionUrl(props.action) : props.url;
-  const isNewTab = ((_a = props.action) == null ? void 0 : _a.type) === "external" && ((_b = props.action) == null ? void 0 : _b.openInNewTab) === "true";
-  const isDownload = ((_c = props.action) == null ? void 0 : _c.type) === "download";
+  const href = props.action ? resolveActionUrl(props.action) : void 0;
+  const isDownload = ((_a = props.action) == null ? void 0 : _a.type) === "download";
+  const isNewTab = isDownload || ((_b = props.action) == null ? void 0 : _b.type) === "external" && ((_c = props.action) == null ? void 0 : _c.openInNewTab) === "true";
+  const linkRel = href && !href.startsWith("/") ? "ugc nofollow noopener noreferrer" : void 0;
   return href ? /* @__PURE__ */ jsx(
     "a",
     {
       href,
       target: isNewTab ? "_blank" : void 0,
-      rel: isNewTab ? "noopener noreferrer" : void 0,
+      rel: linkRel,
       download: isDownload || void 0,
       className: cn(
         buttonVariants({ variant: props.variant, size: props.size }),

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

@@ -54,7 +54,6 @@ const CompoundCard = ({
             CompoundButton,
             {
               label: button.label,
-              url: button.url,
               action: button.action,
               variant: button.variant,
               size: button.size,

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

@@ -102,7 +102,6 @@ const CompoundContent = ({
           CompoundButton,
           {
             label: button.label,
-            url: button.url,
             action: button.action,
             variant: button.variant,
             size: button.size,

package/dist/components/puck-base/core/fields.d.ts

@@ -1,7 +1,7 @@
 import type { Field } from "@puckeditor/core";
 import type { CompoundFormProps } from "../form";
 import type { CompoundFieldProps } from "../field";
-import { ActionField } from "../action-field";
+import { ActionField } from "../fields/action-field";
 export declare const icon: {
     readonly type: "select";
     readonly options: readonly [{
@@ -34,9 +34,6 @@ export declare const button: {
         readonly label: {
             readonly type: "text";
         };
-        readonly url: {
-            readonly type: "text";
-        };
         readonly action: {
             type: "custom";
             label: string;
@@ -102,9 +99,6 @@ export declare const buttons: {
         readonly label: {
             readonly type: "text";
         };
-        readonly url: {
-            readonly type: "text";
-        };
         readonly action: {
             type: "custom";
             label: string;
@@ -161,7 +155,6 @@ export declare const buttons: {
     };
     readonly defaultItemProps: {
         readonly label: "Button";
-        readonly url: "";
         readonly action: {
             readonly type: "external";
             readonly pageUrl: "";
@@ -247,75 +240,6 @@ export declare const images: {
         src: string;
     };
 };
-export declare const paddingLevel: {
-    readonly type: "select";
-    readonly options: readonly [{
-        readonly label: "none";
-        readonly value: "none";
-    }, {
-        readonly label: "small";
-        readonly value: "small";
-    }, {
-        readonly label: "medium";
-        readonly value: "medium";
-    }, {
-        readonly label: "large";
-        readonly value: "large";
-    }];
-    readonly ai: {
-        readonly instructions: "Never select none as an option";
-    };
-};
-export declare const padding: {
-    readonly type: "object";
-    readonly objectFields: {
-        readonly top: {
-            readonly type: "select";
-            readonly options: readonly [{
-                readonly label: "none";
-                readonly value: "none";
-            }, {
-                readonly label: "small";
-                readonly value: "small";
-            }, {
-                readonly label: "medium";
-                readonly value: "medium";
-            }, {
-                readonly label: "large";
-                readonly value: "large";
-            }];
-            readonly ai: {
-                readonly instructions: "Never select none as an option";
-            };
-        };
-        readonly bottom: {
-            readonly type: "select";
-            readonly options: readonly [{
-                readonly label: "none";
-                readonly value: "none";
-            }, {
-                readonly label: "small";
-                readonly value: "small";
-            }, {
-                readonly label: "medium";
-                readonly value: "medium";
-            }, {
-                readonly label: "large";
-                readonly value: "large";
-            }];
-            readonly ai: {
-                readonly instructions: "Never select none as an option";
-            };
-        };
-    };
-    readonly ai: {
-        readonly exclude: true;
-    };
-};
-export declare const paddingDefaults: {
-    readonly top: "medium";
-    readonly bottom: "medium";
-};
 export declare const heading: {
     readonly type: "text";
     readonly contentEditable: true;
@@ -402,9 +326,6 @@ export declare const contentFields: {
             readonly label: {
                 readonly type: "text";
             };
-            readonly url: {
-                readonly type: "text";
-            };
             readonly action: {
                 type: "custom";
                 label: string;
@@ -461,7 +382,6 @@ export declare const contentFields: {
         };
         readonly defaultItemProps: {
             readonly label: "Button";
-            readonly url: "";
             readonly action: {
                 readonly type: "external";
                 readonly pageUrl: "";
@@ -560,9 +480,6 @@ export declare const contentFieldsWithFeatures: {
             readonly label: {
                 readonly type: "text";
             };
-            readonly url: {
-                readonly type: "text";
-            };
             readonly action: {
                 type: "custom";
                 label: string;
@@ -619,7 +536,6 @@ export declare const contentFieldsWithFeatures: {
         };
         readonly defaultItemProps: {
             readonly label: "Button";
-            readonly url: "";
             readonly action: {
                 readonly type: "external";
                 readonly pageUrl: "";
@@ -667,9 +583,6 @@ export declare const card: {
                 readonly label: {
                     readonly type: "text";
                 };
-                readonly url: {
-                    readonly type: "text";
-                };
                 readonly action: {
                     type: "custom";
                     label: string;
@@ -757,9 +670,6 @@ export declare const cards: {
                 readonly label: {
                     readonly type: "text";
                 };
-                readonly url: {
-                    readonly type: "text";
-                };
                 readonly action: {
                     type: "custom";
                     label: string;
@@ -822,7 +732,6 @@ export declare const cards: {
         readonly description: "Description";
         readonly button: {
             readonly label: "Button";
-            readonly url: "";
             readonly action: {
                 readonly type: "external";
                 readonly pageUrl: "";
@@ -963,61 +872,4 @@ export declare const form: {
     };
 };
 export declare const formDefaults: CompoundFormProps;
-export declare const sectionStyle: {
-    readonly type: "select";
-    readonly label: "Section Style";
-    readonly options: readonly [{
-        readonly label: "Default";
-        readonly value: "default";
-    }, {
-        readonly label: "Dark";
-        readonly value: "dark";
-    }, {
-        readonly label: "Muted";
-        readonly value: "muted";
-    }, {
-        readonly label: "Inverted";
-        readonly value: "inverted";
-    }, {
-        readonly label: "Custom";
-        readonly value: "custom";
-    }];
-    readonly ai: {
-        readonly instructions: "Match the section's background tone: use 'dark' for dark/black backgrounds, 'muted' for gray/subtle backgrounds, 'inverted' for full contrast reversal. Default for standard light backgrounds.";
-    };
-};
-export declare const sectionOverlay: {
-    readonly type: "select";
-    readonly label: "Overlay";
-    readonly options: readonly [{
-        readonly label: "None";
-        readonly value: "none";
-    }, {
-        readonly label: "Gradient Top";
-        readonly value: "gradient-top";
-    }, {
-        readonly label: "Gradient Bottom";
-        readonly value: "gradient-bottom";
-    }, {
-        readonly label: "Noise";
-        readonly value: "noise";
-    }];
-    readonly ai: {
-        readonly instructions: "Use gradient overlays when the section has a background image that needs text contrast. Use noise for subtle texture.";
-    };
-};
-export declare const backgroundColor: {
-    readonly type: "text";
-    readonly label: "Background Color";
-    readonly ai: {
-        readonly instructions: "Set a custom background color in oklch format (e.g. 'oklch(0.2 0.05 260)'). Only use when sectionStyle is 'custom'.";
-    };
-};
-export declare const backgroundImage: {
-    readonly type: "text";
-    readonly label: "Background Image URL";
-    readonly ai: {
-        readonly instructions: "URL for a full-width background image behind the section.";
-        readonly stream: false;
-    };
-};
+export * from "./styles";

package/dist/components/puck-base/core/fields.js

@@ -1,5 +1,5 @@
 import { fieldTypes } from "../field.js";
-import { ActionField } from "../action-field.js";
+import { ActionField } from "../fields/action-field.js";
 import { iconNames } from "../../../node_modules/.pnpm/lucide-react@0.540.0_react@19.2.4/node_modules/lucide-react/dist/esm/DynamicIcon.js";
 const formMethods = ["get", "post", "put", "patch", "delete"];
 const icon = {
@@ -32,7 +32,6 @@ const button = {
   type: "object",
   objectFields: {
     label: { type: "text" },
-    url: { type: "text" },
     action,
     variant: {
       type: "select",
@@ -59,7 +58,6 @@ const button = {
 };
 const buttonDefaults = {
   label: "Button",
-  url: "",
   action: actionDefaults,
   variant: "default",
   size: "default",
@@ -101,9 +99,10 @@ const image = {
     alt: { type: "text" }
   }
 };
-const getPlaceholderImageUrl = (size, text = "Placeholder Image") => `https://dummyimage.com/${size}/f5f4f4/101010.png&text=${encodeURIComponent(
-  text
-)}`;
+const getPlaceholderImageUrl = (size, text = "Placeholder Image") => {
+  const [w, h] = size.split("x");
+  return `https://picsum.photos/seed/${encodeURIComponent(text)}/${w}/${h}`;
+};
 const image16x9Placeholder = {
   alt: "16/9 aspect ratio accessible description of the image",
   src: getPlaceholderImageUrl("1920x1080")
@@ -130,32 +129,6 @@ const images = {
   },
   defaultItemProps: image16x9Placeholder
 };
-const paddingLevel = {
-  type: "select",
-  options: [
-    { label: "none", value: "none" },
-    { label: "small", value: "small" },
-    { label: "medium", value: "medium" },
-    { label: "large", value: "large" }
-  ],
-  ai: {
-    instructions: "Never select none as an option"
-  }
-};
-const padding = {
-  type: "object",
-  objectFields: {
-    top: paddingLevel,
-    bottom: paddingLevel
-  },
-  ai: {
-    exclude: true
-  }
-};
-const paddingDefaults = {
-  top: "medium",
-  bottom: "medium"
-};
 const heading = {
   type: "text",
   contentEditable: true
@@ -230,7 +203,7 @@ const fieldDefaults = {
   type: "text",
   name: "field_name"
 };
-const { url, action: _buttonAction, ...formButtonConfig } = button.objectFields;
+const { action: _buttonAction, ...formButtonConfig } = button.objectFields;
 const form = {
   type: "object",
   objectFields: {
@@ -273,53 +246,9 @@ const formDefaults = {
     icon: "move-right"
   }
 };
-const sectionStyle = {
-  type: "select",
-  label: "Section Style",
-  options: [
-    { label: "Default", value: "default" },
-    { label: "Dark", value: "dark" },
-    { label: "Muted", value: "muted" },
-    { label: "Inverted", value: "inverted" },
-    { label: "Custom", value: "custom" }
-  ],
-  ai: {
-    instructions: "Match the section's background tone: use 'dark' for dark/black backgrounds, 'muted' for gray/subtle backgrounds, 'inverted' for full contrast reversal. Default for standard light backgrounds."
-  }
-};
-const sectionOverlay = {
-  type: "select",
-  label: "Overlay",
-  options: [
-    { label: "None", value: "none" },
-    { label: "Gradient Top", value: "gradient-top" },
-    { label: "Gradient Bottom", value: "gradient-bottom" },
-    { label: "Noise", value: "noise" }
-  ],
-  ai: {
-    instructions: "Use gradient overlays when the section has a background image that needs text contrast. Use noise for subtle texture."
-  }
-};
-const backgroundColor = {
-  type: "text",
-  label: "Background Color",
-  ai: {
-    instructions: "Set a custom background color in oklch format (e.g. 'oklch(0.2 0.05 260)'). Only use when sectionStyle is 'custom'."
-  }
-};
-const backgroundImage = {
-  type: "text",
-  label: "Background Image URL",
-  ai: {
-    instructions: "URL for a full-width background image behind the section.",
-    stream: false
-  }
-};
 export {
   action,
   actionDefaults,
-  backgroundColor,
-  backgroundImage,
   badge,
   button,
   buttons,
@@ -340,10 +269,5 @@ export {
   image16x9Placeholder,
   image1x1Placeholder,
   image9x16Placeholder,
-  images,
-  padding,
-  paddingDefaults,
-  paddingLevel,
-  sectionOverlay,
-  sectionStyle
+  images
 };