@frontlit/page-builder 0.1.0-alpha.1

package/dist/image-D7GlnOio.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+
+type AspectRatio = "16/9" | "4/3" | "1/1" | "21/9" | "9/16" | "2/1" | "3/2" | string;
+interface VideoThumbnailProps {
+    title?: string;
+    thumbnailUrl?: string;
+    videoUrl: string;
+    aspectRatio?: AspectRatio;
+    modal?: boolean;
+}
+declare function VideoWithPreview({ title, thumbnailUrl, videoUrl, aspectRatio, modal, }: VideoThumbnailProps): React.JSX.Element;
+
+type ImageObjectFit = "cover" | "contain" | "fill" | "none" | "scale-down";
+interface ImgProps {
+    src: string;
+    classes?: string;
+    alt?: string;
+    defaultImage?: string;
+    loading?: "eager" | "lazy";
+    height?: string;
+    sizes?: `${string}vw`;
+    width?: string;
+    borderRadius?: number;
+    noDefaultImage?: boolean;
+    className?: string;
+    objectFit?: ImageObjectFit;
+}
+declare const Image: (props: ImgProps) => React.JSX.Element;
+
+export { type AspectRatio as A, Image as I, type VideoThumbnailProps as V, type ImageObjectFit as a, VideoWithPreview as b };

package/dist/index.d.ts

@@ -0,0 +1,59 @@
+import { T as Theme } from './section-background-BgOCp5l3.js';
+export { B as BackgroundAttachment, a as BackgroundRepeat, b as BlendMode, S as SectionBackground, c as SectionBackgroundOverlay } from './section-background-BgOCp5l3.js';
+export { B as Border, C as Colors, a as CustomStyle, D as DisabledStyle, P as Padding, S as Shadow, T as ThemeStyle, b as Typography } from './theme-style-39nxXQy0.js';
+import { W as Widget, d as WidgetInstance } from './widget--uEOpdq3.js';
+export { B as BlockLayout, P as PageData, a as PageType, b as WidgetDefaultSettings, c as WidgetEditorProps, e as WidgetMetadata, f as WidgetProps } from './widget--uEOpdq3.js';
+export { M as Media } from './media-Njv378j7.js';
+export { P as Page, a as PageSeo } from './page-DfVl_aHX.js';
+export { A as Alignment, H as HorizontalAlignment, V as VerticalAlignment } from './alignment-dZDzN96G.js';
+export { TextEditorContent } from '@frontlit/text-editor';
+export { EditableBlock, EditableBlockProps, PageRenderer, PageRendererProps, generateThemeStyles } from './renderer/index.js';
+export { P as PageBuilderLinkComponent, a as PageBuilderLinkProps, b as PageBuilderLinkProvider } from './nav-link-BfxvQ1s6.js';
+export { BlockPicker, BuilderTopBar, ColorSelector, ContentPaddingSelector, MaxWidthSelector, PATTERN_PRESETS, PageBuilder, PageBuilderPropertyHeader, PageBuilderProps, PageBuilderSlider, PageBuilderState, PatternPreset, PatternPresetCategory, PreviewDevice, SectionBackgroundPanel, SeoEditor, SettingsPanel, ThemeEditor, ThemeEditorProps, VerticalPaddingSelector, getMaxWidthTWClass, getVerticalPaddingTWClass } from './builder/index.js';
+export { DataSlotLoadRequest, DataSlotLoader, DataSlotLoaders, loadDataSlots } from './data-slots.js';
+import 'react';
+import 'lucide-react';
+import './color-mode-DIEEt9WP.js';
+
+/**
+ * Every block available to the page builder, keyed by its
+ * `metadata.name`. `header` and `footer` are singleton, layout-level
+ * blocks placed outside the normal flow by the renderer.
+ */
+declare const blockRegistry: Record<string, Widget<any>>;
+declare const LAYOUT_BLOCK_NAMES: string[];
+declare const NON_ADDABLE_BLOCK_NAMES: string[];
+/**
+ * Adds a host application's block to the shared renderer and builder
+ * registry. Register blocks while the application module initializes, before
+ * rendering either `PageBuilder` or `PageRenderer`.
+ *
+ * Built-in names are intentionally protected: a persisted page must always
+ * have one stable implementation for a block name. Give host blocks a
+ * namespaced name such as `acme-event-list`.
+ */
+declare function registerBlock(widget: Widget<any>): void;
+declare function getWidget(name: string): Widget<any> | undefined;
+/** Blocks a user can add to the body of a page. */
+declare function getAddableBlocks(): Widget<any>[];
+
+/**
+ * Creates a new widget instance for the given block name, seeded with that
+ * block's default settings.
+ */
+declare function createWidgetInstance(name: string, overrides?: Record<string, unknown>): WidgetInstance;
+/** Ensures a builder layout always has one locked header and footer.
+ * API validation remains the hard boundary; this repair keeps legacy/empty
+ * initial layouts usable and prevents the UI from ever presenting a page
+ * without its shared navigation shell. */
+declare function ensureRequiredSharedWidgets(layout: WidgetInstance[]): WidgetInstance[];
+/** The default theme new pages start out with. */
+declare function getDefaultTheme(): Theme;
+/**
+ * A complete, ready-to-render landing page layout showcasing every
+ * available block — used both as the FrontLit marketing landing page and
+ * as the page builder demo's starting point.
+ */
+declare function createDefaultLayout(): WidgetInstance[];
+
+export { LAYOUT_BLOCK_NAMES, NON_ADDABLE_BLOCK_NAMES, Theme, Widget, WidgetInstance, blockRegistry, createDefaultLayout, createWidgetInstance, ensureRequiredSharedWidgets, getAddableBlocks, getDefaultTheme, getWidget, registerBlock };

package/dist/index.js

@@ -0,0 +1,10 @@
+"use client";
+import './chunk-RUYOL7JZ.js';
+export { BlockPicker, BuilderTopBar, ColorSelector, ContentPaddingSelector, MaxWidthSelector, PATTERN_PRESETS, PageBuilder, PageBuilderPropertyHeader, PageBuilderSlider, SectionBackgroundPanel, SeoEditor, SettingsPanel, ThemeEditor, VerticalPaddingSelector, createDefaultLayout, createWidgetInstance, ensureRequiredSharedWidgets, getDefaultTheme, getMaxWidthTWClass, getVerticalPaddingTWClass } from './chunk-MO76KZY2.js';
+export { EditableBlock, LAYOUT_BLOCK_NAMES, NON_ADDABLE_BLOCK_NAMES, PageRenderer, blockRegistry, generateThemeStyles, getAddableBlocks, getWidget, registerBlock } from './chunk-SSQWYMQR.js';
+import './chunk-7KIX4WAO.js';
+export { PageBuilderLinkProvider } from './chunk-7W6Q4WA7.js';
+import './chunk-RBJBODQP.js';
+export { loadDataSlots } from './chunk-GTY75HW2.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/media-Njv378j7.d.ts

@@ -0,0 +1,13 @@
+interface Media {
+    mediaId: string;
+    originalFileName?: string;
+    mimeType?: string;
+    size?: number;
+    caption?: string;
+    /** Public URL of the asset. */
+    file?: string;
+    /** Thumbnail URL, falls back to `file` when absent. */
+    thumbnail?: string;
+}
+
+export type { Media as M };

package/dist/models/index.d.ts

@@ -0,0 +1,8 @@
+export { B as BackgroundAttachment, a as BackgroundRepeat, b as BlendMode, S as SectionBackground, c as SectionBackgroundOverlay, T as Theme } from '../section-background-BgOCp5l3.js';
+export { B as Border, C as Colors, a as CustomStyle, D as DisabledStyle, P as Padding, S as Shadow, T as ThemeStyle, b as Typography } from '../theme-style-39nxXQy0.js';
+export { B as BlockLayout, P as PageData, a as PageType, W as Widget, b as WidgetDefaultSettings, c as WidgetEditorProps, d as WidgetInstance, e as WidgetMetadata, f as WidgetProps } from '../widget--uEOpdq3.js';
+export { M as Media } from '../media-Njv378j7.js';
+export { P as Page, a as PageSeo } from '../page-DfVl_aHX.js';
+export { A as Alignment, H as HorizontalAlignment, V as VerticalAlignment } from '../alignment-dZDzN96G.js';
+export { TextEditorContent } from '@frontlit/text-editor';
+import 'react';

package/dist/models/index.js

@@ -0,0 +1,4 @@
+"use client";
+import '../chunk-RUYOL7JZ.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/models/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/nav-link-BfxvQ1s6.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+
+interface PageBuilderLinkProps {
+    href: string;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
+    target?: string;
+    rel?: string;
+}
+/**
+ * Optional host-supplied link. Next.js apps can pass `next/link`; Vite / Remix
+ * / plain React hosts can omit it and NavLink will render a native `<a>`.
+ */
+type PageBuilderLinkComponent = React.ComponentType<PageBuilderLinkProps>;
+declare function PageBuilderLinkProvider({ component, children, }: {
+    component?: PageBuilderLinkComponent | null;
+    children: React.ReactNode;
+}): React.JSX.Element;
+declare function usePageBuilderLinkComponent(): PageBuilderLinkComponent;
+interface NavLinkProps {
+    href: string;
+    children?: React.ReactNode;
+    openInSameTab?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+    onClick?: () => void;
+}
+/**
+ * A navigation-aware link used inside block widgets. In-page anchors scroll
+ * to the target. Internal paths (`/...`) use the host `linkComponent` when
+ * one is provided (e.g. Next.js `Link`); everything else is a native `<a>`.
+ */
+declare function NavLink({ href, children, openInSameTab, style, className, onClick, }: NavLinkProps): React.JSX.Element;
+
+export { NavLink as N, type PageBuilderLinkComponent as P, type PageBuilderLinkProps as a, PageBuilderLinkProvider as b, usePageBuilderLinkComponent as u };

package/dist/page-DfVl_aHX.d.ts

@@ -0,0 +1,26 @@
+import { a as PageType, d as WidgetInstance } from './widget--uEOpdq3.js';
+import { M as Media } from './media-Njv378j7.js';
+
+/** Page-level SEO settings, editable from the builder's SEO panel. */
+interface PageSeo {
+    /** Page title for search results and the browser tab. */
+    title?: string;
+    /** Short summary shown in search results and link previews. */
+    description?: string;
+    /** Social card (Open Graph) image shown when the page is shared. */
+    socialImage?: Media;
+    /** When false, the page asks search engines not to index it. */
+    robotsAllowed?: boolean;
+}
+interface Page {
+    pageId: string;
+    name: string;
+    type: PageType;
+    layout: WidgetInstance[];
+    title?: string;
+    description?: string;
+    socialImage?: Media;
+    robotsAllowed?: boolean;
+}
+
+export type { Page as P, PageSeo as a };

package/dist/primitives/index.d.ts

@@ -0,0 +1,140 @@
+import * as React$1 from 'react';
+import React__default, { ReactNode } from 'react';
+import { T as ThemeStyle } from '../theme-style-39nxXQy0.js';
+export { a as Button, B as ButtonProps } from '../button-C3VrMJkr.js';
+import { S as SectionBackground, T as Theme } from '../section-background-BgOCp5l3.js';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+
+interface TypographyProps extends React__default.HTMLAttributes<HTMLElement> {
+    children: React__default.ReactNode;
+    className?: string;
+    theme?: ThemeStyle;
+}
+
+declare const Preheader: React__default.FC<TypographyProps>;
+
+declare const Header1: React__default.FC<TypographyProps>;
+
+declare const Header2: React__default.FC<TypographyProps>;
+
+declare const Header3: React__default.FC<TypographyProps>;
+
+declare const Header4: React__default.FC<TypographyProps>;
+
+declare const Subheader1: React__default.FC<TypographyProps & {
+    component?: "h5" | "span";
+}>;
+
+declare const Subheader2: React__default.FC<TypographyProps>;
+
+declare const Text1: React__default.FC<TypographyProps & {
+    component?: "p" | "span";
+}>;
+
+declare const Text2: React__default.FC<TypographyProps & {
+    component?: "p" | "span";
+}>;
+
+interface LinkProps extends React__default.AnchorHTMLAttributes<HTMLAnchorElement> {
+    children: React__default.ReactNode;
+    className?: string;
+    theme?: ThemeStyle;
+    disabled?: boolean;
+    style?: React__default.CSSProperties;
+}
+declare const Link: React__default.FC<LinkProps>;
+
+interface InputProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
+    theme?: ThemeStyle;
+    error?: boolean;
+}
+declare const Input: React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<HTMLInputElement>>;
+
+interface TextareaProps extends React__default.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    theme?: ThemeStyle;
+    error?: boolean;
+}
+declare const Textarea: React__default.ForwardRefExoticComponent<TextareaProps & React__default.RefAttributes<HTMLTextAreaElement>>;
+
+declare const Caption: React__default.FC<TypographyProps>;
+
+interface PageCardProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    isLink?: boolean;
+    children: React__default.ReactNode;
+    className?: string;
+    theme?: ThemeStyle;
+}
+interface PageCardImageProps extends React__default.ImgHTMLAttributes<HTMLImageElement> {
+    src: string;
+    alt: string;
+    className?: string;
+    theme?: ThemeStyle;
+}
+interface PageCardContentProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    children: React__default.ReactNode;
+    className?: string;
+    theme?: ThemeStyle;
+}
+interface PageCardHeaderProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    children: React__default.ReactNode;
+    className?: string;
+    theme?: ThemeStyle;
+}
+declare const PageCard: React__default.FC<PageCardProps>;
+declare const PageCardImage: React__default.FC<PageCardImageProps>;
+declare const PageCardContent: React__default.FC<PageCardContentProps>;
+declare const PageCardHeader: React__default.FC<PageCardHeaderProps>;
+
+interface LabelProps extends React__default.LabelHTMLAttributes<HTMLLabelElement> {
+    theme?: ThemeStyle;
+    error?: boolean;
+}
+declare const Label: React__default.ForwardRefExoticComponent<LabelProps & React__default.RefAttributes<HTMLLabelElement>>;
+
+interface SectionProps extends React__default.HTMLAttributes<HTMLElement> {
+    children: React__default.ReactNode;
+    className?: string;
+    theme?: ThemeStyle;
+    component?: "header" | "footer" | "section";
+    background?: SectionBackground;
+    nextTheme?: "dark" | "light";
+}
+declare const Section: React__default.FC<SectionProps>;
+
+declare const badgeVariants: (props?: {
+    variant?: "default" | "destructive" | "outline" | "secondary";
+} & class_variance_authority_types.ClassProp) => string;
+interface BadgeProps$1 extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+}
+
+interface BadgeProps extends Omit<BadgeProps$1, "variant"> {
+    theme?: ThemeStyle;
+    style?: Record<string, string>;
+    variant?: "default" | "secondary" | "destructive" | "outline";
+}
+declare const Badge: React__default.FC<BadgeProps>;
+
+declare const Switch$1: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+interface SwitchProps extends React__default.ComponentPropsWithoutRef<typeof Switch$1> {
+    theme?: ThemeStyle;
+}
+declare const Switch: React__default.ForwardRefExoticComponent<SwitchProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+declare const themes: Theme[];
+
+interface DrawerProps {
+    trigger: ReactNode;
+    children: ReactNode;
+    side?: "left" | "right" | "top" | "bottom";
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    style?: React.CSSProperties;
+    className?: string;
+    theme?: ThemeStyle;
+}
+declare function Drawer({ trigger, children, side, open, setOpen, style, className, theme: _theme, }: DrawerProps): React$1.JSX.Element;
+
+export { Badge, type BadgeProps, Caption, Drawer, Header1, Header2, Header3, Header4, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, PageCard, PageCardContent, type PageCardContentProps, PageCardHeader, type PageCardHeaderProps, PageCardImage, type PageCardImageProps, type PageCardProps, Preheader, Section, Subheader1, Subheader2, Switch, type SwitchProps, Text1, Text2, Textarea, type TextareaProps, themes };

package/dist/primitives/index.js

@@ -0,0 +1,4 @@
+"use client";
+export { Badge, Button2 as Button, Caption, Drawer, Header1, Header2, Header3, Header4, Input, Label, Link, PageCard, PageCardContent, PageCardHeader, PageCardImage, Preheader, Section, Subheader1, Subheader2, Switch2 as Switch, Text1, Text2, Textarea, themes } from '../chunk-RBJBODQP.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/primitives/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/renderer/index.d.ts

@@ -0,0 +1,81 @@
+import React__default from 'react';
+import { T as Theme } from '../section-background-BgOCp5l3.js';
+import { d as WidgetInstance, P as PageData } from '../widget--uEOpdq3.js';
+import { P as PageBuilderLinkComponent } from '../nav-link-BfxvQ1s6.js';
+export { a as PageBuilderLinkProps, b as PageBuilderLinkProvider } from '../nav-link-BfxvQ1s6.js';
+import '../theme-style-39nxXQy0.js';
+
+interface PageRendererProps {
+    layout: WidgetInstance[];
+    theme: Theme;
+    pageData?: PageData;
+    /** Optional content rendered between the shared header and footer. */
+    children?: React__default.ReactNode;
+    /** Host-resolved data keyed by a generic data-slot's configured name. */
+    dataSlots?: Record<string, React__default.ReactNode>;
+    /** Resolved palette currently painted (`system` is already applied). */
+    nextTheme?: "light" | "dark";
+    /** Visitor or preview preference, including follow-the-OS. */
+    themeMode?: "light" | "dark" | "system";
+    onThemeModeChange?: (mode: "light" | "dark" | "system") => void;
+    /** When true, renders hover controls (edit/move/delete/add) for use inside the builder canvas. */
+    editing?: boolean;
+    selectedWidgetId?: string;
+    /** Widget to briefly highlight, e.g. right after it was moved. */
+    highlightedWidgetId?: string;
+    onSelectWidget?: (widgetId: string) => void;
+    onMoveWidgetUp?: (widgetId: string) => void;
+    onMoveWidgetDown?: (widgetId: string) => void;
+    onDeleteWidget?: (widgetId: string) => void;
+    onAddWidgetBelow?: (widgetId: string) => void;
+    /** Injects the theme's generated CSS custom properties as a `<style>` tag. Disable if the host app renders it elsewhere. */
+    injectThemeStyles?: boolean;
+    /**
+     * Optional host link (e.g. Next.js `Link`) used for internal `/...` paths
+     * inside block widgets. Omit it to render native `<a>` tags — no
+     * framework dependency.
+     */
+    linkComponent?: PageBuilderLinkComponent;
+    className?: string;
+}
+/**
+ * Renders a page's widget layout using the block registry. Used both for
+ * plain (non-editable) display and, with `editing`, as the live canvas
+ * inside the page builder.
+ */
+declare function PageRenderer({ layout, theme, pageData, children, dataSlots, nextTheme, themeMode, onThemeModeChange, editing, selectedWidgetId, highlightedWidgetId, onSelectWidget, onMoveWidgetUp, onMoveWidgetDown, onDeleteWidget, onAddWidgetBelow, injectThemeStyles, linkComponent, className, }: PageRendererProps): React__default.JSX.Element;
+
+interface EditableBlockProps {
+    children: React__default.ReactNode;
+    editing: boolean;
+    /** Ref to the wrapper element so the canvas can scroll the block into view. */
+    containerRef?: React__default.Ref<HTMLDivElement>;
+    selected?: boolean;
+    /** Draws a temporary attention flash, e.g. right after the block was moved. */
+    highlighted?: boolean;
+    label?: string;
+    onSelect?: () => void;
+    onMoveUp?: () => void;
+    onMoveDown?: () => void;
+    onDelete?: () => void;
+    onAddBelow?: () => void;
+}
+/**
+ * Wraps a rendered block with hover/selection affordances when the page
+ * builder is in editing mode. In non-editing (plain display) mode it's a
+ * transparent passthrough.
+ */
+declare function EditableBlock({ children, editing, containerRef, selected, highlighted, label, onSelect, onMoveUp, onMoveDown, onDelete, onAddBelow, }: EditableBlockProps): React__default.JSX.Element;
+
+/**
+ * Generates full CSS color values for the custom properties every primitive
+ * reads. Full colors (rather than bare HSL channels) let the renderer coexist
+ * with Tailwind v4 hosts whose semantic utilities use `var(--primary)` while
+ * still accepting CourseLit-derived hex theme data.
+ *
+ * Callers rendering more than one theme in a document should pass a unique
+ * selector so one renderer cannot overwrite another renderer's variables.
+ */
+declare function generateThemeStyles(theme: Theme, selector?: string): string;
+
+export { EditableBlock, type EditableBlockProps, PageBuilderLinkComponent, PageRenderer, type PageRendererProps, generateThemeStyles };

package/dist/renderer/index.js

@@ -0,0 +1,7 @@
+"use client";
+export { EditableBlock, PageRenderer, generateThemeStyles } from '../chunk-SSQWYMQR.js';
+import '../chunk-7KIX4WAO.js';
+export { PageBuilderLinkProvider } from '../chunk-7W6Q4WA7.js';
+import '../chunk-RBJBODQP.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/renderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/section-background-BgOCp5l3.d.ts

@@ -0,0 +1,50 @@
+import { T as ThemeStyle } from './theme-style-39nxXQy0.js';
+
+interface Theme {
+    id: string;
+    name: string;
+    theme: ThemeStyle;
+}
+
+type BlendMode = "normal" | "multiply" | "screen" | "overlay" | "darken" | "lighten" | "color-dodge" | "color-burn" | "hard-light" | "soft-light" | "difference" | "exclusion" | "hue" | "saturation" | "color" | "luminosity";
+type BackgroundRepeat = "no-repeat" | "repeat" | "repeat-x" | "repeat-y" | "space" | "round";
+/**
+ * CSS `background-attachment`.
+ * - `scroll` (default): background moves with the section / page
+ * - `fixed`: background is pinned to the viewport so content scrolls
+ *   over a static surface (classic parallax / “hero still” look)
+ * - `local`: background scrolls with the element’s own overflow
+ */
+type BackgroundAttachment = "scroll" | "fixed" | "local";
+interface SectionBackgroundOverlay {
+    color: string;
+    colorDark?: string;
+    blendMode: BlendMode;
+    opacity: number;
+}
+type SectionBackground = {
+    type: "color" | "image" | "gradient";
+    backgroundColor?: string;
+    backgroundColorDark?: string;
+    backgroundImage?: string;
+    backgroundImageDark?: string;
+    backgroundSize?: string;
+    backgroundPosition?: string;
+    backgroundRepeat?: BackgroundRepeat;
+    /**
+     * When `"fixed"`, the image/pattern stays still relative to the
+     * viewport while the page scrolls. Most useful on image and pattern
+     * (gradient) backgrounds; ignored for solid color fills.
+     */
+    backgroundAttachment?: BackgroundAttachment;
+    maskImage?: string;
+    gradientBackgroundSize?: string;
+    gradientBackgroundPosition?: string;
+    gradientBackgroundRepeat?: BackgroundRepeat;
+    gradientMaskImage?: string;
+    blur?: number;
+    overlay?: SectionBackgroundOverlay;
+    media?: Record<string, unknown>;
+};
+
+export type { BackgroundAttachment as B, SectionBackground as S, Theme as T, BackgroundRepeat as a, BlendMode as b, SectionBackgroundOverlay as c };