pagepilot-visual-editor 1.0.6 → 1.0.7

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

@@ -57,6 +57,8 @@ export declare const ImagePropsSchema: z.ZodObject<{
         rotation: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         rotationTablet: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         rotationMobile: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        iconName: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        iconFillColor: z.ZodDefault<z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>>;
     }, z.core.$strip>>>;
 }, z.core.$strip>;
 export type ImageProps = z.infer<typeof ImagePropsSchema>;

package/dist/editor/types.d.ts

@@ -83,6 +83,13 @@ export interface TopbarToggles {
      */
     unselect?: boolean;
     save?: boolean;
+    /**
+     * Desktop / Tablet / Mobile icon toggle that constrains the canvas
+     * preview width and keeps the sidebar's per-device tabs in sync. Same
+     * three-way icon strip you see in most modern page editors. Defaults
+     * to `true`.
+     */
+    screenSize?: boolean;
     /** Sun/moon button that flips between the built-in light + dark themes
      *  at runtime. Defaults to `true`. Hidden automatically when the host
      *  passes a custom `theme` prop, since flipping `mode` won't affect it. */

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

@@ -0,0 +1,8 @@
+type Props = {
+    /** Whether the active (non-desktop) device carries any overrides. */
+    hasOverride?: boolean;
+    /** Clears every override on the active device. */
+    onResetDevice?: () => void;
+};
+export default function ResponsiveDeviceTabs({ hasOverride, onResetDevice }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+import { TResponsiveDevice } from '../../../documents/blocks/helpers/responsiveStyle';
+type Props = {
+    device: TResponsiveDevice;
+};
+/**
+ * The "Editing Tablet / Mobile" context banner shown above a block's panel when
+ * a non-desktop device tab is active. Makes it unmistakable that the controls
+ * below now edit THIS breakpoint only and inherit Desktop otherwise. Shows the
+ * actual `@media (max-width: …)` breakpoint (see DEVICE_VIEWPORT_WIDTH) so the
+ * user knows exactly which screen widths this applies to.
+ */
+export default function ResponsiveEditingBanner({ device }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor-sample/documents/blocks/helpers/responsiveInstanceCss.d.ts

@@ -0,0 +1,6 @@
+import { TResponsiveBlockData } from './responsiveStyle';
+/**
+ * The <style>-tag body scoped to one block instance's wrapper id, or ''
+ * when the block has no responsive style overrides to emit.
+ */
+export declare function buildResponsiveInstanceCss(wrapperId: string, data: TResponsiveBlockData | null | undefined): string;

package/dist/editor-sample/documents/editor/core.d.ts

@@ -1249,6 +1249,8 @@ export declare const EditorBlock: ({ type, data }: import('@usewaypoint/document
             rotation: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
             rotationTablet: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
             rotationMobile: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+            iconName: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+            iconFillColor: z.ZodDefault<z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>>;
         }, z.core.$strip>>>;
     }, z.core.$strip>;
     Logo: z.ZodObject<{

package/dist/host-stubs/view/media/IconLibrary/ChooseImageDialog.d.ts

@@ -0,0 +1,10 @@
+type MediaType = 'image' | 'video' | 'audio' | 'document';
+export interface ChooseImageDialogProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onFilesSelected: (files: any[]) => void;
+    onIconSelected: (dataUri: string, iconName: string) => void;
+    mediaType?: MediaType;
+}
+export default function ChooseImageDialog({ isOpen, onClose, onFilesSelected, onIconSelected, mediaType, }: ChooseImageDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/host-stubs/view/media/IconLibrary/IconGrid.d.ts

@@ -0,0 +1,8 @@
+interface IconGridProps {
+    names: string[];
+    onSelect: (name: string) => void;
+    selected?: string | null;
+    pendingName?: string | null;
+}
+export default function IconGrid({ names, onSelect, selected, pendingName }: IconGridProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/host-stubs/view/media/IconLibrary/IconGridCell.d.ts

@@ -0,0 +1,8 @@
+interface IconGridCellProps {
+    name: string;
+    selected?: boolean;
+    loading?: boolean;
+    onClick: (name: string) => void;
+}
+export default function IconGridCell({ name, selected, loading, onClick }: IconGridCellProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/host-stubs/view/media/IconLibrary/IconLibraryModal.d.ts

@@ -0,0 +1,6 @@
+export interface IconLibraryModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onIconSelected: (dataUri: string, iconName: string) => void;
+}
+export default function IconLibraryModal({ isOpen, onClose, onIconSelected }: IconLibraryModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/host-stubs/view/media/IconLibrary/IconProvider.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+declare function loadIconComponent(name: string): Promise<React.ComponentType<any>>;
+export declare function resolveIconToDataUri(name: string, fillColor?: string | null): Promise<string>;
+export { loadIconComponent };

package/dist/host-stubs/view/media/IconLibrary/IconSearch.d.ts

@@ -0,0 +1,6 @@
+interface IconSearchProps {
+    value: string;
+    onChange: (value: string) => void;
+}
+export default function IconSearch({ value, onChange }: IconSearchProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/host-stubs/view/media/IconLibrary/iconLoaders.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+type TIconLoader = () => Promise<{
+    default: React.ComponentType<any>;
+}>;
+export declare const ICON_LOADERS: Record<string, TIconLoader>;
+export {};

package/dist/host-stubs/view/media/IconLibrary/iconNames.d.ts

@@ -0,0 +1 @@
+export declare const ICON_NAMES: string[];

package/dist/host-stubs/view/media/IconLibrary/index.d.ts

@@ -0,0 +1,6 @@
+export { default as ChooseImageDialog } from './ChooseImageDialog';
+export { default as IconLibraryModal } from './IconLibraryModal';
+export { default as IconGrid } from './IconGrid';
+export { default as IconSearch } from './IconSearch';
+export { resolveIconToDataUri } from './IconProvider';
+export { ICON_NAMES } from './iconNames';