dune-react 0.0.29 → 0.0.31

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

@@ -0,0 +1,2316 @@
+/**
+ * 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 "@/components/puck-base/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 [{
+        readonly label: "none";
+        readonly value: "none";
+    }, {
+        readonly label: "small";
+        readonly value: "small";
+    }, {
+        readonly label: "medium";
+        readonly value: "medium";
+    }, {
+        readonly label: "large";
+        readonly value: "large";
+    }];
+    readonly ai: {
+        readonly instructions: "Never select none as an option";
+    };
+};
+export declare const padding: {
+    readonly type: "object";
+    readonly objectFields: {
+        readonly top: {
+            readonly type: "select";
+            readonly options: readonly [{
+                readonly label: "none";
+                readonly value: "none";
+            }, {
+                readonly label: "small";
+                readonly value: "small";
+            }, {
+                readonly label: "medium";
+                readonly value: "medium";
+            }, {
+                readonly label: "large";
+                readonly value: "large";
+            }];
+            readonly ai: {
+                readonly instructions: "Never select none as an option";
+            };
+        };
+        readonly bottom: {
+            readonly type: "select";
+            readonly options: readonly [{
+                readonly label: "none";
+                readonly value: "none";
+            }, {
+                readonly label: "small";
+                readonly value: "small";
+            }, {
+                readonly label: "medium";
+                readonly value: "medium";
+            }, {
+                readonly label: "large";
+                readonly value: "large";
+            }];
+            readonly ai: {
+                readonly instructions: "Never select none as an option";
+            };
+        };
+    };
+    readonly ai: {
+        readonly exclude: true;
+    };
+};
+export declare const sectionStyle: {
+    readonly type: "select";
+    readonly label: "Section Style";
+    readonly options: readonly [{
+        readonly label: "Default";
+        readonly value: "default";
+    }, {
+        readonly label: "Dark";
+        readonly value: "dark";
+    }, {
+        readonly label: "Muted";
+        readonly value: "muted";
+    }, {
+        readonly label: "Inverted";
+        readonly value: "inverted";
+    }, {
+        readonly label: "Custom";
+        readonly value: "custom";
+    }];
+    readonly ai: {
+        readonly instructions: "Match the section's background tone: use 'dark' for dark/black backgrounds, 'muted' for gray/subtle backgrounds, 'inverted' for full contrast reversal. Default for standard light backgrounds.";
+    };
+};
+export declare const 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";
+    readonly options: readonly [{
+        readonly label: "None";
+        readonly value: "none";
+    }, {
+        readonly label: "Gradient Top";
+        readonly value: "gradient-top";
+    }, {
+        readonly label: "Gradient Bottom";
+        readonly value: "gradient-bottom";
+    }, {
+        readonly label: "Noise";
+        readonly value: "noise";
+    }];
+    readonly ai: {
+        readonly instructions: "Use gradient overlays when the section has a background image that needs text contrast. Use noise for subtle texture.";
+    };
+};
+export declare const sectionBaseStyleFields: {
+    readonly sectionStyle: {
+        readonly type: "select";
+        readonly label: "Section Style";
+        readonly options: readonly [{
+            readonly label: "Default";
+            readonly value: "default";
+        }, {
+            readonly label: "Dark";
+            readonly value: "dark";
+        }, {
+            readonly label: "Muted";
+            readonly value: "muted";
+        }, {
+            readonly label: "Inverted";
+            readonly value: "inverted";
+        }, {
+            readonly label: "Custom";
+            readonly value: "custom";
+        }];
+        readonly ai: {
+            readonly instructions: "Match the section's background tone: use 'dark' for dark/black backgrounds, 'muted' for gray/subtle backgrounds, 'inverted' for full contrast reversal. Default for standard light backgrounds.";
+        };
+    };
+    readonly 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'.";
+        };
+    };
+    readonly padding: {
+        readonly type: "object";
+        readonly objectFields: {
+            readonly top: {
+                readonly type: "select";
+                readonly options: readonly [{
+                    readonly label: "none";
+                    readonly value: "none";
+                }, {
+                    readonly label: "small";
+                    readonly value: "small";
+                }, {
+                    readonly label: "medium";
+                    readonly value: "medium";
+                }, {
+                    readonly label: "large";
+                    readonly value: "large";
+                }];
+                readonly ai: {
+                    readonly instructions: "Never select none as an option";
+                };
+            };
+            readonly bottom: {
+                readonly type: "select";
+                readonly options: readonly [{
+                    readonly label: "none";
+                    readonly value: "none";
+                }, {
+                    readonly label: "small";
+                    readonly value: "small";
+                }, {
+                    readonly label: "medium";
+                    readonly value: "medium";
+                }, {
+                    readonly label: "large";
+                    readonly value: "large";
+                }];
+                readonly ai: {
+                    readonly instructions: "Never select none as an option";
+                };
+            };
+        };
+        readonly ai: {
+            readonly exclude: true;
+        };
+    };
+};
+export declare const paddingDefaults: {
+    readonly top: "medium";
+    readonly bottom: "medium";
+};
+export declare const sectionBaseStyleDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
+    padding: {
+        readonly top: "medium";
+        readonly bottom: "medium";
+    };
+};
+export declare const sectionImageStyleFields: {
+    readonly 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;
+        };
+    };
+    readonly overlay: {
+        readonly type: "select";
+        readonly label: "Overlay";
+        readonly options: readonly [{
+            readonly label: "None";
+            readonly value: "none";
+        }, {
+            readonly label: "Gradient Top";
+            readonly value: "gradient-top";
+        }, {
+            readonly label: "Gradient Bottom";
+            readonly value: "gradient-bottom";
+        }, {
+            readonly label: "Noise";
+            readonly value: "noise";
+        }];
+        readonly ai: {
+            readonly instructions: "Use gradient overlays when the section has a background image that needs text contrast. Use noise for subtle texture.";
+        };
+    };
+    readonly sectionStyle: {
+        readonly type: "select";
+        readonly label: "Section Style";
+        readonly options: readonly [{
+            readonly label: "Default";
+            readonly value: "default";
+        }, {
+            readonly label: "Dark";
+            readonly value: "dark";
+        }, {
+            readonly label: "Muted";
+            readonly value: "muted";
+        }, {
+            readonly label: "Inverted";
+            readonly value: "inverted";
+        }, {
+            readonly label: "Custom";
+            readonly value: "custom";
+        }];
+        readonly ai: {
+            readonly instructions: "Match the section's background tone: use 'dark' for dark/black backgrounds, 'muted' for gray/subtle backgrounds, 'inverted' for full contrast reversal. Default for standard light backgrounds.";
+        };
+    };
+    readonly 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'.";
+        };
+    };
+    readonly padding: {
+        readonly type: "object";
+        readonly objectFields: {
+            readonly top: {
+                readonly type: "select";
+                readonly options: readonly [{
+                    readonly label: "none";
+                    readonly value: "none";
+                }, {
+                    readonly label: "small";
+                    readonly value: "small";
+                }, {
+                    readonly label: "medium";
+                    readonly value: "medium";
+                }, {
+                    readonly label: "large";
+                    readonly value: "large";
+                }];
+                readonly ai: {
+                    readonly instructions: "Never select none as an option";
+                };
+            };
+            readonly bottom: {
+                readonly type: "select";
+                readonly options: readonly [{
+                    readonly label: "none";
+                    readonly value: "none";
+                }, {
+                    readonly label: "small";
+                    readonly value: "small";
+                }, {
+                    readonly label: "medium";
+                    readonly value: "medium";
+                }, {
+                    readonly label: "large";
+                    readonly value: "large";
+                }];
+                readonly ai: {
+                    readonly instructions: "Never select none as an option";
+                };
+            };
+        };
+        readonly ai: {
+            readonly exclude: true;
+        };
+    };
+};
+export declare const 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;
+    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";
+            readonly options: readonly [{
+                readonly label: "Default";
+                readonly value: "default";
+            }, {
+                readonly label: "Dark";
+                readonly value: "dark";
+            }, {
+                readonly label: "Muted";
+                readonly value: "muted";
+            }, {
+                readonly label: "Inverted";
+                readonly value: "inverted";
+            }, {
+                readonly label: "Custom";
+                readonly value: "custom";
+            }];
+            readonly ai: {
+                readonly instructions: "Match the section's background tone: use 'dark' for dark/black backgrounds, 'muted' for gray/subtle backgrounds, 'inverted' for full contrast reversal. Default for standard light backgrounds.";
+            };
+        };
+        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'.";
+            };
+        };
+        padding: {
+            readonly type: "object";
+            readonly objectFields: {
+                readonly top: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+                readonly bottom: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+            };
+            readonly ai: {
+                readonly exclude: true;
+            };
+        };
+    };
+};
+/**
+ * 生成 Puck `styles` defaultProps。
+ * 始终包含 sectionBaseStyleDefaults 的全部 key，
+ * 可通过 extraDefaults 追加或覆盖分类特有的默认值。
+ */
+export declare function createStylesDefaults<T>(extraDefaults?: T): {
+    sectionStyle: "default";
+    backgroundColor: string;
+    padding: {
+        readonly top: "medium";
+        readonly bottom: "medium";
+    };
+};
+export interface BannerSectionStyles extends SectionBaseStyles {
+    textColor?: string;
+    align?: "left" | "center" | "right";
+    size?: "small" | "default";
+}
+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";
+            readonly options: readonly [{
+                readonly label: "Default";
+                readonly value: "default";
+            }, {
+                readonly label: "Dark";
+                readonly value: "dark";
+            }, {
+                readonly label: "Muted";
+                readonly value: "muted";
+            }, {
+                readonly label: "Inverted";
+                readonly value: "inverted";
+            }, {
+                readonly label: "Custom";
+                readonly value: "custom";
+            }];
+            readonly ai: {
+                readonly instructions: "Match the section's background tone: use 'dark' for dark/black backgrounds, 'muted' for gray/subtle backgrounds, 'inverted' for full contrast reversal. Default for standard light backgrounds.";
+            };
+        };
+        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'.";
+            };
+        };
+        padding: {
+            readonly type: "object";
+            readonly objectFields: {
+                readonly top: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+                readonly bottom: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+            };
+            readonly ai: {
+                readonly exclude: true;
+            };
+        };
+    };
+};
+export declare const bannerStylesDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
+    padding: {
+        readonly top: "medium";
+        readonly bottom: "medium";
+    };
+};
+export interface HeroSectionStyles extends SectionImageStyles {
+    align?: "left" | "center";
+    minHeight?: "medium" | "large" | "full";
+}
+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";
+            readonly options: readonly [{
+                readonly label: "Default";
+                readonly value: "default";
+            }, {
+                readonly label: "Dark";
+                readonly value: "dark";
+            }, {
+                readonly label: "Muted";
+                readonly value: "muted";
+            }, {
+                readonly label: "Inverted";
+                readonly value: "inverted";
+            }, {
+                readonly label: "Custom";
+                readonly value: "custom";
+            }];
+            readonly ai: {
+                readonly instructions: "Match the section's background tone: use 'dark' for dark/black backgrounds, 'muted' for gray/subtle backgrounds, 'inverted' for full contrast reversal. Default for standard light backgrounds.";
+            };
+        };
+        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'.";
+            };
+        };
+        padding: {
+            readonly type: "object";
+            readonly objectFields: {
+                readonly top: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+                readonly bottom: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+            };
+            readonly ai: {
+                readonly exclude: true;
+            };
+        };
+    };
+};
+export declare const heroStylesDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
+    padding: {
+        readonly top: "medium";
+        readonly bottom: "medium";
+    };
+};
+export interface CtaSectionStyles extends SectionBaseStyles {
+    layout?: string;
+}
+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";
+            readonly options: readonly [{
+                readonly label: "Default";
+                readonly value: "default";
+            }, {
+                readonly label: "Dark";
+                readonly value: "dark";
+            }, {
+                readonly label: "Muted";
+                readonly value: "muted";
+            }, {
+                readonly label: "Inverted";
+                readonly value: "inverted";
+            }, {
+                readonly label: "Custom";
+                readonly value: "custom";
+            }];
+            readonly ai: {
+                readonly instructions: "Match the section's background tone: use 'dark' for dark/black backgrounds, 'muted' for gray/subtle backgrounds, 'inverted' for full contrast reversal. Default for standard light backgrounds.";
+            };
+        };
+        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'.";
+            };
+        };
+        padding: {
+            readonly type: "object";
+            readonly objectFields: {
+                readonly top: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+                readonly bottom: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+            };
+            readonly ai: {
+                readonly exclude: true;
+            };
+        };
+    };
+};
+export declare const ctaStylesDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
+    padding: {
+        readonly top: "medium";
+        readonly bottom: "medium";
+    };
+};
+export interface FeatureSectionStyles extends SectionBaseStyles {
+    columns?: 2 | 3 | 4;
+}
+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";
+            readonly options: readonly [{
+                readonly label: "Default";
+                readonly value: "default";
+            }, {
+                readonly label: "Dark";
+                readonly value: "dark";
+            }, {
+                readonly label: "Muted";
+                readonly value: "muted";
+            }, {
+                readonly label: "Inverted";
+                readonly value: "inverted";
+            }, {
+                readonly label: "Custom";
+                readonly value: "custom";
+            }];
+            readonly ai: {
+                readonly instructions: "Match the section's background tone: use 'dark' for dark/black backgrounds, 'muted' for gray/subtle backgrounds, 'inverted' for full contrast reversal. Default for standard light backgrounds.";
+            };
+        };
+        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'.";
+            };
+        };
+        padding: {
+            readonly type: "object";
+            readonly objectFields: {
+                readonly top: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+                readonly bottom: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+            };
+            readonly ai: {
+                readonly exclude: true;
+            };
+        };
+    };
+};
+export declare const featureStylesDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
+    padding: {
+        readonly top: "medium";
+        readonly bottom: "medium";
+    };
+};
+export interface FaqSectionStyles extends SectionBaseStyles {
+    layout?: string;
+}
+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";
+            readonly options: readonly [{
+                readonly label: "Default";
+                readonly value: "default";
+            }, {
+                readonly label: "Dark";
+                readonly value: "dark";
+            }, {
+                readonly label: "Muted";
+                readonly value: "muted";
+            }, {
+                readonly label: "Inverted";
+                readonly value: "inverted";
+            }, {
+                readonly label: "Custom";
+                readonly value: "custom";
+            }];
+            readonly ai: {
+                readonly instructions: "Match the section's background tone: use 'dark' for dark/black backgrounds, 'muted' for gray/subtle backgrounds, 'inverted' for full contrast reversal. Default for standard light backgrounds.";
+            };
+        };
+        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'.";
+            };
+        };
+        padding: {
+            readonly type: "object";
+            readonly objectFields: {
+                readonly top: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+                readonly bottom: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+            };
+            readonly ai: {
+                readonly exclude: true;
+            };
+        };
+    };
+};
+export declare const faqStylesDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
+    padding: {
+        readonly top: "medium";
+        readonly bottom: "medium";
+    };
+};
+export interface GallerySectionStyles extends SectionBaseStyles {
+    gap?: "sm" | "md" | "lg";
+}
+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";
+            readonly options: readonly [{
+                readonly label: "Default";
+                readonly value: "default";
+            }, {
+                readonly label: "Dark";
+                readonly value: "dark";
+            }, {
+                readonly label: "Muted";
+                readonly value: "muted";
+            }, {
+                readonly label: "Inverted";
+                readonly value: "inverted";
+            }, {
+                readonly label: "Custom";
+                readonly value: "custom";
+            }];
+            readonly ai: {
+                readonly instructions: "Match the section's background tone: use 'dark' for dark/black backgrounds, 'muted' for gray/subtle backgrounds, 'inverted' for full contrast reversal. Default for standard light backgrounds.";
+            };
+        };
+        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'.";
+            };
+        };
+        padding: {
+            readonly type: "object";
+            readonly objectFields: {
+                readonly top: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+                readonly bottom: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+            };
+            readonly ai: {
+                readonly exclude: true;
+            };
+        };
+    };
+};
+export declare const galleryStylesDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
+    padding: {
+        readonly top: "medium";
+        readonly bottom: "medium";
+    };
+};
+export interface TestimonialSectionStyles extends SectionBaseStyles {
+    layout?: string;
+}
+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";
+            readonly options: readonly [{
+                readonly label: "Default";
+                readonly value: "default";
+            }, {
+                readonly label: "Dark";
+                readonly value: "dark";
+            }, {
+                readonly label: "Muted";
+                readonly value: "muted";
+            }, {
+                readonly label: "Inverted";
+                readonly value: "inverted";
+            }, {
+                readonly label: "Custom";
+                readonly value: "custom";
+            }];
+            readonly ai: {
+                readonly instructions: "Match the section's background tone: use 'dark' for dark/black backgrounds, 'muted' for gray/subtle backgrounds, 'inverted' for full contrast reversal. Default for standard light backgrounds.";
+            };
+        };
+        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'.";
+            };
+        };
+        padding: {
+            readonly type: "object";
+            readonly objectFields: {
+                readonly top: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+                readonly bottom: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+            };
+            readonly ai: {
+                readonly exclude: true;
+            };
+        };
+    };
+};
+export declare const testimonialStylesDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
+    padding: {
+        readonly top: "medium";
+        readonly bottom: "medium";
+    };
+};
+export interface ShowcaseSectionStyles extends SectionBaseStyles {
+    layout?: string;
+}
+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";
+            readonly options: readonly [{
+                readonly label: "Default";
+                readonly value: "default";
+            }, {
+                readonly label: "Dark";
+                readonly value: "dark";
+            }, {
+                readonly label: "Muted";
+                readonly value: "muted";
+            }, {
+                readonly label: "Inverted";
+                readonly value: "inverted";
+            }, {
+                readonly label: "Custom";
+                readonly value: "custom";
+            }];
+            readonly ai: {
+                readonly instructions: "Match the section's background tone: use 'dark' for dark/black backgrounds, 'muted' for gray/subtle backgrounds, 'inverted' for full contrast reversal. Default for standard light backgrounds.";
+            };
+        };
+        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'.";
+            };
+        };
+        padding: {
+            readonly type: "object";
+            readonly objectFields: {
+                readonly top: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+                readonly bottom: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+            };
+            readonly ai: {
+                readonly exclude: true;
+            };
+        };
+    };
+};
+export declare const showcaseStylesDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
+    padding: {
+        readonly top: "medium";
+        readonly bottom: "medium";
+    };
+};
+export interface TextSectionStyles extends SectionBaseStyles {
+    maxWidth?: "sm" | "md" | "lg" | "full";
+}
+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";
+            readonly options: readonly [{
+                readonly label: "Default";
+                readonly value: "default";
+            }, {
+                readonly label: "Dark";
+                readonly value: "dark";
+            }, {
+                readonly label: "Muted";
+                readonly value: "muted";
+            }, {
+                readonly label: "Inverted";
+                readonly value: "inverted";
+            }, {
+                readonly label: "Custom";
+                readonly value: "custom";
+            }];
+            readonly ai: {
+                readonly instructions: "Match the section's background tone: use 'dark' for dark/black backgrounds, 'muted' for gray/subtle backgrounds, 'inverted' for full contrast reversal. Default for standard light backgrounds.";
+            };
+        };
+        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'.";
+            };
+        };
+        padding: {
+            readonly type: "object";
+            readonly objectFields: {
+                readonly top: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+                readonly bottom: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+            };
+            readonly ai: {
+                readonly exclude: true;
+            };
+        };
+    };
+};
+export declare const textStylesDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
+    padding: {
+        readonly top: "medium";
+        readonly bottom: "medium";
+    };
+};
+export interface ContactSectionStyles extends SectionBaseStyles {
+    panelStyle?: string;
+}
+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";
+            readonly options: readonly [{
+                readonly label: "Default";
+                readonly value: "default";
+            }, {
+                readonly label: "Dark";
+                readonly value: "dark";
+            }, {
+                readonly label: "Muted";
+                readonly value: "muted";
+            }, {
+                readonly label: "Inverted";
+                readonly value: "inverted";
+            }, {
+                readonly label: "Custom";
+                readonly value: "custom";
+            }];
+            readonly ai: {
+                readonly instructions: "Match the section's background tone: use 'dark' for dark/black backgrounds, 'muted' for gray/subtle backgrounds, 'inverted' for full contrast reversal. Default for standard light backgrounds.";
+            };
+        };
+        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'.";
+            };
+        };
+        padding: {
+            readonly type: "object";
+            readonly objectFields: {
+                readonly top: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+                readonly bottom: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+            };
+            readonly ai: {
+                readonly exclude: true;
+            };
+        };
+    };
+};
+export declare const contactStylesDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
+    padding: {
+        readonly top: "medium";
+        readonly bottom: "medium";
+    };
+};
+export type LocationSectionStyles = SectionBaseStyles;
+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";
+            readonly options: readonly [{
+                readonly label: "Default";
+                readonly value: "default";
+            }, {
+                readonly label: "Dark";
+                readonly value: "dark";
+            }, {
+                readonly label: "Muted";
+                readonly value: "muted";
+            }, {
+                readonly label: "Inverted";
+                readonly value: "inverted";
+            }, {
+                readonly label: "Custom";
+                readonly value: "custom";
+            }];
+            readonly ai: {
+                readonly instructions: "Match the section's background tone: use 'dark' for dark/black backgrounds, 'muted' for gray/subtle backgrounds, 'inverted' for full contrast reversal. Default for standard light backgrounds.";
+            };
+        };
+        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'.";
+            };
+        };
+        padding: {
+            readonly type: "object";
+            readonly objectFields: {
+                readonly top: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+                readonly bottom: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+            };
+            readonly ai: {
+                readonly exclude: true;
+            };
+        };
+    };
+};
+export declare const locationStylesDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
+    padding: {
+        readonly top: "medium";
+        readonly bottom: "medium";
+    };
+};
+export type FooterSectionStyles = SectionBaseStyles;
+export type HeaderSectionStyles = SectionBaseStyles;
+export type MetricsSectionStyles = SectionBaseStyles;
+export type PricingSectionStyles = SectionBaseStyles;
+export type TeamSectionStyles = SectionBaseStyles;
+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";
+            readonly options: readonly [{
+                readonly label: "Default";
+                readonly value: "default";
+            }, {
+                readonly label: "Dark";
+                readonly value: "dark";
+            }, {
+                readonly label: "Muted";
+                readonly value: "muted";
+            }, {
+                readonly label: "Inverted";
+                readonly value: "inverted";
+            }, {
+                readonly label: "Custom";
+                readonly value: "custom";
+            }];
+            readonly ai: {
+                readonly instructions: "Match the section's background tone: use 'dark' for dark/black backgrounds, 'muted' for gray/subtle backgrounds, 'inverted' for full contrast reversal. Default for standard light backgrounds.";
+            };
+        };
+        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'.";
+            };
+        };
+        padding: {
+            readonly type: "object";
+            readonly objectFields: {
+                readonly top: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+                readonly bottom: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+            };
+            readonly ai: {
+                readonly exclude: true;
+            };
+        };
+    };
+};
+export declare const footerStylesDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
+    padding: {
+        readonly top: "medium";
+        readonly bottom: "medium";
+    };
+};
+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";
+            readonly options: readonly [{
+                readonly label: "Default";
+                readonly value: "default";
+            }, {
+                readonly label: "Dark";
+                readonly value: "dark";
+            }, {
+                readonly label: "Muted";
+                readonly value: "muted";
+            }, {
+                readonly label: "Inverted";
+                readonly value: "inverted";
+            }, {
+                readonly label: "Custom";
+                readonly value: "custom";
+            }];
+            readonly ai: {
+                readonly instructions: "Match the section's background tone: use 'dark' for dark/black backgrounds, 'muted' for gray/subtle backgrounds, 'inverted' for full contrast reversal. Default for standard light backgrounds.";
+            };
+        };
+        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'.";
+            };
+        };
+        padding: {
+            readonly type: "object";
+            readonly objectFields: {
+                readonly top: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+                readonly bottom: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+            };
+            readonly ai: {
+                readonly exclude: true;
+            };
+        };
+    };
+};
+export declare const headerStylesDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
+    padding: {
+        readonly top: "medium";
+        readonly bottom: "medium";
+    };
+};
+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";
+            readonly options: readonly [{
+                readonly label: "Default";
+                readonly value: "default";
+            }, {
+                readonly label: "Dark";
+                readonly value: "dark";
+            }, {
+                readonly label: "Muted";
+                readonly value: "muted";
+            }, {
+                readonly label: "Inverted";
+                readonly value: "inverted";
+            }, {
+                readonly label: "Custom";
+                readonly value: "custom";
+            }];
+            readonly ai: {
+                readonly instructions: "Match the section's background tone: use 'dark' for dark/black backgrounds, 'muted' for gray/subtle backgrounds, 'inverted' for full contrast reversal. Default for standard light backgrounds.";
+            };
+        };
+        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'.";
+            };
+        };
+        padding: {
+            readonly type: "object";
+            readonly objectFields: {
+                readonly top: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+                readonly bottom: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+            };
+            readonly ai: {
+                readonly exclude: true;
+            };
+        };
+    };
+};
+export declare const metricsStylesDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
+    padding: {
+        readonly top: "medium";
+        readonly bottom: "medium";
+    };
+};
+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";
+            readonly options: readonly [{
+                readonly label: "Default";
+                readonly value: "default";
+            }, {
+                readonly label: "Dark";
+                readonly value: "dark";
+            }, {
+                readonly label: "Muted";
+                readonly value: "muted";
+            }, {
+                readonly label: "Inverted";
+                readonly value: "inverted";
+            }, {
+                readonly label: "Custom";
+                readonly value: "custom";
+            }];
+            readonly ai: {
+                readonly instructions: "Match the section's background tone: use 'dark' for dark/black backgrounds, 'muted' for gray/subtle backgrounds, 'inverted' for full contrast reversal. Default for standard light backgrounds.";
+            };
+        };
+        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'.";
+            };
+        };
+        padding: {
+            readonly type: "object";
+            readonly objectFields: {
+                readonly top: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+                readonly bottom: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+            };
+            readonly ai: {
+                readonly exclude: true;
+            };
+        };
+    };
+};
+export declare const pricingStylesDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
+    padding: {
+        readonly top: "medium";
+        readonly bottom: "medium";
+    };
+};
+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";
+            readonly options: readonly [{
+                readonly label: "Default";
+                readonly value: "default";
+            }, {
+                readonly label: "Dark";
+                readonly value: "dark";
+            }, {
+                readonly label: "Muted";
+                readonly value: "muted";
+            }, {
+                readonly label: "Inverted";
+                readonly value: "inverted";
+            }, {
+                readonly label: "Custom";
+                readonly value: "custom";
+            }];
+            readonly ai: {
+                readonly instructions: "Match the section's background tone: use 'dark' for dark/black backgrounds, 'muted' for gray/subtle backgrounds, 'inverted' for full contrast reversal. Default for standard light backgrounds.";
+            };
+        };
+        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'.";
+            };
+        };
+        padding: {
+            readonly type: "object";
+            readonly objectFields: {
+                readonly top: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+                readonly bottom: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "none";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "small";
+                        readonly value: "small";
+                    }, {
+                        readonly label: "medium";
+                        readonly value: "medium";
+                    }, {
+                        readonly label: "large";
+                        readonly value: "large";
+                    }];
+                    readonly ai: {
+                        readonly instructions: "Never select none as an option";
+                    };
+                };
+            };
+            readonly ai: {
+                readonly exclude: true;
+            };
+        };
+    };
+};
+export declare const teamStylesDefaults: {
+    sectionStyle: "default";
+    backgroundColor: string;
+    padding: {
+        readonly top: "medium";
+        readonly bottom: "medium";
+    };
+};