pagepilot-visual-editor 1.0.2 → 1.0.4

package/README.md

@@ -1,4 +1,4 @@
-# @pagepilot/visual-editor
+# pagepilot-visual-editor
 
 A standalone, prop-driven **React page-type visual editor**. Drop
 `<PagePilotEditor />` into your host application, pass the host record through
@@ -15,24 +15,47 @@ everything else.
 ## Install
 
 ```bash
-npm install @pagepilot/visual-editor
+npm install pagepilot-visual-editor
 # or
-pnpm add @pagepilot/visual-editor
+pnpm add pagepilot-visual-editor
 # or
-yarn add @pagepilot/visual-editor
+yarn add pagepilot-visual-editor
 ```
 
 Peer dependencies (your host should provide these):
 
 | Peer | Range | Notes |
 |---|---|---|
-| `react` | `>=18` | React 18 and 19 both supported |
-| `react-dom` | `>=18` | Match your `react` version |
+| `react` | `^18.0.0 \|\| ^19.0.0` | React 18 and 19 both supported |
+| `react-dom` | `^18.0.0 \|\| ^19.0.0` | **Must be the exact same version as `react`** |
 | `@mui/material` | `>=5` | v6 tested; v5 works |
 | `@mui/icons-material` | `>=5` | |
 | `@emotion/react` | `>=11` | Required by MUI |
 | `@emotion/styled` | `>=11` | Required by MUI |
 
+> **Avoiding "Incompatible React versions" at runtime**
+>
+> npm 7+ auto-installs peer deps, which can pull `react-dom@latest` into your
+> app even when your `react` is pinned to an older patch. React refuses to
+> boot when the two versions differ. Force alignment by adding this to your
+> host app's `package.json`:
+>
+> ```json
+> {
+>   "overrides": {
+>     "react-dom": "$react",
+>     "@types/react-dom": "$@types/react"
+>   },
+>   "resolutions": {
+>     "react-dom": "$react",
+>     "@types/react-dom": "$@types/react"
+>   }
+> }
+> ```
+>
+> Then delete `node_modules` + `package-lock.json` and re-run `npm install`
+> (`overrides` is npm/pnpm, `resolutions` is yarn — safe to keep both).
+
 **Also required at runtime** (not currently listed as a peer, but the built
 bundle keeps them external — install these alongside the peers above):
 
@@ -52,7 +75,7 @@ npm install zod
 ## Quick start
 
 ```tsx
-import { PagePilotEditor } from "@pagepilot/visual-editor";
+import { PagePilotEditor } from "pagepilot-visual-editor";
 
 export default function PageEditorScreen() {
   const [record, setRecord] = useState(initialRecord);
@@ -394,7 +417,7 @@ import {
   PagePilotEditor,
   pagePilotEditorDarkTheme,
   pagePilotEditorLightTheme,
-} from "@pagepilot/visual-editor";
+} from "pagepilot-visual-editor";
 
 // Built-in themes — these are full MUI Theme objects.
 <PagePilotEditor mode="dark" />
@@ -443,7 +466,7 @@ Two ways:
 import {
   setPagePilotEditorTranslations,
   resetPagePilotEditorTranslations,
-} from "@pagepilot/visual-editor";
+} from "pagepilot-visual-editor";
 
 setPagePilotEditorTranslations(myDict);   // merges on top of defaults
 resetPagePilotEditorTranslations();       // back to English defaults
@@ -479,7 +502,7 @@ Hide any of them via the `blocks` prop. Tile labels can be re-translated via `tr
 The original Pagepilot `EditorContext` Zustand store is re-exported under the `EditorContext` namespace so advanced consumers can drive document state imperatively from outside the component:
 
 ```ts
-import { EditorContext } from "@pagepilot/visual-editor";
+import { EditorContext } from "pagepilot-visual-editor";
 
 EditorContext.setDocument({ root: ... });
 EditorContext.resetDocument(myDoc);
@@ -490,7 +513,7 @@ EditorContext.editorStateStore;       // raw Zustand store
 The built-in Reader is also re-exported so you can render saved documents outside the editor:
 
 ```ts
-import { Reader, renderToStaticMarkup } from "@pagepilot/visual-editor";
+import { Reader, renderToStaticMarkup } from "pagepilot-visual-editor";
 
 const html = renderToStaticMarkup(myDoc, { rootBlockId: "root" });
 ```
@@ -501,26 +524,26 @@ const html = renderToStaticMarkup(myDoc, { rootBlockId: "root" });
 
 ```ts
 // Component + imperative document setters
-export { PagePilotEditor, setDocument, resetDocument } from "@pagepilot/visual-editor";
+export { PagePilotEditor, setDocument, resetDocument } from "pagepilot-visual-editor";
 
 // Themes
-export { pagePilotEditorDarkTheme, pagePilotEditorLightTheme } from "@pagepilot/visual-editor";
+export { pagePilotEditorDarkTheme, pagePilotEditorLightTheme } from "pagepilot-visual-editor";
 
 // Translation helpers
 export {
   setPagePilotEditorTranslations,
   resetPagePilotEditorTranslations,
-} from "@pagepilot/visual-editor";
+} from "pagepilot-visual-editor";
 
 // Reader / renderer
 export {
   Reader, ReaderBlock,
   renderToStaticMarkup,
   ReaderBlockSchema, ReaderDocumentSchema,
-} from "@pagepilot/visual-editor";
+} from "pagepilot-visual-editor";
 
 // Imperative store access
-export * as EditorContext from "@pagepilot/visual-editor";
+export * as EditorContext from "pagepilot-visual-editor";
 
 // Types
 export type {
@@ -528,7 +551,7 @@ export type {
   EditorPanelToggles, TopbarToggles,
   BlockKey, BlockToggles,
   TReaderBlock, TReaderDocument, TReaderBlockProps, TReaderProps,
-} from "@pagepilot/visual-editor";
+} from "pagepilot-visual-editor";
 ```
 
 ---

package/dist/PagePilotEditor.d.ts

@@ -13,5 +13,5 @@ import { PagePilotEditorProps } from './editor/types';
  *   `onTogglePreview` if the host provides one).
  * - **Publish**: same payload as Save Changes, routed to `onPublish`.
  */
-export declare function PagePilotEditor(props: PagePilotEditorProps): import("react").JSX.Element;
+export declare function PagePilotEditor(props: PagePilotEditorProps): import("react/jsx-runtime").JSX.Element;
 export { setDocument, resetDocument, } from './editor-sample/documents/editor/EditorContext';

package/dist/blocks-internal/block-button/src/NudegeIcons.d.ts

@@ -1,18 +1,18 @@
-export declare const ArrowLeft: (props: any) => import("react").JSX.Element;
-export declare const ArrowNarrowDown: (props: any) => import("react").JSX.Element;
-export declare const ArrowNarrowDownLeft: (props: any) => import("react").JSX.Element;
-export declare const ArrowNarrowDownRight: (props: any) => import("react").JSX.Element;
-export declare const ArrowNarrowLeft: (props: any) => import("react").JSX.Element;
-export declare const ArrowNarrowRight: (props: any) => import("react").JSX.Element;
-export declare const ArrowNarrowUp: (props: any) => import("react").JSX.Element;
-export declare const ArrowNarrowUpLeft: (props: any) => import("react").JSX.Element;
-export declare const ArrowNarrowUpRight: (props: any) => import("react").JSX.Element;
-export declare const ArrowRight: (props: any) => import("react").JSX.Element;
-export declare const ChevronDown: (props: any) => import("react").JSX.Element;
-export declare const ChevronDownDouble: (props: any) => import("react").JSX.Element;
-export declare const ChevronLeft: (props: any) => import("react").JSX.Element;
-export declare const ChevronLeftDouble: (props: any) => import("react").JSX.Element;
-export declare const ChevronRight: (props: any) => import("react").JSX.Element;
-export declare const ChevronRightDouble: (props: any) => import("react").JSX.Element;
-export declare const ChevronUp: (props: any) => import("react").JSX.Element;
-export declare const ChevronUpDouble: (props: any) => import("react").JSX.Element;
+export declare const ArrowLeft: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowNarrowDown: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowNarrowDownLeft: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowNarrowDownRight: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowNarrowLeft: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowNarrowRight: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowNarrowUp: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowNarrowUpLeft: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowNarrowUpRight: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowRight: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const ChevronDown: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const ChevronDownDouble: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const ChevronLeft: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const ChevronLeftDouble: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const ChevronRight: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const ChevronRightDouble: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const ChevronUp: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const ChevronUpDouble: (props: any) => import("react/jsx-runtime").JSX.Element;

package/dist/blocks-internal/block-button/src/icons.d.ts

@@ -1,5 +1,5 @@
 export declare function getIcon(iconName?: string | null, props?: {
     strokeColor?: string;
     fontSize?: number;
-}): import("react").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export default getIcon;

package/dist/blocks-internal/block-button/src/index.d.ts

@@ -142,4 +142,4 @@ export declare const ButtonPropsDefaults: {
     readonly goToStep: "";
     readonly postMessageEvent: "";
 };
-export declare function Button({ style, props }: ButtonProps): import("react").JSX.Element;
+export declare function Button({ style, props }: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/blocks-internal/block-button-group/src/index.d.ts

@@ -31,5 +31,5 @@ type TButton = React.JSX.Element | React.JSX.Element[] | null;
 export type ButtonGroupProps = z.infer<typeof ButtonGroupPropsSchema> & {
     buttons?: TButton[];
 };
-export declare function ButtonGroup({ style, buttons, props }: ButtonGroupProps): React.JSX.Element;
+export declare function ButtonGroup({ style, buttons, props }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/blocks-internal/block-columns-container/src/index.d.ts

@@ -34,5 +34,5 @@ type TColumn = React.JSX.Element | React.JSX.Element[] | null;
 export type ColumnsContainerProps = z.infer<typeof ColumnsContainerPropsSchema> & {
     columns?: TColumn[];
 };
-export declare function ColumnsContainer({ style, columns, props }: ColumnsContainerProps): React.JSX.Element;
+export declare function ColumnsContainer({ style, columns, props }: ColumnsContainerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/blocks-internal/block-container/src/index.d.ts

@@ -69,4 +69,4 @@ export declare const ContainerPropsDefaults: {
     readonly width: 300;
     readonly alignment: "left";
 };
-export declare function Container({ style, props, children }: ContainerProps): React.JSX.Element;
+export declare function Container({ style, props, children }: ContainerProps): import("react/jsx-runtime").JSX.Element;

package/dist/blocks-internal/block-divider/src/index.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { z } from 'zod';
 export declare const DividerPropsSchema: z.ZodObject<{
     style: z.ZodNullable<z.ZodOptional<z.ZodObject<{
@@ -20,4 +19,4 @@ export declare const DividerPropsDefaults: {
     lineHeight: number;
     lineColor: string;
 };
-export declare function Divider({ style, props }: DividerProps): React.JSX.Element;
+export declare function Divider({ style, props }: DividerProps): import("react/jsx-runtime").JSX.Element;

package/dist/blocks-internal/block-grid/src/index.d.ts

@@ -28,5 +28,5 @@ type TCell = React.JSX.Element | React.JSX.Element[] | null;
 export type GridProps = z.infer<typeof GridPropsSchema> & {
     cells?: TCell[];
 };
-export declare function Grid({ style, cells, props }: GridProps): React.JSX.Element;
+export declare function Grid({ style, cells, props }: GridProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/blocks-internal/block-heading/src/index.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { z } from 'zod';
 export declare const HeadingPropsSchema: z.ZodObject<{
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
@@ -96,4 +95,4 @@ export declare const HeadingPropsDefaults: {
     readonly url: "";
     readonly openInNewTab: false;
 };
-export declare function Heading({ props, style }: HeadingProps): React.JSX.Element;
+export declare function Heading({ props, style }: HeadingProps): import("react/jsx-runtime").JSX.Element;

package/dist/blocks-internal/block-html/src/index.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { z } from 'zod';
 export declare const HtmlPropsSchema: z.ZodObject<{
     style: z.ZodNullable<z.ZodOptional<z.ZodObject<{
@@ -53,4 +52,4 @@ export declare const HtmlPropsSchema: z.ZodObject<{
     }, z.core.$strip>>>;
 }, z.core.$strip>;
 export type HtmlProps = z.infer<typeof HtmlPropsSchema>;
-export declare function Html({ style, props }: HtmlProps): React.JSX.Element;
+export declare function Html({ style, props }: HtmlProps): import("react/jsx-runtime").JSX.Element;

package/dist/blocks-internal/block-iframe/src/index.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { z } from 'zod';
 export declare const IframePropsSchema: z.ZodObject<{
     style: z.ZodNullable<z.ZodOptional<z.ZodObject<{
@@ -23,4 +22,4 @@ export declare const IframePropsSchema: z.ZodObject<{
     }, z.core.$strip>>>;
 }, z.core.$strip>;
 export type IframeProps = z.infer<typeof IframePropsSchema>;
-export declare function Iframe({ style, props }: IframeProps): React.JSX.Element;
+export declare function Iframe({ style, props }: IframeProps): import("react/jsx-runtime").JSX.Element;

package/dist/blocks-internal/block-image/src/index.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { z } from 'zod';
 export declare const ImagePropsSchema: z.ZodObject<{
     style: z.ZodNullable<z.ZodOptional<z.ZodObject<{
@@ -65,4 +64,4 @@ export declare const ImagePropsDefaults: {
     readonly borderColor: any;
     readonly borderWidth: any;
 };
-export declare function Image({ style, props }: ImageProps): React.JSX.Element;
+export declare function Image({ style, props }: ImageProps): import("react/jsx-runtime").JSX.Element;

package/dist/blocks-internal/block-logo/src/index.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { z } from 'zod';
 export declare const LogoPropsSchema: z.ZodObject<{
     style: z.ZodNullable<z.ZodOptional<z.ZodObject<{
@@ -61,4 +60,4 @@ export declare const LogoPropsDefaults: {
  *   --ahd-logo-w-mobile mobile width  (≤600px)
  * The logo CSS in renderDynamicCss reads these and applies them per breakpoint.
  */
-export declare function Logo({ style, props }: LogoProps): React.JSX.Element;
+export declare function Logo({ style, props }: LogoProps): import("react/jsx-runtime").JSX.Element;

package/dist/blocks-internal/block-stepper/src/index.d.ts

@@ -49,4 +49,4 @@ export declare const StepperPropsDefaults: {
     readonly numericFontSize: 14;
     readonly numericPosition: "below";
 };
-export declare function Stepper({ style, props }: StepperProps): import("react").JSX.Element;
+export declare function Stepper({ style, props }: StepperProps): import("react/jsx-runtime").JSX.Element;

package/dist/blocks-internal/block-text/src/EmailMarkdown.d.ts

@@ -1,8 +1,8 @@
-import { default as React, CSSProperties } from 'react';
+import { CSSProperties } from 'react';
 type Props = {
     style: CSSProperties;
     markdown: string;
     className?: string;
 };
-export default function EmailMarkdown({ markdown, ...props }: Props): React.JSX.Element;
+export default function EmailMarkdown({ markdown, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/blocks-internal/block-text/src/index.d.ts

@@ -67,4 +67,4 @@ export type TextProps = z.infer<typeof TextPropsSchema>;
 export declare const TextPropsDefaults: {
     text: string;
 };
-export declare function Text({ style, props }: TextProps): import("react").JSX.Element;
+export declare function Text({ style, props }: TextProps): import("react/jsx-runtime").JSX.Element;

package/dist/blocks-internal/block-video/src/index.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { z } from 'zod';
 export declare const VideoPropsSchema: z.ZodObject<{
     style: z.ZodNullable<z.ZodOptional<z.ZodObject<{
@@ -43,4 +42,4 @@ export declare const VideoPropsSchema: z.ZodObject<{
     }, z.core.$strip>>>;
 }, z.core.$strip>;
 export type VideoProps = z.infer<typeof VideoPropsSchema>;
-export declare function Video({ style, props }: VideoProps): React.JSX.Element;
+export declare function Video({ style, props }: VideoProps): import("react/jsx-runtime").JSX.Element;

package/dist/blocks-internal/block-youtube-url/src/index.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { z } from 'zod';
 export declare const YouTubeUrlPropsSchema: z.ZodObject<{
     style: z.ZodNullable<z.ZodOptional<z.ZodObject<{
@@ -29,4 +28,4 @@ export declare const YouTubeUrlPropsSchema: z.ZodObject<{
     }, z.core.$strip>>>;
 }, z.core.$strip>;
 export type YouTubeUrlProps = z.infer<typeof YouTubeUrlPropsSchema>;
-export declare function YouTubeUrl({ style, props }: YouTubeUrlProps): React.JSX.Element;
+export declare function YouTubeUrl({ style, props }: YouTubeUrlProps): import("react/jsx-runtime").JSX.Element;

package/dist/editor/Shell.d.ts

@@ -1,6 +1,5 @@
 import { PagePilotEditorProps } from './types';
-import * as React from "react";
 export default function Shell({ record, contentMetadata, behaviour, steps, sections, activeStepIndex, panels, title, recordTitle, recordStatus, headerExtra, children, onUpdateRecord, onChange, onSaveChanges, onPublish, onPublishMenu, renderPublish, onBack, onTogglePreview, onBackgroundChange, onNavigateBranding, onAddSection, topbar, mode, onToggleMode, }: PagePilotEditorProps & {
     mode?: "light" | "dark";
     onToggleMode?: () => void;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/StatusPill.d.ts

@@ -1,3 +1,3 @@
 export default function StatusPill({ status }: {
     status: string;
-}): import("react").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/Topbar.d.ts

@@ -24,4 +24,4 @@ export interface TopbarProps {
     /** Disables Save Changes when false — the user has nothing to save. */
     isDirty?: boolean;
 }
-export default function Topbar({ toggles, title, recordTitle, recordStatus, onBack, onSave, onPublish, onPublishMenu, publishSlot, onPreview, onToggleFullscreen, isFullscreen, onOpenMoreMenu, sectionsDropdown, mode, onToggleMode, isDirty, }: TopbarProps): React.JSX.Element;
+export default function Topbar({ toggles, title, recordTitle, recordStatus, onBack, onSave, onPublish, onPublishMenu, publishSlot, onPreview, onToggleFullscreen, isFullscreen, onOpenMoreMenu, sectionsDropdown, mode, onToggleMode, isDirty, }: TopbarProps): import("react/jsx-runtime").JSX.Element;

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/BlockStyleClipboardBar.d.ts

@@ -12,5 +12,5 @@ type Props = {
  * is enabled only when the clipboard's kind (section vs block) matches the
  * currently-selected block so we never smear incompatible shapes.
  */
-export default function BlockStyleClipboardBar({ blockType, data, onApply }: Props): import("react").JSX.Element;
+export default function BlockStyleClipboardBar({ blockType, data, onApply }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/index.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
 export default function ConfigurationPanel({ record, activeStepIndex, }: {
     record: any;
     activeStepIndex: number;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/AccessibilityToolsSidebarPanel.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 import { AccessibilityToolsProps } from '../../../../../email-builder-core/blocks/AccessibilityTools/AccessibilityToolsPropsSchema';
 type Props = {
     data: AccessibilityToolsProps;
     setData: (d: AccessibilityToolsProps) => void;
 };
-export default function AccessibilityToolsSidebarPanel({ data, setData }: Props): React.JSX.Element;
+export default function AccessibilityToolsSidebarPanel({ data, setData }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/AccordionSidebarPanel.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 import { AccordionProps } from '../../../../documents/blocks/Accordion/AccordionPropsSchema';
 type Props = {
     data: AccordionProps;
     setData: (v: AccordionProps) => void;
 };
-export default function AccordionSidebarPanel({ data, setData }: Props): React.JSX.Element;
+export default function AccordionSidebarPanel({ data, setData }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/AvatarSidebarPanel.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 import { AvatarProps } from '@usewaypoint/block-avatar';
 type AvatarSidebarPanelProps = {
     data: AvatarProps;
     setData: (v: AvatarProps) => void;
 };
-export default function AvatarSidebarPanel({ data, setData }: AvatarSidebarPanelProps): React.JSX.Element;
+export default function AvatarSidebarPanel({ data, setData }: AvatarSidebarPanelProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/ButtonGroupSidebarPanel.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 import { ButtonGroupEditorProps } from '../../../../documents/blocks/ButtonGroup/ButtonGroupPropsSchema';
 type Props = {
     data: ButtonGroupEditorProps;
     setData: (v: ButtonGroupEditorProps) => void;
 };
-export default function ButtonGroupSidebarPanel({ data, setData }: Props): React.JSX.Element;
+export default function ButtonGroupSidebarPanel({ data, setData }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/ButtonSidebarPanel.d.ts

@@ -3,5 +3,5 @@ type ButtonSidebarPanelProps = {
     data: ButtonProps;
     setData: (v: ButtonProps) => void;
 };
-export default function ButtonSidebarPanel({ data, setData }: ButtonSidebarPanelProps): import("react").JSX.Element;
+export default function ButtonSidebarPanel({ data, setData }: ButtonSidebarPanelProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/CalendlySidebarPanel.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 import { CalendlyProps } from '../../../../../email-builder-core/blocks/Calendly/CalendlyPropsSchema';
 type CalendlySidebarPanelProps = {
     data: CalendlyProps;
     setData: (v: CalendlyProps) => void;
 };
-export default function CalendlySidebarPanel({ data, setData }: CalendlySidebarPanelProps): React.JSX.Element;
+export default function CalendlySidebarPanel({ data, setData }: CalendlySidebarPanelProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/CarouselSidebarPanel.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 import { CarouselProps } from '../../../../documents/blocks/Carousel/CarouselPropsSchema';
 type Props = {
     data: CarouselProps;
     setData: (v: CarouselProps) => void;
 };
-export default function CarouselSidebarPanel({ data, setData }: Props): React.JSX.Element;
+export default function CarouselSidebarPanel({ data, setData }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/ColumnsContainerSidebarPanel.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 import { ColumnsContainerProps } from '../../../../documents/blocks/ColumnsContainer/ColumnsContainerPropsSchema';
 type ColumnsContainerPanelProps = {
     data: ColumnsContainerProps;
     setData: (v: ColumnsContainerProps) => void;
 };
-export default function ColumnsContainerPanel({ data, setData }: ColumnsContainerPanelProps): React.JSX.Element;
+export default function ColumnsContainerPanel({ data, setData }: ColumnsContainerPanelProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/ContainerSidebarPanel.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 import { ContainerProps } from '../../../../documents/blocks/Container/ContainerPropsSchema';
 type ContainerSidebarPanelProps = {
     data: ContainerProps;
     setData: (v: ContainerProps) => void;
 };
-export default function ContainerSidebarPanel({ data, setData }: ContainerSidebarPanelProps): React.JSX.Element;
+export default function ContainerSidebarPanel({ data, setData }: ContainerSidebarPanelProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/DividerSidebarPanel.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 import { DividerProps } from '../../../../../blocks-internal/block-divider/src/index.tsx';
 type DividerSidebarPanelProps = {
     data: DividerProps;
     setData: (v: DividerProps) => void;
 };
-export default function DividerSidebarPanel({ data, setData }: DividerSidebarPanelProps): React.JSX.Element;
+export default function DividerSidebarPanel({ data, setData }: DividerSidebarPanelProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/FlexColumnsSidebarPanel.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 import { FlexColumnsProps } from '../../../../documents/blocks/FlexColumns/FlexColumnsPropsSchema';
 type Props = {
     data: FlexColumnsProps;
     setData: (v: FlexColumnsProps) => void;
 };
-export default function FlexColumnsSidebarPanel({ data, setData }: Props): React.JSX.Element;
+export default function FlexColumnsSidebarPanel({ data, setData }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/GridSidebarPanel.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 import { GridEditorProps } from '../../../../documents/blocks/Grid/GridPropsSchema';
 type GridPanelProps = {
     data: GridEditorProps;
     setData: (v: GridEditorProps) => void;
 };
-export default function GridSidebarPanel({ data, setData }: GridPanelProps): React.JSX.Element;
+export default function GridSidebarPanel({ data, setData }: GridPanelProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/HeadingSidebarPanel.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 import { HeadingProps } from '../../../../../blocks-internal/block-heading/src/index.tsx';
 type HeadingSidebarPanelProps = {
     data: HeadingProps;
     setData: (v: HeadingProps) => void;
 };
-export default function HeadingSidebarPanel({ data, setData }: HeadingSidebarPanelProps): React.JSX.Element;
+export default function HeadingSidebarPanel({ data, setData }: HeadingSidebarPanelProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/HtmlSidebarPanel.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 import { HtmlProps } from '../../../../../blocks-internal/block-html/src/index.tsx';
 type HtmlSidebarPanelProps = {
     data: HtmlProps;
     setData: (v: HtmlProps) => void;
 };
-export default function HtmlSidebarPanel({ data, setData }: HtmlSidebarPanelProps): React.JSX.Element;
+export default function HtmlSidebarPanel({ data, setData }: HtmlSidebarPanelProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/IframeSidebarPanel.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 import { IframeProps } from '../../../../../blocks-internal/block-iframe/src/index.tsx';
 type IframeSidebarPanelProps = {
     data: IframeProps;
     setData: (v: IframeProps) => void;
 };
-export default function IframeSidebarPanel({ data, setData }: IframeSidebarPanelProps): React.JSX.Element;
+export default function IframeSidebarPanel({ data, setData }: IframeSidebarPanelProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/ImageSidebarPanel.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 import { ImageProps } from '../../../../../blocks-internal/block-image/src/index.tsx';
 type ImageSidebarPanelProps = {
     data: ImageProps;
     setData: (v: ImageProps) => void;
 };
-export default function ImageSidebarPanel({ data, setData }: ImageSidebarPanelProps): React.JSX.Element;
+export default function ImageSidebarPanel({ data, setData }: ImageSidebarPanelProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/LogoSidebarPanel.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 import { LogoProps } from '../../../../../blocks-internal/block-logo/src/index.tsx';
 type LogoSidebarPanelProps = {
     data: LogoProps;
     setData: (v: LogoProps) => void;
 };
-export default function LogoSidebarPanel({ data, setData }: LogoSidebarPanelProps): React.JSX.Element;
+export default function LogoSidebarPanel({ data, setData }: LogoSidebarPanelProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/MarqueeSidebarPanel.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 import { MarqueeProps } from '../../../../documents/blocks/Marquee/MarqueePropsSchema';
 type Props = {
     data: MarqueeProps;
     setData: (v: MarqueeProps) => void;
 };
-export default function MarqueeSidebarPanel({ data, setData }: Props): React.JSX.Element;
+export default function MarqueeSidebarPanel({ data, setData }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/PagePilotLayoutSidebarPanel.d.ts

@@ -9,7 +9,7 @@ type PagePilotLayoutSidebarFieldsProps = {
 };
 export declare const ColorCode: ({ hex }: {
     hex?: string | null;
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 type SettingRowProps = {
     label: string;
     children: ReactNode;
@@ -19,6 +19,6 @@ type SettingRowProps = {
     maxHeight?: number;
     tooltip?: string;
 };
-export declare const SettingRow: ({ label, children, divider, background, mt, maxHeight, tooltip, }: SettingRowProps) => import("react").JSX.Element;
-declare function PagePilotLayoutSidebarFields({ data, setData, isTypeDemo, record, onBackgroundChange, }: PagePilotLayoutSidebarFieldsProps): import("react").JSX.Element;
+export declare const SettingRow: ({ label, children, divider, background, mt, maxHeight, tooltip, }: SettingRowProps) => import("react/jsx-runtime").JSX.Element;
+declare function PagePilotLayoutSidebarFields({ data, setData, isTypeDemo, record, onBackgroundChange, }: PagePilotLayoutSidebarFieldsProps): import("react/jsx-runtime").JSX.Element;
 export default PagePilotLayoutSidebarFields;