dune-react 0.0.20 → 0.0.21

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

@@ -1,5 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { CompoundImage } from "../../../puck-base/image.js";
+import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
+import { cn } from "../../../../utils/css-utils.js";
 const StickyTextMultiImage = (props) => {
   const {
     heading,
@@ -11,6 +13,9 @@ const StickyTextMultiImage = (props) => {
     ...props
   };
   const {
+    className: sectionClassName,
+    style: sectionStyle,
+    css,
     contentPosition = "left"
   } = styles ?? {};
   const textContent = /* @__PURE__ */ jsxs("div", { className: "static top-20 lg:sticky", children: [
@@ -18,7 +23,7 @@ const StickyTextMultiImage = (props) => {
     /* @__PURE__ */ jsx("div", { className: "prose", dangerouslySetInnerHTML: { __html: prose } })
   ] });
   const imagesContent = /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-6 md:gap-8", children: images.map((img, index) => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(CompoundImage, { src: img.src, alt: img.alt, className: "w-full object-cover" }) }, index)) });
-  return /* @__PURE__ */ jsx("section", { id: "relume", className: "px-[5%] py-16 md:py-24 lg:py-28", children: /* @__PURE__ */ jsx("div", { className: "container", children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 items-start gap-x-12 gap-y-16 md:gap-y-20 lg:grid-cols-[1fr_1.5fr] lg:gap-x-20", children: contentPosition === "left" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsx(SectionWrapper, { className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsx("div", { className: "container", children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 items-start gap-x-12 gap-y-16 md:gap-y-20 lg:grid-cols-[1fr_1.5fr] lg:gap-x-20", children: contentPosition === "left" ? /* @__PURE__ */ jsxs(Fragment, { children: [
     textContent,
     imagesContent
   ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [

package/dist/components/puck-block/text-sections/sticky-text-multi-image/index.d.ts

@@ -32,6 +32,28 @@ 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.";
+                    };
+                };
                 contentPosition: {
                     readonly type: "radio";
                     readonly label: "Content Position";

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

@@ -2,6 +2,7 @@ import { StickyTextMultiImage, StickyTextMultiImageDefaults } from "./component.
 import { headingField } from "../../../puck-core/core/props/content.js";
 import { imagesField } from "../../../puck-core/core/props/media.js";
 import { textStyleFields } from "../props.js";
+import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
   fields: {
     heading: headingField,
@@ -11,7 +12,8 @@ const conf = {
       type: "object",
       label: "Styles",
       objectFields: {
-        contentPosition: textStyleFields.contentPosition
+        contentPosition: textStyleFields.contentPosition,
+        ...sectionWrapperFields
       }
     }
   },

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

@@ -171,6 +171,28 @@ 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.";
+                    };
+                };
                 textLayout: {
                     readonly type: "select";
                     readonly label: "Text Layout";

package/dist/components/puck-core/core/context/section-id-context.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode } from "react";
+export declare const SectionIdProvider: ({ value, children, }: {
+    value: string | null;
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useSectionId: () => string | null;

package/dist/components/puck-core/core/context/section-id-context.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { useContext, createContext } from "react";
+const SectionIdContext = createContext(null);
+const SectionIdProvider = ({
+  value,
+  children
+}) => /* @__PURE__ */ jsx(SectionIdContext.Provider, { value, children });
+const useSectionId = () => useContext(SectionIdContext);
+export {
+  SectionIdProvider,
+  useSectionId
+};

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

@@ -370,6 +370,28 @@ export declare function createStylesField<T extends Record<string, unknown> = Re
     type: "object";
     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.";
+            };
+        };
         sectionStyle: {
             readonly type: "select";
             readonly label: "Section Style";
@@ -470,6 +492,28 @@ export declare const bannerStylesField: {
     type: "object";
     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.";
+            };
+        };
         sectionStyle: {
             readonly type: "select";
             readonly label: "Section Style";
@@ -564,6 +608,28 @@ export declare const heroStylesField: {
     type: "object";
     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.";
+            };
+        };
         sectionStyle: {
             readonly type: "select";
             readonly label: "Section Style";
@@ -657,6 +723,28 @@ export declare const ctaStylesField: {
     type: "object";
     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.";
+            };
+        };
         sectionStyle: {
             readonly type: "select";
             readonly label: "Section Style";
@@ -750,6 +838,28 @@ export declare const featureStylesField: {
     type: "object";
     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.";
+            };
+        };
         sectionStyle: {
             readonly type: "select";
             readonly label: "Section Style";
@@ -843,6 +953,28 @@ export declare const faqStylesField: {
     type: "object";
     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.";
+            };
+        };
         sectionStyle: {
             readonly type: "select";
             readonly label: "Section Style";
@@ -936,6 +1068,28 @@ export declare const galleryStylesField: {
     type: "object";
     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.";
+            };
+        };
         sectionStyle: {
             readonly type: "select";
             readonly label: "Section Style";
@@ -1029,6 +1183,28 @@ export declare const testimonialStylesField: {
     type: "object";
     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.";
+            };
+        };
         sectionStyle: {
             readonly type: "select";
             readonly label: "Section Style";
@@ -1122,6 +1298,28 @@ export declare const showcaseStylesField: {
     type: "object";
     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.";
+            };
+        };
         sectionStyle: {
             readonly type: "select";
             readonly label: "Section Style";
@@ -1215,6 +1413,28 @@ export declare const textStylesField: {
     type: "object";
     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.";
+            };
+        };
         sectionStyle: {
             readonly type: "select";
             readonly label: "Section Style";
@@ -1308,6 +1528,28 @@ export declare const contactStylesField: {
     type: "object";
     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.";
+            };
+        };
         sectionStyle: {
             readonly type: "select";
             readonly label: "Section Style";
@@ -1399,6 +1641,28 @@ export declare const locationStylesField: {
     type: "object";
     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.";
+            };
+        };
         sectionStyle: {
             readonly type: "select";
             readonly label: "Section Style";
@@ -1494,6 +1758,28 @@ export declare const footerStylesField: {
     type: "object";
     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.";
+            };
+        };
         sectionStyle: {
             readonly type: "select";
             readonly label: "Section Style";
@@ -1584,6 +1870,28 @@ export declare const headerStylesField: {
     type: "object";
     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.";
+            };
+        };
         sectionStyle: {
             readonly type: "select";
             readonly label: "Section Style";
@@ -1674,6 +1982,28 @@ export declare const metricsStylesField: {
     type: "object";
     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.";
+            };
+        };
         sectionStyle: {
             readonly type: "select";
             readonly label: "Section Style";
@@ -1764,6 +2094,28 @@ export declare const pricingStylesField: {
     type: "object";
     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.";
+            };
+        };
         sectionStyle: {
             readonly type: "select";
             readonly label: "Section Style";
@@ -1854,6 +2206,28 @@ export declare const teamStylesField: {
     type: "object";
     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.";
+            };
+        };
         sectionStyle: {
             readonly type: "select";
             readonly label: "Section Style";

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

@@ -5,7 +5,7 @@ import { Input } from "../../shadcn/input.js";
 import { Label } from "../../shadcn/label.js";
 import { Tabs, TabsList, TabsTrigger } from "../../shadcn/tabs.js";
 import { LinkIcon, XIcon, GlobeIcon } from "lucide-react";
-import { useEditorContext } from "../editor-context.js";
+import { useEditorContext } from "../core/context/editor-context.js";
 const ACTION_TYPE_OPTIONS = [
   { label: "Page Link", value: "page" },
   { label: "External Link", value: "external" },

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

@@ -6,6 +6,7 @@ export { findComponentById, getRandomAdjective } from "./core/utils";
 export { ErrorBoundary } from "./error-boundary";
 export { InlineEditable } from "./inline-editable";
 export { usePuckDispatch, usePuckAppState, usePuckHistory, usePuckConfig, usePuckGetSelectorForId, type PuckComponentInfo, } from "./core/hooks";
-export { EditorContextProvider, useEditorContext } from "./editor-context";
+export { SectionWrapper, type SectionWrapperProps } from "./section-wrapper";
+export { EditorContextProvider, useEditorContext } from "./core/context/editor-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-core/section-wrapper.d.ts

@@ -1,19 +1,33 @@
 import { type CSSProperties, type ReactNode } from "react";
-/**
- * SectionWrapper - 通用 Section 样式容器
- *
- * 包裹任意 section 组件，提供三层样式自定义能力：
- *
- * 1. className - Tailwind 快捷样式
- * 2. style - 内联样式，适用于动态值、CSS 变量、backgroundImage 等
- * 3. css - 原生 CSS 字符串，支持选择器、伪类、嵌套规则
- *    用 & 代表当前 section，会自动替换为 scoped ID，样式不会污染其他区块
- */
-interface SectionWrapperProps {
+export interface SectionWrapperProps extends React.HTMLAttributes<HTMLElement> {
     className?: string;
     style?: CSSProperties;
     css?: string;
     children: ReactNode;
 }
-export declare function SectionWrapper({ className, style, css, children, }: SectionWrapperProps): import("react/jsx-runtime").JSX.Element;
-export {};
+/** Puck field definitions for SectionWrapper styling props */
+export declare const sectionWrapperFields: {
+    readonly className: {
+        readonly type: "text";
+        readonly label: "Class Name";
+        readonly ai: {
+            readonly instructions: "Additional Tailwind CSS classes to apply to the section wrapper.";
+        };
+    };
+    readonly 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' }.";
+        };
+    };
+    readonly css: {
+        readonly type: "textarea";
+        readonly label: "Custom CSS";
+        readonly ai: {
+            readonly instructions: "Custom CSS rules. Use & as a placeholder for the section selector.";
+        };
+    };
+};
+export declare const SectionWrapper: import("react").ForwardRefExoticComponent<SectionWrapperProps & import("react").RefAttributes<HTMLElement>>;