dune-react 0.0.21 → 0.0.22

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/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/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-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/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

@@ -13,12 +13,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 +38,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
     }
   };
 }

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

@@ -4,7 +4,7 @@ import { useRef, useEffect, useCallback } from "react";
 import { registerOverlayPortal } from "@puckeditor/core";
 import { usePuckDispatch, usePuckAppState } from "./hooks.js";
 import { Pencil } from "lucide-react";
-import { useEditorContext } from "../../puck-core/core/context/editor-context.js";
+import { useEditorContext } from "./context/editor-context.js";
 import set from "../../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/set.js";
 const BLOCK_LEVEL_TYPES = /* @__PURE__ */ new Set(["image"]);
 function getComponentIdFromDOM(el) {

package/dist/components/puck-core/fields/action-field.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useCallback, memo } from "react";
+import { memo, useCallback } from "react";
 import { Input } from "../../shadcn/input.js";
 import { Label } from "../../shadcn/label.js";
 import { Tabs, TabsList, TabsTrigger } from "../../shadcn/tabs.js";

package/dist/components/{puck-base → puck-core/fields}/image-upload-field.js

@@ -2,10 +2,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
 import { X, Loader2, UploadCloud, ImageIcon } from "lucide-react";
-import { cn } from "../../utils/css-utils.js";
-import { Button } from "../shadcn/button.js";
-import { Input } from "../shadcn/input.js";
-import useUpload from "./use-upload.js";
+import { cn } from "../../../utils/css-utils.js";
+import { Button } from "../../shadcn/button.js";
+import { Input } from "../../shadcn/input.js";
+import useUpload from "../use-upload.js";
 function ImageUploadField({
   name,
   value,

package/dist/components/{puck-base → puck-core}/fields/location-field.js

@@ -4,7 +4,7 @@ import { memo, useState, useRef, useEffect, useCallback } from "react";
 import { Input } from "../../shadcn/input.js";
 import { Label } from "../../shadcn/label.js";
 import { Loader2, Search, X, MapPin } from "lucide-react";
-import { useEditorContext } from "../../puck-core/core/context/editor-context.js";
+import { useEditorContext } from "../core/context/editor-context.js";
 let googleLoadPromise = null;
 function loadGooglePlaces(apiKey) {
   var _a, _b;

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

@@ -8,5 +8,6 @@ export { InlineEditable } from "./inline-editable";
 export { usePuckDispatch, usePuckAppState, usePuckHistory, usePuckConfig, usePuckGetSelectorForId, type PuckComponentInfo, } from "./core/hooks";
 export { SectionWrapper, type SectionWrapperProps } from "./section-wrapper";
 export { EditorContextProvider, useEditorContext } from "./core/context/editor-context";
+export { SectionIdProvider, useSectionId } from "./core/context/section-id-context";
 export { default as useUpload, type UploadFileItem, type UploadStatus, type UseUploadOptions } from "./use-upload";
 export { icon, action, actionDefaults, button, buttons, badge, image, images, padding, paddingDefaults, paddingLevel, heading, description, features, contentFields, contentFieldsWithFeatures, card, cards, field, fieldDefaults, form, formDefaults, getPlaceholderImageUrl, image16x9Placeholder, image1x1Placeholder, image9x16Placeholder, sectionStyle, sectionOverlay, backgroundColor, backgroundImage, } from "./core/fields";

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

@@ -2,7 +2,7 @@
 import { jsx } from "react/jsx-runtime";
 import { createElement, useRef, useEffect, useCallback } from "react";
 import { registerOverlayPortal } from "@puckeditor/core";
-import { useEditorContext } from "../puck-core/core/context/editor-context.js";
+import { useEditorContext } from "./core/context/editor-context.js";
 import { usePuckDispatch } from "./core/hooks.js";
 import set from "../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/set.js";
 import { findComponentById } from "./core/utils.js";