dune-react 0.0.21 → 0.0.23

package/dist/components/puck-block/showcase-sections/zigzag-timeline/index.d.ts

@@ -28,7 +28,7 @@ declare const conf: {
                 readonly action: {
                     type: "custom";
                     label: string;
-                    render: typeof import("../../../puck-core").ActionField;
+                    render: typeof import("../../..").ActionField;
                 };
                 readonly variant: {
                     readonly type: "select";
@@ -122,7 +122,7 @@ declare const conf: {
                         readonly action: {
                             type: "custom";
                             label: string;
-                            render: typeof import("../../../puck-core").ActionField;
+                            render: typeof import("../../..").ActionField;
                         };
                         readonly variant: {
                             readonly type: "select";

package/dist/components/puck-block/team-sections/team-carousel/index.d.ts

@@ -36,28 +36,6 @@ declare const conf: {
             type: string;
             label: string;
             objectFields: {
-                className: {
-                    readonly type: "text";
-                    readonly label: "Class Name";
-                    readonly ai: {
-                        readonly instructions: "Additional Tailwind CSS classes to apply to the section wrapper.";
-                    };
-                };
-                style: {
-                    readonly type: "object";
-                    readonly label: "Style";
-                    readonly objectFields: {};
-                    readonly ai: {
-                        readonly instructions: "Inline CSSProperties object for the section wrapper, e.g. { backgroundColor: 'red', minHeight: '100vh' }.";
-                    };
-                };
-                css: {
-                    readonly type: "textarea";
-                    readonly label: "Custom CSS";
-                    readonly ai: {
-                        readonly instructions: "Custom CSS rules. Use & as a placeholder for the section selector.";
-                    };
-                };
                 heading: {
                     readonly type: "text";
                     readonly contentEditable: true;
@@ -75,7 +53,7 @@ declare const conf: {
                         readonly action: {
                             type: "custom";
                             label: string;
-                            render: typeof import("../../../puck-core").ActionField;
+                            render: typeof import("../../..").ActionField;
                         };
                         readonly variant: {
                             readonly type: "select";

package/dist/components/puck-block/team-sections/team-carousel/index.js

@@ -23,8 +23,7 @@ const conf = {
       objectFields: {
         heading: headingField,
         description: descriptionField,
-        button: buttonField,
-        ...sectionWrapperFields
+        button: buttonField
       }
     },
     styles: {

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

@@ -36,28 +36,6 @@ declare const conf: {
             type: string;
             label: string;
             objectFields: {
-                className: {
-                    readonly type: "text";
-                    readonly label: "Class Name";
-                    readonly ai: {
-                        readonly instructions: "Additional Tailwind CSS classes to apply to the section wrapper.";
-                    };
-                };
-                style: {
-                    readonly type: "object";
-                    readonly label: "Style";
-                    readonly objectFields: {};
-                    readonly ai: {
-                        readonly instructions: "Inline CSSProperties object for the section wrapper, e.g. { backgroundColor: 'red', minHeight: '100vh' }.";
-                    };
-                };
-                css: {
-                    readonly type: "textarea";
-                    readonly label: "Custom CSS";
-                    readonly ai: {
-                        readonly instructions: "Custom CSS rules. Use & as a placeholder for the section selector.";
-                    };
-                };
                 heading: {
                     readonly type: "text";
                     readonly contentEditable: true;
@@ -75,7 +53,7 @@ declare const conf: {
                         readonly action: {
                             type: "custom";
                             label: string;
-                            render: typeof import("../../../puck-core").ActionField;
+                            render: typeof import("../../..").ActionField;
                         };
                         readonly variant: {
                             readonly type: "select";

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

@@ -23,8 +23,7 @@ const conf = {
       objectFields: {
         heading: headingField,
         description: descriptionField,
-        button: buttonField,
-        ...sectionWrapperFields
+        button: buttonField
       }
     },
     styles: {

package/dist/components/puck-block/team-sections/team-inline-card/index.d.ts

@@ -36,28 +36,6 @@ declare const conf: {
             type: string;
             label: string;
             objectFields: {
-                className: {
-                    readonly type: "text";
-                    readonly label: "Class Name";
-                    readonly ai: {
-                        readonly instructions: "Additional Tailwind CSS classes to apply to the section wrapper.";
-                    };
-                };
-                style: {
-                    readonly type: "object";
-                    readonly label: "Style";
-                    readonly objectFields: {};
-                    readonly ai: {
-                        readonly instructions: "Inline CSSProperties object for the section wrapper, e.g. { backgroundColor: 'red', minHeight: '100vh' }.";
-                    };
-                };
-                css: {
-                    readonly type: "textarea";
-                    readonly label: "Custom CSS";
-                    readonly ai: {
-                        readonly instructions: "Custom CSS rules. Use & as a placeholder for the section selector.";
-                    };
-                };
                 heading: {
                     readonly type: "text";
                     readonly contentEditable: true;
@@ -75,7 +53,7 @@ declare const conf: {
                         readonly action: {
                             type: "custom";
                             label: string;
-                            render: typeof import("../../../puck-core").ActionField;
+                            render: typeof import("../../..").ActionField;
                         };
                         readonly variant: {
                             readonly type: "select";

package/dist/components/puck-block/team-sections/team-inline-card/index.js

@@ -23,8 +23,7 @@ const conf = {
       objectFields: {
         heading: headingField,
         description: descriptionField,
-        button: buttonField,
-        ...sectionWrapperFields
+        button: buttonField
       }
     },
     styles: {

package/dist/components/puck-block/team-sections/team-two-column/index.d.ts

@@ -24,7 +24,7 @@ declare const conf: {
                 readonly action: {
                     type: "custom";
                     label: string;
-                    render: typeof import("../../../puck-core").ActionField;
+                    render: typeof import("../../..").ActionField;
                 };
                 readonly variant: {
                     readonly type: "select";

package/dist/components/puck-block/testimonial-sections/bento-testimonial/component.js

@@ -110,7 +110,7 @@ const BentoTestimonialDefaults = {
     },
     {
       component: "logo",
-      props: { logo: { src: "https://d22po4pjz3o32e.cloudfront.net/relume-logo.svg", alt: "Relume logo 1" } }
+      props: { logo: { src: "https://d22po4pjz3o32e.cloudfront.net/logo-1.svg", alt: "Logo 1" } }
     },
     {
       component: "quote",
@@ -137,7 +137,7 @@ const BentoTestimonialDefaults = {
     },
     {
       component: "logo",
-      props: { logo: { src: "https://d22po4pjz3o32e.cloudfront.net/relume-logo.svg", alt: "Relume logo 2" } }
+      props: { logo: { src: "https://file.springbrand.ai/web_assets/template-logo.svg", alt: "Logo 2" } }
     },
     {
       component: "background",

package/dist/components/puck-block/testimonial-sections/sticky-testimonial/index.d.ts

@@ -25,7 +25,7 @@ declare const conf: {
                 readonly action: {
                     type: "custom";
                     label: string;
-                    render: typeof import("../../../puck-core").ActionField;
+                    render: typeof import("../../..").ActionField;
                 };
                 readonly variant: {
                     readonly type: "select";

package/dist/components/puck-block/testimonial-sections/tab-testimonial/component.js

@@ -93,9 +93,9 @@ const TabTestimonialDefaults = {
   description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
   tabs: [
     { ...tab, value: "tab-1" },
-    { ...tab, value: "tab-2", trigger: { src: "https://d22po4pjz3o32e.cloudfront.net/relume-logo.svg", alt: "Relume logo" } },
+    { ...tab, value: "tab-2", trigger: { src: "https://file.springbrand.ai/web_assets/template-logo.svg", alt: "Logo" } },
     { ...tab, value: "tab-3" },
-    { ...tab, value: "tab-4", trigger: { src: "https://d22po4pjz3o32e.cloudfront.net/relume-logo.svg", alt: "Relume logo" } }
+    { ...tab, value: "tab-4", trigger: { src: "https://file.springbrand.ai/web_assets/template-logo.svg", alt: "Logo" } }
   ],
   styles: {
     hasImage: false

package/dist/components/puck-block/text-sections/aside-nav-content/index.d.ts

@@ -9,28 +9,6 @@ declare const conf: {
             label: string;
             objectFields: {
                 title: {
-                    className: {
-                        readonly type: "text";
-                        readonly label: "Class Name";
-                        readonly ai: {
-                            readonly instructions: "Additional Tailwind CSS classes to apply to the section wrapper.";
-                        };
-                    };
-                    style: {
-                        readonly type: "object";
-                        readonly label: "Style";
-                        readonly objectFields: {};
-                        readonly ai: {
-                            readonly instructions: "Inline CSSProperties object for the section wrapper, e.g. { backgroundColor: 'red', minHeight: '100vh' }.";
-                        };
-                    };
-                    css: {
-                        readonly type: "textarea";
-                        readonly label: "Custom CSS";
-                        readonly ai: {
-                            readonly instructions: "Custom CSS rules. Use & as a placeholder for the section selector.";
-                        };
-                    };
                     type: string;
                 };
                 links: {

package/dist/components/puck-block/text-sections/aside-nav-content/index.js

@@ -7,7 +7,7 @@ const conf = {
       type: "object",
       label: "Aside Navigation",
       objectFields: {
-        title: { type: "text", ...sectionWrapperFields },
+        title: { type: "text" },
         links: {
           type: "array",
           getItemSummary: (item, index = 0) => item.title || `Link ${index + 1}`,

package/dist/components/puck-block/text-sections/blog-article/index.d.ts

@@ -43,28 +43,6 @@ declare const conf: {
             label: string;
             objectFields: {
                 name: {
-                    className: {
-                        readonly type: "text";
-                        readonly label: "Class Name";
-                        readonly ai: {
-                            readonly instructions: "Additional Tailwind CSS classes to apply to the section wrapper.";
-                        };
-                    };
-                    style: {
-                        readonly type: "object";
-                        readonly label: "Style";
-                        readonly objectFields: {};
-                        readonly ai: {
-                            readonly instructions: "Inline CSSProperties object for the section wrapper, e.g. { backgroundColor: 'red', minHeight: '100vh' }.";
-                        };
-                    };
-                    css: {
-                        readonly type: "textarea";
-                        readonly label: "Custom CSS";
-                        readonly ai: {
-                            readonly instructions: "Custom CSS rules. Use & as a placeholder for the section selector.";
-                        };
-                    };
                     type: string;
                 };
                 titleAndCompany: {

package/dist/components/puck-block/text-sections/blog-article/index.js

@@ -26,7 +26,7 @@ const conf = {
       type: "object",
       label: "Author",
       objectFields: {
-        name: { type: "text", ...sectionWrapperFields },
+        name: { type: "text" },
         titleAndCompany: { type: "text" },
         avatar: imageField
       }

package/dist/components/puck-block/text-sections/prose-content/component.js

@@ -81,7 +81,7 @@ const ProseContentDefaults = {
   ],
   mediaImage: {
     src: "https://picsum.photos/seed/prose-media/1200/600",
-    alt: "Relume placeholder image"
+    alt: "Placeholder image"
   },
   video: "https://www.youtube.com/embed/8DKLYsikxTs?si=Ch9W0KrDWWUiCMMW",
   styles: {

package/dist/components/puck-block/text-sections/prose-sidebar/index.d.ts

@@ -12,28 +12,6 @@ declare const conf: {
             label: string;
             objectFields: {
                 title: {
-                    className: {
-                        readonly type: "text";
-                        readonly label: "Class Name";
-                        readonly ai: {
-                            readonly instructions: "Additional Tailwind CSS classes to apply to the section wrapper.";
-                        };
-                    };
-                    style: {
-                        readonly type: "object";
-                        readonly label: "Style";
-                        readonly objectFields: {};
-                        readonly ai: {
-                            readonly instructions: "Inline CSSProperties object for the section wrapper, e.g. { backgroundColor: 'red', minHeight: '100vh' }.";
-                        };
-                    };
-                    css: {
-                        readonly type: "textarea";
-                        readonly label: "Custom CSS";
-                        readonly ai: {
-                            readonly instructions: "Custom CSS rules. Use & as a placeholder for the section selector.";
-                        };
-                    };
                     type: string;
                 };
                 description: {
@@ -51,7 +29,7 @@ declare const conf: {
                         readonly action: {
                             type: "custom";
                             label: string;
-                            render: typeof import("../../../puck-core").ActionField;
+                            render: typeof import("../../..").ActionField;
                         };
                         readonly variant: {
                             readonly type: "select";

package/dist/components/puck-block/text-sections/side-media-content/component.js

@@ -71,7 +71,7 @@ const SideMediaContentDefaults = {
   prose: `<p>Morbi sed imperdiet in ipsum, adipiscing elit dui lectus. Tellus id scelerisque est ultricies ultricies. Duis est sit sed leo nisl, blandit elit sagittis. Quisque tristique consequat quam sed. Nisl at scelerisque amet nulla purus habitasse.</p><p>Nunc sed faucibus bibendum feugiat sed interdum. Ipsum egestas condimentum mi massa. In tincidunt pharetra consectetur sed duis facilisis metus. Etiam egestas in nec sed et. Quis lobortis at sit dictum eget nibh tortor commodo cursus.</p>`,
   image: {
     src: "https://picsum.photos/seed/side-media/800/600",
-    alt: "Relume placeholder image"
+    alt: "Placeholder image"
   },
   video: "https://www.youtube.com/embed/8DKLYsikxTs?si=Ch9W0KrDWWUiCMMW",
   styles: {

package/dist/components/puck-block/text-sections/sticky-text-multi-image/component.js

@@ -35,9 +35,9 @@ const StickyTextMultiImageDefaults = {
   heading: "Short heading goes here",
   prose: `<p>Morbi sed imperdiet in ipsum, adipiscing elit dui lectus. Tellus id scelerisque est ultricies ultricies. Duis est sit sed leo nisl, blandit elit sagittis. Quisque tristique consequat quam sed. Nisl at scelerisque amet nulla purus habitasse.</p><p>Nunc sed faucibus bibendum feugiat sed interdum. Ipsum egestas condimentum mi massa. In tincidunt pharetra consectetur sed duis facilisis metus.</p>`,
   images: [
-    { src: "https://picsum.photos/seed/sticky-img1/800/600", alt: "Relume placeholder image 1" },
-    { src: "https://picsum.photos/seed/sticky-img2/800/600", alt: "Relume placeholder image 2" },
-    { src: "https://picsum.photos/seed/sticky-img3/800/600", alt: "Relume placeholder image 3" }
+    { src: "https://picsum.photos/seed/sticky-img1/800/600", alt: "Placeholder image 1" },
+    { src: "https://picsum.photos/seed/sticky-img2/800/600", alt: "Placeholder image 2" },
+    { src: "https://picsum.photos/seed/sticky-img3/800/600", alt: "Placeholder image 3" }
   ],
   styles: {
     contentPosition: "left"

package/dist/components/puck-block/text-sections/text-header/index.d.ts

@@ -28,7 +28,7 @@ declare const conf: {
                 readonly action: {
                     type: "custom";
                     label: string;
-                    render: typeof import("../../../puck-core").ActionField;
+                    render: typeof import("../../..").ActionField;
                 };
                 readonly variant: {
                     readonly type: "select";
@@ -106,7 +106,7 @@ declare const conf: {
                 readonly action: {
                     type: "custom";
                     label: string;
-                    render: typeof import("../../../puck-core").ActionField;
+                    render: typeof import("../../..").ActionField;
                 };
                 readonly variant: {
                     readonly type: "select";

package/dist/components/puck-core/core/props/content.js

@@ -1,4 +1,4 @@
-import "./interactive.js";
+import { buttonField, iconField, buttonDefaults } from "./interactive.js";
 const headingField = {
   type: "text",
   contentEditable: true
@@ -7,7 +7,47 @@ const descriptionField = {
   type: "textarea",
   contentEditable: true
 };
+const featuresField = {
+  type: "array",
+  max: 5,
+  getItemSummary: (item, index = 0) => item.name || `Feature ${index + 1}`,
+  arrayFields: {
+    icon: iconField,
+    name: { type: "text", contentEditable: true },
+    description: { type: "textarea", contentEditable: true }
+  },
+  defaultItemProps: {
+    icon: "check",
+    name: "Feature name",
+    description: "Description of the feature"
+  }
+};
+const cardField = {
+  type: "object",
+  objectFields: {
+    icon: iconField,
+    heading: headingField,
+    description: descriptionField,
+    button: buttonField
+  }
+};
+const cardsField = {
+  type: "array",
+  getItemSummary: (item, index = 0) => item.heading || `Card ${index + 1}`,
+  arrayFields: {
+    ...cardField.objectFields
+  },
+  defaultItemProps: {
+    icon: "activity",
+    heading: "Heading",
+    description: "Description",
+    button: buttonDefaults
+  }
+};
 export {
+  cardField,
+  cardsField,
   descriptionField,
+  featuresField,
   headingField
 };

package/dist/components/puck-core/core/props/form.js

@@ -0,0 +1,76 @@
+import { buttonField } from "./interactive.js";
+const fieldTypes = [
+  "text",
+  "number",
+  "password",
+  "date",
+  "file"
+];
+const formMethods = ["get", "post", "put", "patch", "delete"];
+const formFieldField = {
+  type: "object",
+  objectFields: {
+    label: { type: "text", contentEditable: true },
+    name: { type: "text" },
+    type: {
+      type: "select",
+      options: fieldTypes.map((f) => ({ label: f, value: f }))
+    }
+  }
+};
+const formFieldDefaults = {
+  label: "Field Label",
+  type: "text",
+  name: "field_name"
+};
+const { action: _buttonAction, ...formButtonConfig } = buttonField.objectFields;
+const formField = {
+  type: "object",
+  objectFields: {
+    title: { type: "text", contentEditable: true },
+    fields: {
+      type: "array",
+      min: 1,
+      max: 10,
+      arrayFields: { ...formFieldField.objectFields },
+      getItemSummary: (item, index = 0) => item.label || `Field ${index + 1}`,
+      defaultItemProps: formFieldDefaults
+    },
+    action: { type: "text", label: "submit url" },
+    method: {
+      type: "select",
+      label: "submit method",
+      options: formMethods.map((method) => ({ label: method, value: method }))
+    },
+    button: {
+      ...buttonField,
+      objectFields: {
+        ...formButtonConfig
+      }
+    }
+  }
+};
+const formDefaults = {
+  title: "Book a meeting",
+  fields: [
+    { label: "First name", type: "text", name: "first_name" },
+    { label: "Last name", type: "text", name: "last_name" },
+    { label: "Resume", type: "file", name: "resume" }
+  ],
+  action: "/submit-form",
+  method: "post",
+  button: {
+    label: "Book the meeting",
+    variant: "default",
+    size: "default",
+    icon: "move-right"
+  }
+};
+export {
+  fieldTypes,
+  formDefaults,
+  formField,
+  formFieldDefaults,
+  formFieldField,
+  formMethods
+};

package/dist/components/puck-core/core/props/index.js

@@ -0,0 +1,34 @@
+import { buttonsField, badgeField } from "./interactive.js";
+import { actionDefaults, actionField, buttonDefaults, buttonField, iconField, resolveActionUrl } from "./interactive.js";
+import { descriptionField, headingField, featuresField } from "./content.js";
+import { cardField, cardsField } from "./content.js";
+const contentFields = {
+  heading: headingField,
+  description: descriptionField,
+  badge: badgeField,
+  buttons: buttonsField
+};
+const contentFieldsWithFeatures = {
+  heading: headingField,
+  description: descriptionField,
+  badge: badgeField,
+  features: featuresField,
+  buttons: buttonsField
+};
+export {
+  actionDefaults,
+  actionField,
+  badgeField,
+  buttonDefaults,
+  buttonField,
+  buttonsField,
+  cardField,
+  cardsField,
+  contentFields,
+  contentFieldsWithFeatures,
+  descriptionField,
+  featuresField,
+  headingField,
+  iconField,
+  resolveActionUrl
+};

package/dist/components/puck-core/core/props/interactive.js

@@ -90,9 +90,26 @@ const buttonsField = {
     instructions: "Buttons must use the same size"
   }
 };
+const badgeField = {
+  type: "object",
+  objectFields: {
+    label: { type: "text" },
+    url: { type: "text" },
+    variant: {
+      type: "select",
+      options: [
+        { label: "default", value: "default" },
+        { label: "secondary", value: "secondary" },
+        { label: "destructive", value: "destructive" },
+        { label: "outline", value: "outline" }
+      ]
+    }
+  }
+};
 export {
   actionDefaults,
   actionField,
+  badgeField,
   buttonDefaults,
   buttonField,
   buttonsField,

package/dist/components/puck-core/core/props/media.js

@@ -1,7 +1,12 @@
+import { ImageUploadField } from "../../fields/image-upload-field.js";
 const imageField = {
   type: "object",
   objectFields: {
-    src: { type: "image", label: "Image" },
+    src: {
+      type: "custom",
+      label: "Image",
+      render: ImageUploadField
+    },
     alt: { type: "text" }
   }
 };
@@ -13,12 +18,14 @@ const image16x9Placeholder = {
   alt: "16/9 aspect ratio accessible description of the image",
   src: getPlaceholderImageUrl("1920x1080")
 };
-({
+const image1x1Placeholder = {
+  alt: "1/1 aspect ratio An accessible description of the image",
   src: getPlaceholderImageUrl("1000x1000")
-});
-({
+};
+const image9x16Placeholder = {
+  alt: "9/16 accessible description of the image",
   src: getPlaceholderImageUrl("1080x1920")
-});
+};
 const imagesField = {
   type: "array",
   max: 10,
@@ -36,6 +43,8 @@ const imagesField = {
 export {
   getPlaceholderImageUrl,
   image16x9Placeholder,
+  image1x1Placeholder,
+  image9x16Placeholder,
   imageField,
   imagesField
 };

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

@@ -15,7 +15,7 @@
  *   4. 工厂函数         — createStylesField / createStylesDefaults
  *   5. 各分类预设       — Banner / Hero / CTA … 每类导出 Interface + Field + Defaults 三件套
  */
-import type { SectionStyle, OverlayStyle } from "../../puck-base/container";
+import type { SectionStyle, OverlayStyle } from "@/components/puck-base/container";
 export type PaddingLevel = "none" | "small" | "medium" | "large";
 export type { SectionStyle, OverlayStyle };
 /** 所有 section 通用的基础样式 */

package/dist/components/{puck-base → puck-core}/core/styles.js

@@ -1,3 +1,4 @@
+import { sectionWrapperFields } from "../section-wrapper.js";
 const paddingLevel = {
   type: "select",
   options: [
@@ -72,7 +73,8 @@ function createStylesField(extraFields) {
     label: "Styles",
     objectFields: {
       ...sectionBaseStyleFields,
-      ...extraFields
+      ...extraFields,
+      ...sectionWrapperFields
     }
   };
 }