@jhits/plugin-blog 0.0.19 → 0.0.20

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAStD;;;GAGG;AACH,MAAM,WAAW,WAAW;IACxB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,yGAAyG;IACzG,YAAY,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACvC,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,gBAAgB,CAAC,EAAE;QACf,iDAAiD;QACjD,KAAK,EAAE,MAAM,CAAC;QACd,gDAAgD;QAChD,IAAI,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACL;AAED;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,WAAW,2CA8NpD;AAID,OAAO,EAAE,UAAU,IAAI,KAAK,EAAE,CAAC;AAG/B,YAAY,EACR,KAAK,EACL,mBAAmB,EACnB,qBAAqB,EACrB,wBAAwB,EACxB,cAAc,EACd,iBAAiB,EACjB,eAAe,GAClB,MAAM,SAAS,CAAC;AAGjB,YAAY,EACR,WAAW,EACX,eAAe,EACf,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,iBAAiB,EACjB,uBAAuB,EACvB,iBAAiB,GACpB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAG/C,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClE,YAAY,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAGjF,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAC5C,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAG9F,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACvD,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAG5F,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAG3E,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAG3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAG1E,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGzE,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClE,YAAY,EAAE,mBAAmB,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAGpF,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAA6B,MAAM,OAAO,CAAC;AAUlD,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEtD,MAAM,WAAW,WAAW;IACxB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACtC;AAED;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC,CAAC,GAAG;IACzF,YAAY,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACtC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,WAAW,2CAmEpD;AAED,OAAO,EAAE,UAAU,IAAI,KAAK,EAAE,CAAC;AAE/B,YAAY,EAAE,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AACrI,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAChG,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClE,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,YAAY,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC"}

package/dist/index.js

@@ -1,7 +1,6 @@
 /**
  * Plugin Blog - Main Entry Point
- * Block-Based Blog Management System
- * Multi-Tenant Architecture: Accepts custom blocks from client applications
+ * Simplified with Configuration Resolver
  */
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -13,218 +12,62 @@ import { editorStateToAPI } from './lib/mappers/apiMapper';
 import { SlugSEOManagerView } from './views/SlugSEO';
 import { PreviewBridgeView } from './views/Preview';
 import { SettingsView } from './views/Settings';
-import { useHeroBlockValidation, findHeroBlock } from './lib/utils/configValidation';
-/**
- * Main Router Component
- * Handles routing within the blog plugin
- *
- * Client Handshake:
- * - Client apps can pass customBlocks via props
- * - Or via window.__JHITS_PLUGIN_PROPS__['plugin-blog'].customBlocks
- * - The EditorProvider will automatically register these blocks
- */
+import { useHeroBlockValidation } from './lib/utils/configValidation';
+import { resolvePluginConfig } from './lib/utils/config-resolver';
 export default function BlogPlugin(props) {
-    const { subPath, siteId, locale, customBlocks: propsCustomBlocks, darkMode: propsDarkMode, backgroundColors: propsBackgroundColors } = props;
-    // Get custom blocks from props or window global (client app injection point)
-    const customBlocks = useMemo(() => {
-        // First, try props
-        if (propsCustomBlocks && propsCustomBlocks.length > 0) {
-            return propsCustomBlocks;
-        }
-        // Fallback to window global (for client app injection)
-        if (typeof window !== 'undefined' && window.__JHITS_PLUGIN_PROPS__) {
-            const pluginProps = window.__JHITS_PLUGIN_PROPS__['plugin-blog'];
-            if (pluginProps?.customBlocks) {
-                return pluginProps.customBlocks;
-            }
-        }
-        return [];
-    }, [propsCustomBlocks]);
-    // Get dark mode setting from props, localStorage (dev settings), or window global
-    // Priority: localStorage (dev) > props > window global > default
-    const darkMode = useMemo(() => {
-        // First, check localStorage for dev settings (highest priority for dev)
-        if (typeof window !== 'undefined') {
-            try {
-                const saved = localStorage.getItem('__JHITS_PLUGIN_BLOG_CONFIG__');
-                if (saved) {
-                    const config = JSON.parse(saved);
-                    if (config.darkMode !== undefined) {
-                        return config.darkMode;
-                    }
-                }
-            }
-            catch (e) {
-                // Ignore localStorage errors
-            }
-        }
-        // Then try props
-        if (propsDarkMode !== undefined) {
-            return propsDarkMode;
-        }
-        // Fallback to window global if prop not provided
-        if (typeof window !== 'undefined' && window.__JHITS_PLUGIN_PROPS__) {
-            const pluginProps = window.__JHITS_PLUGIN_PROPS__['plugin-blog'];
-            if (pluginProps?.darkMode !== undefined) {
-                return pluginProps.darkMode;
-            }
-        }
-        return true; // Default to dark mode enabled
-    }, [propsDarkMode]);
-    // Get background colors from props, localStorage (dev settings), or window global
-    // Priority: localStorage (dev) > props > window global
-    const backgroundColors = useMemo(() => {
-        // First, check localStorage for dev settings (highest priority for dev)
-        if (typeof window !== 'undefined') {
-            try {
-                const saved = localStorage.getItem('__JHITS_PLUGIN_BLOG_CONFIG__');
-                if (saved) {
-                    const config = JSON.parse(saved);
-                    if (config.backgroundColors) {
-                        return config.backgroundColors;
-                    }
-                }
-            }
-            catch (e) {
-                // Ignore localStorage errors
-            }
-        }
-        // Then try props
-        if (propsBackgroundColors) {
-            return propsBackgroundColors;
-        }
-        // Fallback to window global
-        if (typeof window !== 'undefined' && window.__JHITS_PLUGIN_PROPS__) {
-            const pluginProps = window.__JHITS_PLUGIN_PROPS__['plugin-blog'];
-            if (pluginProps?.backgroundColors) {
-                return pluginProps.backgroundColors;
-            }
-        }
-        return undefined;
-    }, [propsBackgroundColors]);
+    const { subPath, siteId, locale } = props;
+    // Resolve configuration from multiple sources (Props, Window, Storage)
+    const config = useMemo(() => resolvePluginConfig(props), [props]);
     const route = subPath[0] || 'posts';
-    // Validate hero block configuration (only checks when needed)
-    useHeroBlockValidation(route, customBlocks, propsCustomBlocks);
-    // Get hero block definition for logging/debugging (only for routes that need it)
-    const heroBlockDefinition = useMemo(() => {
-        const needsHeroBlock = route === 'editor' || route === 'new' || route === 'preview';
-        return needsHeroBlock ? findHeroBlock(customBlocks) : undefined;
-    }, [customBlocks, route]);
-    // Listen for config updates from settings screen
+    // Validate hero block configuration
+    useHeroBlockValidation(route, config.customBlocks, props.customBlocks);
+    // Listen for config updates from settings
     useEffect(() => {
         if (typeof window === 'undefined')
             return;
-        const handleConfigUpdate = () => {
-            // Reload page to apply changes (simplest way to ensure all components pick up new values)
-            window.location.reload();
-        };
+        const handleConfigUpdate = () => window.location.reload();
         window.addEventListener('blog-plugin-config-updated', handleConfigUpdate);
-        return () => {
-            window.removeEventListener('blog-plugin-config-updated', handleConfigUpdate);
-        };
+        return () => window.removeEventListener('blog-plugin-config-updated', handleConfigUpdate);
     }, []);
-    if (heroBlockDefinition !== undefined) {
-        console.log('[BlogPlugin] Hero block definition:', heroBlockDefinition ? 'found' : 'not found (REQUIRED)');
-    }
-    // Route to appropriate view
+    // Helper to render editor with provider
+    const renderEditor = (postId) => (_jsx(EditorProvider, { customBlocks: config.customBlocks, darkMode: config.darkMode, backgroundColors: config.backgroundColors, translations: config.translations, onSave: async (state, heroBlock) => {
+            const originalSlug = postId || state.slug || state.postId;
+            if (!originalSlug && route !== 'new')
+                throw new Error('No post identifier');
+            const apiData = editorStateToAPI(state, undefined, heroBlock);
+            const isNew = route === 'new';
+            const url = isNew ? '/api/plugin-blog/new' : `/api/plugin-blog/${originalSlug}`;
+            const response = await fetch(`${url}?language=${state.currentLanguage || locale}`, {
+                method: isNew ? 'POST' : 'PUT',
+                headers: { 'Content-Type': 'application/json' },
+                credentials: 'include',
+                body: JSON.stringify(apiData),
+            });
+            if (!response.ok)
+                throw new Error('Save failed');
+            const result = await response.json();
+            if (result.slug && result.slug !== originalSlug) {
+                window.history.replaceState(null, '', `/dashboard/blog/editor/${result.slug}`);
+            }
+            return result;
+        }, children: _jsx(CanvasEditorView, { postId: postId || undefined, siteId: siteId, locale: locale, LayoutWrapper: config.LayoutWrapper }) }));
     switch (route) {
-        case 'posts':
-            return _jsx(PostManagerView, { siteId: siteId, locale: locale });
-        case 'editor':
-            const postId = subPath[1]; // This is actually the slug, not the ID
-            return (_jsx(EditorProvider, { customBlocks: customBlocks, darkMode: darkMode, backgroundColors: backgroundColors, onSave: async (state, heroBlock) => {
-                    // Save to API - update existing post
-                    // Use the route postId (original slug) to identify which blog to update
-                    // If route postId is missing, use state.slug or state.postId as fallback
-                    const originalSlug = postId || state.slug || state.postId;
-                    if (!originalSlug) {
-                        throw new Error('Cannot save: no post identifier available. Please reload the page.');
-                    }
-                    const language = state.currentLanguage || locale;
-                    console.log('[BlogPlugin] Saving post with slug:', originalSlug, 'language:', language);
-                    const apiData = editorStateToAPI(state, undefined, heroBlock);
-                    const response = await fetch(`/api/plugin-blog/${originalSlug}?language=${language}`, {
-                        method: 'PUT',
-                        headers: { 'Content-Type': 'application/json' },
-                        credentials: 'include', // Include cookies for authentication
-                        body: JSON.stringify(apiData),
-                    });
-                    if (!response.ok) {
-                        const error = await response.json();
-                        console.error('[BlogPlugin] Save failed:', {
-                            status: response.status,
-                            statusText: response.statusText,
-                            error,
-                            missingFields: error.missingFields,
-                        });
-                        // Provide more detailed error message if available
-                        const errorMessage = error.message || error.error || 'Failed to save post';
-                        const missingFieldsMsg = error.missingFields && error.missingFields.length > 0
-                            ? ` Missing: ${error.missingFields.join(', ')}`
-                            : '';
-                        throw new Error(errorMessage + missingFieldsMsg);
-                    }
-                    const result = await response.json();
-                    // If the slug changed, update the URL
-                    if (result.slug && result.slug !== originalSlug) {
-                        window.history.replaceState(null, '', `/dashboard/blog/editor/${result.slug}`);
-                    }
-                    return result;
-                }, children: _jsx(CanvasEditorView, { postId: postId, siteId: siteId, locale: locale, darkMode: darkMode, backgroundColors: backgroundColors }) }));
-        case 'new':
-            return (_jsx(EditorProvider, { customBlocks: customBlocks, darkMode: darkMode, backgroundColors: backgroundColors, onSave: async (state) => {
-                    // Save to API - create new post
-                    const language = state.currentLanguage || locale;
-                    const apiData = editorStateToAPI(state);
-                    const response = await fetch(`/api/plugin-blog/new?language=${language}`, {
-                        method: 'POST',
-                        headers: { 'Content-Type': 'application/json' },
-                        credentials: 'include', // Include cookies for authentication
-                        body: JSON.stringify(apiData),
-                    });
-                    if (!response.ok) {
-                        const error = await response.json();
-                        throw new Error(error.message || 'Failed to create post');
-                    }
-                    const result = await response.json();
-                    // Update the URL to the new post's slug
-                    if (result.slug) {
-                        window.history.replaceState(null, '', `/dashboard/blog/editor/${result.slug}`);
-                    }
-                    return result;
-                }, children: _jsx(CanvasEditorView, { siteId: siteId, locale: locale, darkMode: darkMode, backgroundColors: backgroundColors }) }));
-        case 'seo':
-            const seoPostId = subPath[1];
-            return _jsx(SlugSEOManagerView, { postId: seoPostId, siteId: siteId, locale: locale });
-        case 'preview':
-            const previewPostId = subPath[1];
-            return _jsx(PreviewBridgeView, { postId: previewPostId, siteId: siteId, locale: locale });
+        case 'posts': return _jsx(PostManagerView, { siteId: siteId, locale: locale });
+        case 'editor': return renderEditor(subPath[1]);
+        case 'new': return renderEditor();
+        case 'seo': return _jsx(SlugSEOManagerView, { postId: subPath[1], siteId: siteId, locale: locale });
+        case 'preview': return _jsx(PreviewBridgeView, { postId: subPath[1], siteId: siteId, locale: locale });
         case 'settings':
-        case 'install':
-            return _jsx(SettingsView, { siteId: siteId, locale: locale });
-        default:
-            return _jsx(PostManagerView, { siteId: siteId, locale: locale });
+        case 'install': return _jsx(SettingsView, { siteId: siteId, locale: locale });
+        default: return _jsx(PostManagerView, { siteId: siteId, locale: locale });
     }
 }
-// Export for use as default
 export { BlogPlugin as Index };
-// Export initialization utility for easy setup
 export { initBlogPlugin } from './init';
-// Export rich text components for client applications
 export { RichTextEditor, RichTextPreview } from './lib/rich-text';
-// Export hooks for client applications
-export { useBlogs, useBlog } from './hooks';
-// Export client utilities
-export { fetchBlogs, fetchBlog } from './utils/client';
-// Export block rendering components
-export { BlockRenderer, BlocksRenderer } from './lib/blocks/BlockRenderer';
-// Export block registry
+export { useBlogs, useBlog, useCategories } from './hooks';
 export { blockRegistry } from './registry';
-// Export layout block registration
-export { registerLayoutBlocks } from './lib/layouts/registerLayoutBlocks';
-// Export config storage utilities
-export { getPluginConfig, savePluginConfig } from './lib/config-storage';
-// Export editor state management
 export { EditorProvider, useEditor } from './state/EditorContext';
-// Export hooks
-export { useCategories } from './hooks/useCategories';
+export { BlockRenderer, BlocksRenderer } from './lib/blocks/BlockRenderer';
+export { ColumnsPreview } from './lib/layouts/blocks/ColumnsBlock';
+export { registerLayoutBlocks } from './lib/layouts/registerLayoutBlocks';

package/dist/init.d.ts

@@ -14,6 +14,7 @@
  * initBlogPlugin(blogConfig);
  * ```
  */
+import React from 'react';
 import type { ClientBlockDefinition } from './types/block';
 export interface BlogPluginConfig {
     /** Custom blocks available in the editor */
@@ -27,14 +28,26 @@ export interface BlogPluginConfig {
         /** Background color for dark mode (optional) - CSS color value (hex, rgb, or named color) */
         dark?: string;
     };
+    /** Optional layout wrapper for 1:1 preview (injected by client app) */
+    LayoutWrapper?: React.ComponentType<{
+        children: React.ReactNode;
+        header?: React.ReactNode;
+        footer?: React.ReactNode;
+        title?: string;
+        excerpt?: string;
+        category?: string;
+        date?: string;
+        thumbnail?: string;
+        isPreview?: boolean;
+    }>;
 }
 /**
- * Initialize the blog plugin with client configuration
- *
- * This function sets up the window global that the plugin reads from automatically.
- * Call this once when your app loads, before the plugin is rendered.
- *
- * @param config - Blog plugin configuration (customBlocks, darkMode, etc.)
- */
+* Initialize the blog plugin with client configuration
+*
+* This function sets up the window global that the plugin reads from automatically.
+* Call this once when your app loads, before the plugin is rendered.
+*
+* @param config - Blog plugin configuration (customBlocks, darkMode, etc.)
+*/
 export declare function initBlogPlugin(config: BlogPluginConfig): void;
 //# sourceMappingURL=init.d.ts.map

package/dist/init.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../src/init.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAKH,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAE3D,MAAM,WAAW,gBAAgB;IAC7B,4CAA4C;IAC5C,YAAY,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACvC,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,gBAAgB,CAAC,EAAE;QACf,8FAA8F;QAC9F,KAAK,EAAE,MAAM,CAAC;QACd,6FAA6F;QAC7F,IAAI,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACL;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI,CAiB7D"}
+{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../src/init.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAIH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAE3D,MAAM,WAAW,gBAAgB;IAC7B,4CAA4C;IAC5C,YAAY,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACvC,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,gBAAgB,CAAC,EAAE;QACf,8FAA8F;QAC9F,KAAK,EAAE,MAAM,CAAC;QACd,6FAA6F;QAC7F,IAAI,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,uEAAuE;IACvE,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,SAAS,CAAC,EAAE,OAAO,CAAC;KACvB,CAAC,CAAC;CACF;AAED;;;;;;;EAOE;AACF,wBAAgB,cAAc,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI,CAkB7D"}

package/dist/init.js

@@ -16,13 +16,13 @@
  */
 'use client';
 /**
- * Initialize the blog plugin with client configuration
- *
- * This function sets up the window global that the plugin reads from automatically.
- * Call this once when your app loads, before the plugin is rendered.
- *
- * @param config - Blog plugin configuration (customBlocks, darkMode, etc.)
- */
+* Initialize the blog plugin with client configuration
+*
+* This function sets up the window global that the plugin reads from automatically.
+* Call this once when your app loads, before the plugin is rendered.
+*
+* @param config - Blog plugin configuration (customBlocks, darkMode, etc.)
+*/
 export function initBlogPlugin(config) {
     if (typeof window === 'undefined') {
         // Server-side: no-op
@@ -37,5 +37,6 @@ export function initBlogPlugin(config) {
         customBlocks: config.customBlocks || [],
         darkMode: config.darkMode !== undefined ? config.darkMode : true, // Default to true
         backgroundColors: config.backgroundColors || undefined,
+        LayoutWrapper: config.LayoutWrapper || undefined,
     };
 }

package/dist/lib/blocks/BlockRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockRenderer.d.ts","sourceRoot":"","sources":["../../../src/lib/blocks/BlockRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAI7D;;GAEG;AACH,MAAM,WAAW,kBAAkB;IAC/B,sBAAsB;IACtB,KAAK,EAAE,KAAK,CAAC;IAEb,oEAAoE;IACpE,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAEtE,uCAAuC;IACvC,OAAO,CAAC,EAAE;QACN,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;KAC1B,CAAC;CACL;AAED;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,EAC1B,KAAK,EACL,eAAe,EACf,OAAY,EACf,EAAE,kBAAkB,2CAqDpB;AAED;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAChC,gCAAgC;IAChC,MAAM,EAAE,KAAK,EAAE,CAAC;IAEhB,gDAAgD;IAChD,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,KAAK,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC,CAAC;IAErE,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEtC,uCAAuC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;CAChE;AAED,wBAAgB,cAAc,CAAC,EAC3B,MAAM,EACN,eAAe,EACf,WAAW,EACX,OAAO,EAAE,OAAO,GACnB,EAAE,mBAAmB,2CAerB"}
+{"version":3,"file":"BlockRenderer.d.ts","sourceRoot":"","sources":["../../../src/lib/blocks/BlockRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAI7D;;GAEG;AACH,MAAM,WAAW,kBAAkB;IAC/B,sBAAsB;IACtB,KAAK,EAAE,KAAK,CAAC;IAEb,oEAAoE;IACpE,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAEtE,uCAAuC;IACvC,OAAO,CAAC,EAAE;QACN,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;KAC1B,CAAC;CACL;AAED;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,EAC1B,KAAK,EACL,eAAe,EACf,OAAY,EACf,EAAE,kBAAkB,2CAqDpB;AAED;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAChC,gCAAgC;IAChC,MAAM,EAAE,KAAK,EAAE,CAAC;IAEhB,gDAAgD;IAChD,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,KAAK,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC,CAAC;IAErE,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEtC,uCAAuC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;CAChE;AAED,wBAAgB,cAAc,CAAC,EAC3B,MAAM,EACN,eAAe,EACf,WAAW,EACX,OAAO,EAAE,OAAO,GACnB,EAAE,mBAAmB,2CAgBrB"}

package/dist/lib/layouts/blocks/ColumnsBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnsBlock.d.ts","sourceRoot":"","sources":["../../../../src/lib/layouts/blocks/ColumnsBlock.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,GAAG;IAChD,WAAW,EAAE,KAAK,EAAE,CAAC;IACrB,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5E,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5F,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACjF,CAyLI,CAAC;AAEN;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG;IACtD,WAAW,CAAC,EAAE,KAAK,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC;CACnD,CAgFA,CAAC"}
+{"version":3,"file":"ColumnsBlock.d.ts","sourceRoot":"","sources":["../../../../src/lib/layouts/blocks/ColumnsBlock.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,GAAG;IAChD,WAAW,EAAE,KAAK,EAAE,CAAC;IACrB,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5E,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5F,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACjF,CAyFI,CAAC;AAEN;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG;IACtD,WAAW,CAAC,EAAE,KAAK,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC;CACnD,CAiEA,CAAC"}

package/dist/lib/layouts/blocks/ColumnsBlock.js

@@ -5,169 +5,83 @@
 'use client';
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import { Plus, Trash2 } from 'lucide-react';
 import { LayoutContainer } from '../../../views/CanvasEditor/LayoutContainer';
 import { COLUMN_LAYOUTS } from '../index';
 /**
  * Columns Block Edit Component
  */
 export const ColumnsEdit = ({ block, onUpdate, isSelected, childBlocks = [], onChildBlockAdd, onChildBlockUpdate, onChildBlockDelete, onChildBlockMove, }) => {
+    // Filter out hero block from being rendered inside containers
+    const blocks = childBlocks.filter(b => b.type !== 'hero');
     // Support both old layout-based system and new dynamic column count
     const columnCount = block.data.columnCount;
     const layout = block.data.layout;
-    // Determine number of columns: use columnCount if set, otherwise derive from layout
     let numColumns;
-    let gridClass;
     let columnWidths;
-    // Grid class mapping for Tailwind (must be explicit for dynamic classes)
-    const gridClassMap = {
-        1: 'grid-cols-1',
-        2: 'grid-cols-2',
-        3: 'grid-cols-3',
-        4: 'grid-cols-4',
-        5: 'grid-cols-5',
-        6: 'grid-cols-6',
-    };
     if (columnCount !== undefined && columnCount > 0) {
-        // Dynamic column system
         numColumns = columnCount;
-        // Create equal-width columns
         const widthPercent = Math.floor(100 / numColumns);
         columnWidths = Array(numColumns).fill(widthPercent);
-        // Use explicit grid class from map, fallback to inline style if needed
-        gridClass = gridClassMap[numColumns] || `grid-cols-${numColumns}`;
     }
     else if (layout && COLUMN_LAYOUTS[layout]) {
-        // Legacy layout-based system
         const layoutConfig = COLUMN_LAYOUTS[layout];
         numColumns = layoutConfig.widths.length;
-        gridClass = layoutConfig.grid;
         columnWidths = layoutConfig.widths;
     }
     else {
-        // Default to 2 columns
         numColumns = 2;
-        gridClass = 'grid-cols-2';
         columnWidths = [50, 50];
     }
-    // Split child blocks into columns based on columnIndex in meta, or round-robin
     const columns = Array.from({ length: numColumns }, () => []);
-    childBlocks.forEach((childBlock) => {
+    blocks.forEach((childBlock) => {
         const columnIndex = childBlock.meta?.columnIndex;
         if (typeof columnIndex === 'number' && columnIndex >= 0 && columnIndex < numColumns) {
             columns[columnIndex].push(childBlock);
         }
         else {
-            // Fallback to round-robin if no columnIndex specified
-            const index = childBlocks.indexOf(childBlock);
+            const index = blocks.indexOf(childBlock);
             columns[index % numColumns].push(childBlock);
         }
     });
-    // Get column widths from data or use equal widths
     const storedWidths = block.data.columnWidths;
     const currentWidths = storedWidths && storedWidths.length === numColumns
         ? storedWidths
-        : columnWidths; // Use calculated equal widths if not set
-    // Add column handler
-    const addColumn = () => {
-        if (numColumns >= 4)
-            return; // Max 4 columns
-        const newColumnCount = numColumns + 1;
-        // Calculate new equal widths
-        const newWidthPercent = Math.floor(100 / newColumnCount);
-        const newWidths = Array(newColumnCount).fill(newWidthPercent);
-        onUpdate({
-            ...block.data,
-            columnCount: newColumnCount,
-            columnWidths: newWidths,
-            // Clear layout if using dynamic columns
-            layout: undefined,
-        });
-    };
-    // Delete column handler
-    const deleteColumn = (colIndex) => {
-        if (numColumns <= 1)
-            return; // Don't allow deleting the last column
-        // Move blocks from deleted column to the last column (or previous column if deleting last)
-        const blocksToMove = columns[colIndex] || [];
-        const targetColumnIndex = colIndex === numColumns - 1 ? numColumns - 2 : numColumns - 1;
-        const targetColumn = columns[targetColumnIndex] || [];
-        // Move each block to the target column using moveBlock (which will update meta.columnIndex)
-        blocksToMove.forEach((blockToMove, blockIndex) => {
-            const newIndex = targetColumn.length + blockIndex;
-            onChildBlockMove(blockToMove.id, newIndex, `${block.id}-col-${targetColumnIndex}`);
-        });
-        // Update column count and widths after moving blocks
-        const newColumnCount = numColumns - 1;
-        // Remove the deleted column's width and redistribute
-        const newWidths = currentWidths.filter((_, i) => i !== colIndex);
-        // Normalize to ensure they sum to 100
-        const total = newWidths.reduce((sum, w) => sum + w, 0);
-        const normalizedWidths = newWidths.map(w => Math.round((w / total) * 100));
-        onUpdate({
-            ...block.data,
-            columnCount: newColumnCount,
-            columnWidths: normalizedWidths,
-            layout: undefined,
-        });
-    };
-    return (_jsxs("div", { className: "rounded-xl bg-white relative", children: [_jsx("div", { className: "grid gap-8 p-6", style: {
-                    gridTemplateColumns: currentWidths.map(w => `${w}%`).join(' '),
-                }, children: Array.from({ length: numColumns }).map((_, colIndex) => (_jsx("div", { className: `group/col min-h-[200px] rounded-xl border border-dashed transition-all relative ${isSelected
-                        ? 'border-primary/20'
-                        : 'border-gray-200/50'}`, children: _jsxs("div", { className: "p-4", children: [_jsxs("div", { className: "mb-3 flex items-center justify-between", children: [_jsxs("span", { className: "text-[10px] font-black uppercase tracking-widest text-gray-400", children: ["Column ", colIndex + 1] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("span", { className: "text-[9px] text-gray-500", children: [currentWidths[colIndex], "%"] }), numColumns > 1 && (_jsx("button", { onClick: (e) => {
-                                                    e.stopPropagation();
-                                                    deleteColumn(colIndex);
-                                                }, className: "opacity-0 group-hover/col:opacity-100 p-1 text-neutral-400 hover:text-red-500 transition-all rounded", title: "Delete Column", "aria-label": "Delete Column", children: _jsx(Trash2, { size: 10 }) }))] })] }), _jsx(LayoutContainer, { blocks: columns[colIndex] || [], containerId: `${block.id}-col-${colIndex}`, onBlockAdd: onChildBlockAdd, onBlockUpdate: onChildBlockUpdate, onBlockDelete: onChildBlockDelete, onBlockMove: onChildBlockMove, emptyLabel: `Drop blocks in column ${colIndex + 1}` })] }) }, colIndex))) }), numColumns < 4 && (_jsx("button", { onClick: addColumn, className: "absolute top-0 right-0 h-8 w-8 flex items-center justify-center bg-white border-l border-b border-gray-200 text-primary hover:bg-primary hover:text-white transition-all z-10 rounded-br-xl", title: "Add Column", children: _jsx(Plus, { size: 16 }) }))] }));
+        : columnWidths;
+    return (_jsx("div", { className: "rounded-xl bg-transparent relative", children: _jsx("div", { className: "grid gap-2 p-1", style: {
+                gridTemplateColumns: currentWidths.map(w => `${w}%`).join(' '),
+            }, children: Array.from({ length: numColumns }).map((_, colIndex) => (_jsx("div", { className: `group/col min-h-[100px] rounded-xl border border-dashed transition-all relative ${isSelected
+                    ? 'border-primary/20'
+                    : 'border-neutral-200 dark:border-neutral-800'}`, children: _jsxs("div", { className: "p-1", children: [_jsx("div", { className: "mb-3 flex items-center justify-between", children: _jsxs("span", { className: "text-[10px] font-black uppercase tracking-widest text-neutral-400 dark:text-neutral-600", children: ["Column ", colIndex + 1] }) }), _jsx("div", { "data-layout-container": `${block.id}-col-${colIndex}`, children: _jsx(LayoutContainer, { blocks: columns[colIndex], containerId: `${block.id}-col-${colIndex}`, onBlockAdd: onChildBlockAdd, onBlockUpdate: onChildBlockUpdate, onBlockDelete: onChildBlockDelete, onBlockMove: onChildBlockMove, emptyLabel: "Drop blocks here" }) })] }) }, colIndex))) }) }));
 };
 /**
  * Columns Block Preview Component
  */
-export const ColumnsPreview = ({ block, childBlocks = [], renderChild, context }) => {
-    // Support both old layout-based system and new dynamic column count
+export const ColumnsPreview = ({ block, context, childBlocks = [], renderChild }) => {
+    // Filter out hero block from children
+    const rawChildren = childBlocks.length > 0
+        ? childBlocks
+        : (block.children && Array.isArray(block.children) && typeof block.children[0] === 'object'
+            ? block.children
+            : []);
+    const children = rawChildren.filter(b => b.type !== 'hero');
     const columnCount = block.data.columnCount;
     const layout = block.data.layout;
-    // Determine number of columns: use columnCount if set, otherwise derive from layout
     let numColumns;
-    let gridClass;
-    // Grid class mapping for Tailwind (must be explicit for dynamic classes)
-    const gridClassMap = {
-        1: 'grid-cols-1',
-        2: 'grid-cols-2',
-        3: 'grid-cols-3',
-        4: 'grid-cols-4',
-        5: 'grid-cols-5',
-        6: 'grid-cols-6',
-    };
-    // Get column widths
-    const storedWidths = block.data.columnWidths;
+    let columnWidths;
     if (columnCount !== undefined && columnCount > 0) {
-        // Dynamic column system
         numColumns = columnCount;
-        gridClass = gridClassMap[numColumns] || `grid-cols-${numColumns}`;
+        const widthPercent = Math.floor(100 / numColumns);
+        columnWidths = Array(numColumns).fill(widthPercent);
     }
     else if (layout && COLUMN_LAYOUTS[layout]) {
-        // Legacy layout-based system
         const layoutConfig = COLUMN_LAYOUTS[layout];
         numColumns = layoutConfig.widths.length;
-        gridClass = layoutConfig.grid;
+        columnWidths = layoutConfig.widths;
     }
     else {
-        // Default to 2 columns
         numColumns = 2;
-        gridClass = 'grid-cols-2';
+        columnWidths = [50, 50];
     }
-    // Use stored widths if available, otherwise use equal widths
-    const columnWidths = storedWidths && storedWidths.length === numColumns
-        ? storedWidths
-        : Array(numColumns).fill(Math.floor(100 / numColumns));
-    // If childBlocks are provided, use them; otherwise get from block.children
-    const children = childBlocks.length > 0
-        ? childBlocks
-        : (block.children && Array.isArray(block.children) && typeof block.children[0] === 'object'
-            ? block.children
-            : []);
-    // Split child blocks into columns based on columnIndex in meta, or round-robin
     const columns = Array.from({ length: numColumns }, () => []);
     children.forEach((childBlock) => {
         const columnIndex = childBlock.meta?.columnIndex;
@@ -175,12 +89,15 @@ export const ColumnsPreview = ({ block, childBlocks = [], renderChild, context }
             columns[columnIndex].push(childBlock);
         }
         else {
-            // Fallback to round-robin if no columnIndex specified
             const index = children.indexOf(childBlock);
             columns[index % numColumns].push(childBlock);
         }
     });
-    return (_jsx("div", { className: "grid gap-8 my-8", style: {
-            gridTemplateColumns: columnWidths.map(w => `${w}%`).join(' '),
-        }, children: Array.from({ length: numColumns }).map((_, colIndex) => (_jsx("div", { className: "min-h-[100px]", children: columns[colIndex]?.map((childBlock) => (_jsx(React.Fragment, { children: renderChild ? renderChild(childBlock) : null }, childBlock.id))) }, colIndex))) }));
+    const storedWidths = block.data.columnWidths;
+    const currentWidths = storedWidths && storedWidths.length === numColumns
+        ? storedWidths
+        : columnWidths;
+    return (_jsx("div", { className: "w-full", children: _jsx("div", { className: "grid gap-8", style: {
+                gridTemplateColumns: currentWidths.map(w => `${w}%`).join(' '),
+            }, children: columns.map((colBlocks, colIdx) => (_jsx("div", { className: "w-full", children: colBlocks.map((childBlock) => (_jsx(React.Fragment, { children: renderChild?.(childBlock) }, childBlock.id))) }, colIdx))) }) }));
 };

package/dist/lib/layouts/blocks/SectionBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionBlock.d.ts","sourceRoot":"","sources":["../../../../src/lib/layouts/blocks/SectionBlock.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,GAAG;IAChD,WAAW,EAAE,KAAK,EAAE,CAAC;IACrB,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5E,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5F,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACjF,CA+CI,CAAC;AAEN;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG;IACtD,WAAW,CAAC,EAAE,KAAK,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC;CACnD,CAyBA,CAAC"}
+{"version":3,"file":"SectionBlock.d.ts","sourceRoot":"","sources":["../../../../src/lib/layouts/blocks/SectionBlock.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,GAAG;IAChD,WAAW,EAAE,KAAK,EAAE,CAAC;IACrB,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5E,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5F,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACjF,CA0CI,CAAC;AAEN;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG;IACtD,WAAW,CAAC,EAAE,KAAK,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC;CACnD,CA2BA,CAAC"}