dune-react 0.0.10 → 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,9 +48,9 @@ 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",

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: "";
@@ -333,9 +326,6 @@ export declare const contentFields: {
             readonly label: {
                 readonly type: "text";
             };
-            readonly url: {
-                readonly type: "text";
-            };
             readonly action: {
                 type: "custom";
                 label: string;
@@ -392,7 +382,6 @@ export declare const contentFields: {
         };
         readonly defaultItemProps: {
             readonly label: "Button";
-            readonly url: "";
             readonly action: {
                 readonly type: "external";
                 readonly pageUrl: "";
@@ -491,9 +480,6 @@ export declare const contentFieldsWithFeatures: {
             readonly label: {
                 readonly type: "text";
             };
-            readonly url: {
-                readonly type: "text";
-            };
             readonly action: {
                 type: "custom";
                 label: string;
@@ -550,7 +536,6 @@ export declare const contentFieldsWithFeatures: {
         };
         readonly defaultItemProps: {
             readonly label: "Button";
-            readonly url: "";
             readonly action: {
                 readonly type: "external";
                 readonly pageUrl: "";
@@ -598,9 +583,6 @@ export declare const card: {
                 readonly label: {
                     readonly type: "text";
                 };
-                readonly url: {
-                    readonly type: "text";
-                };
                 readonly action: {
                     type: "custom";
                     label: string;
@@ -688,9 +670,6 @@ export declare const cards: {
                 readonly label: {
                     readonly type: "text";
                 };
-                readonly url: {
-                    readonly type: "text";
-                };
                 readonly action: {
                     type: "custom";
                     label: string;
@@ -753,7 +732,6 @@ export declare const cards: {
         readonly description: "Description";
         readonly button: {
             readonly label: "Button";
-            readonly url: "";
             readonly action: {
                 readonly type: "external";
                 readonly pageUrl: "";

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")
@@ -204,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: {

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

@@ -1,4 +1,37 @@
+/**
+ * Puck Section 样式系统
+ *
+ * 所有 section 组件共享一套可编辑的样式配置（背景、内边距、深色/浅色模式等）。
+ * 本文件是该样式系统的中枢，避免在 50+ 个组件中重复定义。
+ *
+ * 核心流程：
+ *   createStylesField(extra)    → 组件 index.tsx 的 fields.styles    → Puck 编辑器右侧面板的样式控件
+ *   createStylesDefaults(extra) → 组件 index.tsx 的 defaultProps.styles → 组件拖入画布时的初始样式
+ *
+ * 文件结构：
+ *   1. Types           — 样式相关类型
+ *   2. Field 原子定义   — 每个编辑器控件的配置（padding / sectionStyle / backgroundColor …）
+ *   3. Fields & Defaults — 将原子 field 按层级组合（基础 / 带背景图）
+ *   4. 工厂函数         — createStylesField / createStylesDefaults
+ *   5. 各分类预设       — Banner / Hero / CTA … 每类导出 Interface + Field + Defaults 三件套
+ */
 import type { SectionStyle, OverlayStyle } from "../container";
+export type PaddingLevel = "none" | "small" | "medium" | "large";
+export type { SectionStyle, OverlayStyle };
+/** 所有 section 通用的基础样式 */
+export interface SectionBaseStyles {
+    sectionStyle?: SectionStyle;
+    backgroundColor?: string;
+    padding?: {
+        top?: PaddingLevel;
+        bottom?: PaddingLevel;
+    };
+}
+/** 带背景图的 section 样式，继承基础样式 */
+export interface SectionImageStyles extends SectionBaseStyles {
+    backgroundImage?: string;
+    overlay?: OverlayStyle;
+}
 export declare const paddingLevel: {
     readonly type: "select";
     readonly options: readonly [{
@@ -64,10 +97,6 @@ export declare const padding: {
         readonly exclude: true;
     };
 };
-export declare const paddingDefaults: {
-    readonly top: "medium";
-    readonly bottom: "medium";
-};
 export declare const sectionStyle: {
     readonly type: "select";
     readonly label: "Section Style";
@@ -91,6 +120,21 @@ export declare const sectionStyle: {
         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 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 declare const sectionOverlay: {
     readonly type: "select";
     readonly label: "Overlay";
@@ -111,31 +155,6 @@ export declare const sectionOverlay: {
         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 type PaddingLevel = "none" | "small" | "medium" | "large";
-export type { SectionStyle, OverlayStyle };
-export interface SectionBaseStyles {
-    sectionStyle?: SectionStyle;
-    backgroundColor?: string;
-    padding?: {
-        top?: PaddingLevel;
-        bottom?: PaddingLevel;
-    };
-}
 export declare const sectionBaseStyleFields: {
     readonly sectionStyle: {
         readonly type: "select";
@@ -214,16 +233,18 @@ export declare const sectionBaseStyleFields: {
         };
     };
 };
+export declare const paddingDefaults: {
+    readonly top: "medium";
+    readonly bottom: "medium";
+};
 export declare const sectionBaseStyleDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
     padding: {
         readonly top: "medium";
         readonly bottom: "medium";
     };
 };
-export interface SectionImageStyles extends SectionBaseStyles {
-    backgroundImage?: string;
-    overlay?: OverlayStyle;
-}
 export declare const sectionImageStyleFields: {
     readonly backgroundImage: {
         readonly type: "text";
@@ -331,11 +352,20 @@ export declare const sectionImageStyleFields: {
     };
 };
 export declare const sectionImageStyleDefaults: {
+    backgroundImage: string;
+    overlay: "none";
+    sectionStyle: "default";
+    backgroundColor: string;
     padding: {
         readonly top: "medium";
         readonly bottom: "medium";
     };
 };
+/**
+ * 生成 Puck `styles` object field。
+ * 始终包含 sectionBaseStyleFields（sectionStyle / backgroundColor / padding），
+ * 可通过 extraFields 追加分类特有的控件。
+ */
 export declare function createStylesField<T extends Record<string, unknown> = Record<string, never>>(extraFields?: T): {
     type: "object";
     label: string;
@@ -418,7 +448,14 @@ export declare function createStylesField<T extends Record<string, unknown> = Re
         };
     };
 };
+/**
+ * 生成 Puck `styles` defaultProps。
+ * 始终包含 sectionBaseStyleDefaults 的全部 key，
+ * 可通过 extraDefaults 追加或覆盖分类特有的默认值。
+ */
 export declare function createStylesDefaults<T>(extraDefaults?: T): {
+    sectionStyle: "default";
+    backgroundColor: string;
     padding: {
         readonly top: "medium";
         readonly bottom: "medium";
@@ -512,6 +549,8 @@ export declare const bannerStylesField: {
     };
 };
 export declare const bannerStylesDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
     padding: {
         readonly top: "medium";
         readonly bottom: "medium";
@@ -604,6 +643,8 @@ export declare const heroStylesField: {
     };
 };
 export declare const heroStylesDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
     padding: {
         readonly top: "medium";
         readonly bottom: "medium";
@@ -695,6 +736,8 @@ export declare const ctaStylesField: {
     };
 };
 export declare const ctaStylesDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
     padding: {
         readonly top: "medium";
         readonly bottom: "medium";
@@ -786,6 +829,8 @@ export declare const featureStylesField: {
     };
 };
 export declare const featureStylesDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
     padding: {
         readonly top: "medium";
         readonly bottom: "medium";
@@ -877,6 +922,8 @@ export declare const faqStylesField: {
     };
 };
 export declare const faqStylesDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
     padding: {
         readonly top: "medium";
         readonly bottom: "medium";
@@ -968,6 +1015,8 @@ export declare const galleryStylesField: {
     };
 };
 export declare const galleryStylesDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
     padding: {
         readonly top: "medium";
         readonly bottom: "medium";
@@ -1059,6 +1108,8 @@ export declare const testimonialStylesField: {
     };
 };
 export declare const testimonialStylesDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
     padding: {
         readonly top: "medium";
         readonly bottom: "medium";
@@ -1150,6 +1201,8 @@ export declare const showcaseStylesField: {
     };
 };
 export declare const showcaseStylesDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
     padding: {
         readonly top: "medium";
         readonly bottom: "medium";
@@ -1241,6 +1294,8 @@ export declare const textStylesField: {
     };
 };
 export declare const textStylesDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
     padding: {
         readonly top: "medium";
         readonly bottom: "medium";
@@ -1332,6 +1387,8 @@ export declare const contactStylesField: {
     };
 };
 export declare const contactStylesDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
     padding: {
         readonly top: "medium";
         readonly bottom: "medium";
@@ -1425,6 +1482,8 @@ export declare const locationStylesField: {
     };
 };
 export declare const locationStylesDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
     padding: {
         readonly top: "medium";
         readonly bottom: "medium";
@@ -1518,6 +1577,8 @@ export declare const footerStylesField: {
     };
 };
 export declare const footerStylesDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
     padding: {
         readonly top: "medium";
         readonly bottom: "medium";
@@ -1606,6 +1667,8 @@ export declare const headerStylesField: {
     };
 };
 export declare const headerStylesDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
     padding: {
         readonly top: "medium";
         readonly bottom: "medium";
@@ -1694,6 +1757,8 @@ export declare const metricsStylesField: {
     };
 };
 export declare const metricsStylesDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
     padding: {
         readonly top: "medium";
         readonly bottom: "medium";
@@ -1782,6 +1847,8 @@ export declare const pricingStylesField: {
     };
 };
 export declare const pricingStylesDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
     padding: {
         readonly top: "medium";
         readonly bottom: "medium";
@@ -1870,6 +1937,8 @@ export declare const teamStylesField: {
     };
 };
 export declare const teamStylesDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
     padding: {
         readonly top: "medium";
         readonly bottom: "medium";