@jhits/botanics_and_you 0.0.9 → 0.0.11

package/dist/index.d.ts

@@ -2,9 +2,7 @@
  * BotanicsAndYou Client Configuration for JHITS
  *
  * This package contains all client-specific plugin configurations.
- *
- * Usage:
- * import { blogPluginConfig, botanyBlocks } from '@jhits/BotanicsAndYou/plugin-blog';
  */
-export * from './plugin-blog';
+export { blogPluginConfig, botanyBlocks, customBlocks } from './plugin-blog';
+export { newsletterPluginConfig, botanyNewsletterBlocks, customNewsletterBlocks } from './plugin-newsletter';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/index.js

@@ -2,8 +2,6 @@
  * BotanicsAndYou Client Configuration for JHITS
  *
  * This package contains all client-specific plugin configurations.
- *
- * Usage:
- * import { blogPluginConfig, botanyBlocks } from '@jhits/BotanicsAndYou/plugin-blog';
  */
-export * from './plugin-blog';
+export { blogPluginConfig, botanyBlocks, customBlocks } from './plugin-blog';
+export { newsletterPluginConfig, botanyNewsletterBlocks, customNewsletterBlocks } from './plugin-newsletter';

package/dist/plugin-blog/blocks/CategoryDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CategoryDropdown.d.ts","sourceRoot":"","sources":["../../../src/plugin-blog/blocks/CategoryDropdown.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,qBAAqB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,kBAAkB,EAAE,MAAM,EAAE,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,gBAAgB,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,kBAAuB,EACvB,SAAc,EACd,WAAyC,EACzC,SAAiB,GACpB,EAAE,qBAAqB,2CAiJvB"}
+{"version":3,"file":"CategoryDropdown.d.ts","sourceRoot":"","sources":["../../../src/plugin-blog/blocks/CategoryDropdown.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,qBAAqB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,kBAAkB,EAAE,MAAM,EAAE,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,gBAAgB,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,kBAAuB,EACvB,SAAc,EACd,WAAyC,EACzC,SAAiB,GACpB,EAAE,qBAAqB,2CA+JvB"}

package/dist/plugin-blog/blocks/CategoryDropdown.js

@@ -2,42 +2,41 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useRef } from 'react';
 import { ChevronDown, Plus } from 'lucide-react';
+import { colors } from '../colors';
 export function CategoryDropdown({ value, onChange, existingCategories = [], className = '', placeholder = 'Select or add category...', showLabel = false, }) {
     const [isOpen, setIsOpen] = useState(false);
     const [inputValue, setInputValue] = useState('');
     const [isAddingNew, setIsAddingNew] = useState(false);
     const dropdownRef = useRef(null);
     const inputRef = useRef(null);
-    // This ref tracks if we have successfully set an initial value
-    // to avoid snapping back to the first item if the user manually clears the field
     const hasAutoSelected = useRef(false);
-    /**
-     * AUTO-SELECT LOGIC
-     * We watch 'existingCategories'. As soon as it populates and we have no value, we pick the first.
-     */
+    const prevCategoriesRef = useRef(existingCategories);
+    // Reset auto-select when categories change (e.g., language switch)
+    useEffect(() => {
+        const prev = prevCategoriesRef.current;
+        const changed = prev.length !== existingCategories.length ||
+            prev.some((cat, i) => cat !== existingCategories[i]);
+        if (changed) {
+            hasAutoSelected.current = false;
+            prevCategoriesRef.current = existingCategories;
+        }
+    }, [existingCategories]);
     useEffect(() => {
         const isValueEmpty = !value || value.trim() === '';
         if (isValueEmpty && existingCategories.length > 0 && !hasAutoSelected.current) {
             const firstCategory = existingCategories.find(cat => cat && cat.trim() !== '');
             if (firstCategory) {
-                // Set the flag FIRST to prevent race conditions
                 hasAutoSelected.current = true;
-                // Use requestAnimationFrame to ensure we are outside the 
-                // render phase of the category fetch completion
                 requestAnimationFrame(() => {
                     onChange(firstCategory);
                 });
             }
         }
-        // If a value is manually set (by user or saved data), 
-        // we mark auto-select as "done" so it doesn't fight the user
         if (!isValueEmpty) {
             hasAutoSelected.current = true;
         }
     }, [existingCategories, value, onChange]);
-    // UI filtering
     const otherCategories = existingCategories.filter(cat => cat && cat.trim() !== '' && cat !== value);
-    // Outside Click Handler
     useEffect(() => {
         const handleClickOutside = (event) => {
             if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
@@ -51,7 +50,6 @@ export function CategoryDropdown({ value, onChange, existingCategories = [], cla
             return () => document.removeEventListener('mousedown', handleClickOutside);
         }
     }, [isOpen]);
-    // Focus on new input
     useEffect(() => {
         if (isAddingNew && inputRef.current) {
             inputRef.current.focus();
@@ -63,5 +61,10 @@ export function CategoryDropdown({ value, onChange, existingCategories = [], cla
         setIsAddingNew(false);
         setInputValue('');
     };
-    return (_jsxs("div", { className: `relative ${className}`, ref: dropdownRef, children: [showLabel && (_jsx("label", { className: "text-[10px] text-neutral-500 uppercase font-bold block mb-2 tracking-widest", children: "Category" })), _jsxs("div", { className: "relative", children: [_jsxs("div", { onClick: () => setIsOpen(!isOpen), className: "w-full bg-transparent border border-sage/20 rounded-full px-4 py-1.5 text-xs font-bold uppercase tracking-[0.2em] text-sage flex items-center justify-between cursor-pointer hover:bg-sage/5 transition-all", children: [_jsx("span", { className: "truncate", children: value || placeholder }), _jsx(ChevronDown, { size: 14, className: `transition-transform text-sage/50 ${isOpen ? 'rotate-180' : ''}` })] }), isOpen && (_jsxs("div", { className: "absolute z-50 w-full mt-2 bg-white dark:bg-neutral-900 rounded-xl shadow-xl border border-neutral-100 dark:border-neutral-800 overflow-hidden animate-in fade-in zoom-in-95 duration-150", children: [otherCategories.length > 0 && (_jsx("div", { className: "py-1 max-h-48 overflow-y-auto", children: otherCategories.map((category) => (_jsx("button", { type: "button", onClick: () => handleSelect(category), className: "w-full text-left px-4 py-2.5 text-xs font-bold text-neutral-700 dark:text-neutral-300 hover:bg-sage/5 hover:text-sage transition-colors", children: category }, category))) })), !isAddingNew ? (_jsxs("button", { type: "button", onClick: () => setIsAddingNew(true), className: "w-full text-left px-4 py-3 text-xs font-bold text-sage hover:bg-primary/5 transition-colors border-t border-neutral-50 dark:border-neutral-800 flex items-center gap-2", children: [_jsx(Plus, { size: 14 }), " Add new category"] })) : (_jsxs("div", { className: "p-3 border-t border-neutral-50 dark:border-neutral-800 bg-neutral-50/50 dark:bg-neutral-800/50", children: [_jsx("input", { ref: inputRef, value: inputValue, onChange: (e) => setInputValue(e.target.value), onKeyDown: (e) => e.key === 'Enter' && inputValue.trim() && handleSelect(inputValue.trim()), placeholder: "Category name...", className: "w-full border border-neutral-200 dark:border-neutral-700 bg-white dark:bg-neutral-900 p-2 rounded-lg text-xs font-bold outline-none focus:border-sage mb-2" }), _jsxs("div", { className: "flex gap-2", children: [_jsx("button", { onClick: () => inputValue.trim() && handleSelect(inputValue.trim()), className: "flex-1 bg-sage text-white px-3 py-1.5 rounded-lg text-[10px] font-bold uppercase tracking-wider", children: "Add" }), _jsx("button", { onClick: () => { setIsAddingNew(false); setInputValue(''); }, className: "px-3 py-1.5 rounded-lg text-[10px] font-bold uppercase border border-neutral-200 dark:border-neutral-700 text-neutral-500", children: "Cancel" })] })] }))] }))] })] }));
+    return (_jsxs("div", { className: `relative ${className}`, ref: dropdownRef, children: [showLabel && (_jsx("label", { className: "text-[10px] text-neutral-500 uppercase font-bold block mb-2 tracking-widest", children: "Category" })), _jsxs("div", { className: "relative", children: [_jsxs("div", { onClick: () => setIsOpen(!isOpen), className: "w-full bg-transparent rounded-full px-4 py-1.5 text-xs font-bold uppercase tracking-[0.2em] flex items-center justify-between cursor-pointer transition-all", style: {
+                            color: colors.sage,
+                            borderWidth: 1,
+                            borderStyle: 'solid',
+                            borderColor: `${colors.sage}33`,
+                        }, onMouseEnter: (e) => { e.currentTarget.style.backgroundColor = `${colors.sage}0D`; }, onMouseLeave: (e) => { e.currentTarget.style.backgroundColor = ''; }, children: [_jsx("span", { className: "truncate", children: value || placeholder }), _jsx(ChevronDown, { size: 14, style: { color: `${colors.sage}80` }, className: `transition-transform ${isOpen ? 'rotate-180' : ''}` })] }), isOpen && (_jsxs("div", { className: "absolute z-50 w-full mt-2 bg-white dark:bg-neutral-900 rounded-xl shadow-xl border border-neutral-100 dark:border-neutral-800 overflow-hidden animate-in fade-in zoom-in-95 duration-150", children: [otherCategories.length > 0 && (_jsx("div", { className: "py-1 max-h-48 overflow-y-auto", children: otherCategories.map((category) => (_jsx("button", { type: "button", onClick: () => handleSelect(category), className: "w-full text-left px-4 py-2.5 text-xs font-bold text-neutral-700 dark:text-neutral-300 transition-colors", onMouseEnter: (e) => { e.currentTarget.style.backgroundColor = `${colors.sage}0D`; e.currentTarget.style.color = colors.sage; }, onMouseLeave: (e) => { e.currentTarget.style.backgroundColor = ''; e.currentTarget.style.color = ''; }, children: category }, category))) })), !isAddingNew ? (_jsxs("button", { type: "button", onClick: () => setIsAddingNew(true), className: "w-full text-left px-4 py-3 text-xs font-bold transition-colors border-t border-neutral-50 dark:border-neutral-800 flex items-center gap-2", style: { color: colors.sage }, onMouseEnter: (e) => { e.currentTarget.style.backgroundColor = `${colors.sage}0D`; }, onMouseLeave: (e) => { e.currentTarget.style.backgroundColor = ''; }, children: [_jsx(Plus, { size: 14 }), " Add new category"] })) : (_jsxs("div", { className: "p-3 border-t border-neutral-50 dark:border-neutral-800 bg-neutral-50/50 dark:bg-neutral-800/50", children: [_jsx("input", { ref: inputRef, value: inputValue, onChange: (e) => setInputValue(e.target.value), onKeyDown: (e) => e.key === 'Enter' && inputValue.trim() && handleSelect(inputValue.trim()), placeholder: "Category name...", className: "w-full border border-neutral-200 dark:border-neutral-700 bg-white dark:bg-neutral-900 p-2 rounded-lg text-xs font-bold outline-none mb-2", style: { borderColor: undefined }, onFocus: (e) => { e.currentTarget.style.borderColor = colors.sage; }, onBlur: (e) => { e.currentTarget.style.borderColor = ''; } }), _jsxs("div", { className: "flex gap-2", children: [_jsx("button", { onClick: () => inputValue.trim() && handleSelect(inputValue.trim()), className: "flex-1 text-white px-3 py-1.5 rounded-lg text-[10px] font-bold uppercase tracking-wider", style: { backgroundColor: colors.sage }, children: "Add" }), _jsx("button", { onClick: () => { setIsAddingNew(false); setInputValue(''); }, className: "px-3 py-1.5 rounded-lg text-[10px] font-bold uppercase border border-neutral-200 dark:border-neutral-700 text-neutral-500", children: "Cancel" })] })] }))] }))] })] }));
 }

package/dist/plugin-blog/blocks/Heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/plugin-blog/blocks/Heading.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqC,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAmH9F,eAAO,MAAM,YAAY,EAAE,qBAoB1B,CAAC"}
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/plugin-blog/blocks/Heading.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqC,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAoH9F,eAAO,MAAM,YAAY,EAAE,qBAoB1B,CAAC"}

package/dist/plugin-blog/blocks/Heading.js

@@ -2,26 +2,34 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { Heading, ChevronDown } from "lucide-react";
 import { useState, useRef, useEffect } from "react";
+const getStyle = (level) => {
+    const base = {
+        fontFamily: 'var(--content-heading-font, var(--font-serif, Georgia, serif))',
+        color: 'var(--color-forest, #6B7C5A)'
+    };
+    switch (level) {
+        case 4:
+        case 5:
+        case 6:
+            return Object.assign(Object.assign({}, base), { color: 'var(--color-sage, #9CAF88)', fontStyle: level === 4 ? 'italic' : undefined });
+        default:
+            return base;
+    }
+};
 const getClassName = (level) => `
-    font-serif text-forest
+    font-[family:var(--content-heading-font,serif)]
     ${level === 1 ? "text-5xl lg:text-6xl mt-12 mb-8 font-bold" : ""}
     ${level === 2 ? "text-4xl lg:text-5xl mt-10 mb-2" : ""}
-    ${level === 3 ? "text-3xl mt-8 mb-4 text-forest/90" : ""}
-    ${level === 4 ? "text-xl mt-6 mb-3 font-medium text-sage italic" : ""}
-    ${level === 5 ? "text-lg mt-4 mb-2 font-medium text-sage" : ""}
-    ${level === 6 ? "text-base mt-3 mb-2 font-medium text-sage/80" : ""}
+    ${level === 3 ? "text-3xl mt-8 mb-4" : ""}
+    ${level === 4 ? "text-xl mt-6 mb-3 font-medium" : ""}
+    ${level === 5 ? "text-lg mt-4 mb-2 font-medium" : ""}
+    ${level === 6 ? "text-base mt-3 mb-2 font-medium" : ""}
 `;
-/**
- * Heading Block
- * Simple heading block for botanical articles with SEO-optimized heading levels
- */
-const HeadingEdit = ({ block, onUpdate, isSelected }) => {
+const HeadingEdit = ({ block, onUpdate }) => {
     const level = block.data.level || 2;
     const text = block.data.text || '';
     const [showLevelDropdown, setShowLevelDropdown] = useState(false);
     const dropdownRef = useRef(null);
-    const defaultClassName = getClassName(level);
-    // Close dropdown when clicking outside
     useEffect(() => {
         const handleClickOutside = (event) => {
             if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
@@ -39,25 +47,20 @@ const HeadingEdit = ({ block, onUpdate, isSelected }) => {
     };
     return (_jsx("div", { className: "relative group", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("div", { className: "relative", ref: dropdownRef, children: [_jsxs("button", { type: "button", onClick: () => setShowLevelDropdown(!showLevelDropdown), className: "flex items-center gap-1.5 px-3 py-1.5 rounded-lg border border-gray-200 bg-white hover:bg-gray-50 transition-colors text-xs font-bold text-gray-600", title: "Select heading level for SEO", children: [_jsxs("span", { children: ["H", level] }), _jsx(ChevronDown, { size: 12, className: `transition-transform ${showLevelDropdown ? 'rotate-180' : ''}` })] }), showLevelDropdown && (_jsx("div", { className: "absolute z-50 mt-1 bg-white border border-gray-200 rounded-lg shadow-lg overflow-hidden min-w-[120px]", children: [1, 2, 3, 4, 5, 6].map((lvl) => (_jsxs("button", { type: "button", onClick: () => handleLevelChange(lvl), className: `w-full text-left px-3 py-2 text-xs font-bold transition-colors ${level === lvl
                                     ? 'bg-primary/10 text-primary'
-                                    : 'text-gray-700 hover:bg-gray-50'}`, children: ["H", lvl, " ", lvl === 1 ? '(Page Title)' : lvl === 2 ? '(Section)' : lvl === 3 ? '(Subsection)' : ''] }, lvl))) }))] }), _jsx("input", { type: "text", value: text, onChange: (e) => onUpdate({ text: e.target.value }), placeholder: "Enter heading text...", className: `flex-1 ${defaultClassName}` })] }) }));
+                                    : 'text-gray-700 hover:bg-gray-50'}`, children: ["H", lvl, " ", lvl === 1 ? '(Page Title)' : lvl === 2 ? '(Section)' : lvl === 3 ? '(Subsection)' : ''] }, lvl))) }))] }), _jsx("input", { type: "text", value: text, onChange: (e) => onUpdate({ text: e.target.value }), placeholder: "Enter heading text...", style: getStyle(level), className: `flex-1 bg-transparent border-none outline-none focus:ring-0 ${getClassName(level)}` })] }) }));
 };
 const HeadingPreview = ({ block }) => {
     const level = Math.min(Math.max(block.data.level || 2, 1), 6);
     const text = block.data.text || '';
-    const defaultClassName = getClassName(level);
+    const style = getStyle(level);
+    const className = getClassName(level);
     switch (level) {
-        case 1:
-            return _jsx("h1", { className: defaultClassName, children: text });
-        case 3:
-            return _jsx("h3", { className: defaultClassName, children: text });
-        case 4:
-            return _jsx("h4", { className: defaultClassName, children: text });
-        case 5:
-            return _jsx("h5", { className: defaultClassName, children: text });
-        case 6:
-            return _jsx("h6", { className: defaultClassName, children: text });
-        default:
-            return _jsx("h2", { className: defaultClassName, children: text });
+        case 1: return _jsx("h1", { style: style, className: className, children: text });
+        case 3: return _jsx("h3", { style: style, className: className, children: text });
+        case 4: return _jsx("h4", { style: style, className: className, children: text });
+        case 5: return _jsx("h5", { style: style, className: className, children: text });
+        case 6: return _jsx("h6", { style: style, className: className, children: text });
+        default: return _jsx("h2", { style: style, className: className, children: text });
     }
 };
 export const HeadingBlock = {

package/dist/plugin-blog/blocks/Hero.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../../src/plugin-blog/blocks/Hero.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAe9F;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAsI7C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG;IAAE,aAAa,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,CA6CvG,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,qBAkBvB,CAAC"}
+{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../../src/plugin-blog/blocks/Hero.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAgB9F;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAyI7C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG;IAAE,aAAa,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,CAwDvG,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,qBAkBvB,CAAC"}

package/dist/plugin-blog/blocks/Hero.js

@@ -7,15 +7,17 @@ import { useCategories } from '@jhits/plugin-blog';
 import { ImagePicker, Image as PluginImage } from '@jhits/plugin-images';
 import { CategoryDropdown } from './CategoryDropdown';
 import { createApiUrl } from '../api-config';
+import { colors } from '../colors';
 /**
  * 2. Hero Edit Component
  */
-export const HeroEdit = ({ block, onUpdate }) => {
+export const HeroEdit = ({ block, onUpdate, context }) => {
     const [showImagePicker, setShowImagePicker] = useState(false);
     const [currentBrightness, setCurrentBrightness] = useState(100);
     const [currentBlur, setCurrentBlur] = useState(0);
     const [mounted, setMounted] = useState(false);
-    const { categories } = useCategories();
+    // Pass context locale to useCategories for localized suggestions
+    const { categories } = useCategories(context === null || context === void 0 ? void 0 : context.locale);
     // Handle SSR - ensure we only render portal on client
     useEffect(() => {
         setMounted(true);
@@ -46,7 +48,7 @@ export const HeroEdit = ({ block, onUpdate }) => {
     const updateField = (updates) => {
         onUpdate(Object.assign(Object.assign({}, data), updates));
     };
-    return (_jsxs("section", { className: "relative pt-32 pb-20 overflow-hidden group/hero", children: [_jsxs("div", { className: "max-w-7xl mx-auto px-6 lg:px-12 grid lg:grid-cols-2 gap-16 items-center", children: [_jsxs("div", { className: "order-2 lg:order-1 text-left flex flex-col items-start", children: [_jsx(CategoryDropdown, { value: category, onChange: (newCategory) => updateField({ category: newCategory }), existingCategories: categories, placeholder: "CATEGORIE" }), _jsx("textarea", { value: title, onChange: (e) => updateField({ title: e.target.value }), placeholder: "Artikel Titel...", rows: 2, className: "w-full text-5xl lg:text-7xl font-serif text-forest mb-8 leading-[1.1] tracking-tight bg-transparent border-none outline-none focus:ring-0 p-0 resize-none placeholder:text-gray-200 overflow-hidden" }), _jsx("textarea", { value: summary, onChange: (e) => updateField({ summary: e.target.value }), placeholder: "Klik om een samenvatting te typen...", rows: 3, className: "w-full text-lg lg:text-xl text-gray-600 leading-relaxed font-light bg-transparent border-none outline-none focus:ring-0 p-0 resize-none placeholder:text-gray-300" })] }), _jsx("div", { className: "order-1 lg:order-2 w-full", children: _jsxs("div", { className: "relative rounded-3xl overflow-hidden shadow-2xl aspect-[4/5] lg:aspect-[3/4] bg-gray-50 border border-gray-100 cursor-pointer group/imgcontainer", onClick: () => setShowImagePicker(true), children: [imageId ? (_jsx(PluginImage, { id: imageId, alt: title || 'Hero', fill: true, sizes: "(max-width: 1024px) 100vw, 50vw", className: "object-cover w-full h-full transition-transform duration-700 group-hover/imgcontainer:scale-105", editable: false })) : (_jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center text-gray-400", children: [_jsx(ImageIcon, { size: 48, className: "mb-2" }), _jsx("p", { className: "text-sm font-bold", children: "Add Image" })] })), _jsx("div", { className: "absolute inset-0 bg-black/40 opacity-0 group-hover/imgcontainer:opacity-100 transition-opacity flex items-center justify-center z-10", children: _jsxs("div", { className: "bg-white px-4 py-2 rounded-full flex items-center gap-2", children: [_jsx(ImageIcon, { size: 16, className: "text-primary" }), _jsx("span", { className: "text-sm font-bold text-neutral-900", children: "Edit Image" })] }) })] }) })] }), showImagePicker && mounted && createPortal(_jsx("div", { className: "fixed inset-0 z-[100] flex items-center justify-center bg-black/60 backdrop-blur-sm p-4", children: _jsxs("div", { className: "bg-white dark:bg-neutral-900 rounded-2xl w-full max-w-2xl p-6 shadow-2xl max-h-[90vh] overflow-y-auto", children: [_jsxs("div", { className: "flex justify-between items-center mb-4", children: [_jsx("h3", { className: "font-bold text-neutral-900 dark:text-white", children: "Hero Image Settings" }), _jsx("button", { onClick: () => setShowImagePicker(false), className: "p-2 hover:bg-neutral-100 dark:hover:bg-neutral-800 rounded-lg transition-colors text-neutral-700 dark:text-neutral-300 hover:text-neutral-900 dark:hover:text-white", "aria-label": "Close", children: _jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("line", { x1: "5", y1: "5", x2: "15", y2: "15" }), _jsx("line", { x1: "15", y1: "5", x2: "5", y2: "15" })] }) })] }), _jsx(ImagePicker, { value: imageId, onChange: (img) => {
+    return (_jsxs("section", { className: "relative pt-32 pb-20 overflow-hidden group/hero", children: [_jsxs("div", { className: "max-w-7xl mx-auto px-6 lg:px-12 grid lg:grid-cols-2 gap-16 items-center", children: [_jsxs("div", { className: "order-2 lg:order-1 text-left flex flex-col items-start", children: [_jsx(CategoryDropdown, { value: category, onChange: (newCategory) => updateField({ category: newCategory }), existingCategories: categories, placeholder: "CATEGORIE" }), _jsx("textarea", { value: title, onChange: (e) => updateField({ title: e.target.value }), placeholder: "Artikel Titel...", rows: 2, style: { color: colors.forest }, className: "w-full text-5xl lg:text-7xl font-serif mb-8 leading-[1.1] tracking-tight bg-transparent border-none outline-none focus:ring-0 p-0 resize-none placeholder:text-gray-200 overflow-hidden" }), _jsx("textarea", { value: summary, onChange: (e) => updateField({ summary: e.target.value }), placeholder: "Klik om een samenvatting te typen...", rows: 3, className: "w-full text-lg lg:text-xl text-gray-600 leading-relaxed font-light bg-transparent border-none outline-none focus:ring-0 p-0 resize-none placeholder:text-gray-300" })] }), _jsx("div", { className: "order-1 lg:order-2 w-full", children: _jsxs("div", { className: "relative rounded-3xl overflow-hidden shadow-2xl aspect-[4/5] lg:aspect-[3/4] bg-gray-50 border border-gray-100 cursor-pointer group/imgcontainer", onClick: () => setShowImagePicker(true), children: [imageId ? (_jsx(PluginImage, { id: imageId, alt: title || 'Hero', fill: true, sizes: "(max-width: 1024px) 100vw, 50vw", className: "object-cover w-full h-full transition-transform duration-700 group-hover/imgcontainer:scale-105", editable: false })) : (_jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center text-gray-400", children: [_jsx(ImageIcon, { size: 48, className: "mb-2" }), _jsx("p", { className: "text-sm font-bold", children: "Add Image" })] })), _jsx("div", { className: "absolute inset-0 bg-black/40 opacity-0 group-hover/imgcontainer:opacity-100 transition-opacity flex items-center justify-center z-10", children: _jsxs("div", { className: "bg-white px-4 py-2 rounded-full flex items-center gap-2", children: [_jsx(ImageIcon, { size: 16, className: "text-primary" }), _jsx("span", { className: "text-sm font-bold text-neutral-900", children: "Edit Image" })] }) })] }) })] }), showImagePicker && mounted && createPortal(_jsx("div", { className: "fixed inset-0 z-[100] flex items-center justify-center bg-black/60 backdrop-blur-sm p-4", children: _jsxs("div", { className: "bg-white dark:bg-neutral-900 rounded-2xl w-full max-w-2xl p-6 shadow-2xl max-h-[90vh] overflow-y-auto", children: [_jsxs("div", { className: "flex justify-between items-center mb-4", children: [_jsx("h3", { className: "font-bold text-neutral-900 dark:text-white", children: "Hero Image Settings" }), _jsx("button", { onClick: () => setShowImagePicker(false), className: "p-2 hover:bg-neutral-100 dark:hover:bg-neutral-800 rounded-lg transition-colors text-neutral-700 dark:text-neutral-300 hover:text-neutral-900 dark:hover:text-white", "aria-label": "Close", children: _jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("line", { x1: "5", y1: "5", x2: "15", y2: "15" }), _jsx("line", { x1: "15", y1: "5", x2: "5", y2: "15" })] }) })] }), _jsx(ImagePicker, { value: imageId, onChange: (img) => {
                                 updateField({ imageId: img === null || img === void 0 ? void 0 : img.id });
                                 setTimeout(() => setShowImagePicker(false), 100);
                             }, showEffects: true, brightness: currentBrightness, blur: currentBlur, onBrightnessChange: (b) => { setCurrentBrightness(b); updateField({ brightness: b }); }, onBlurChange: (bl) => { setCurrentBlur(bl); updateField({ blur: bl }); } })] }) }), document.body)] }));
@@ -61,7 +63,13 @@ export const HeroPreview = ({ block, fallbackImage, context }) => {
     // Logic: Use data.imageId, then fallback.id, then fallback.src
     const activeImageId = data.imageId || (effectiveFallback === null || effectiveFallback === void 0 ? void 0 : effectiveFallback.id) || (effectiveFallback === null || effectiveFallback === void 0 ? void 0 : effectiveFallback.src);
     const paragraphs = (data.summary || '').split('\n\n').filter(p => p.trim());
-    return (_jsx("section", { className: "relative pt-32 pb-20", children: _jsxs("div", { className: "max-w-7xl mx-auto px-6 lg:px-12 grid lg:grid-cols-2 gap-16 items-center", children: [_jsxs("div", { className: "order-2 lg:order-1", children: [_jsx("span", { className: "inline-flex px-4 py-1.5 rounded-full border border-sage/20 bg-sage/5 text-sage text-xs font-bold uppercase tracking-widest mb-8", children: data.category || 'Plant Care' }), _jsx("h1", { className: "text-5xl lg:text-7xl font-serif text-forest mb-8 leading-[1.1]", children: data.title || 'Zonder Titel' }), paragraphs.map((p, i) => (_jsx("p", { className: "text-lg lg:text-xl text-gray-600 font-light mt-4", children: p }, i)))] }), _jsx("div", { className: "order-1 lg:order-2 w-full", children: _jsx("div", { className: "relative w-full aspect-[4/5] lg:aspect-[3/4] rounded-3xl overflow-hidden shadow-2xl bg-neutral-100", children: activeImageId && (_jsx(PluginImage, { id: activeImageId, alt: data.title || 'Hero', fill: true, sizes: "(max-width: 1024px) 100vw, 50vw", className: "object-cover w-full h-full", editable: false })) }) })] }) }));
+    return (_jsx("section", { className: "relative pt-32 pb-20", children: _jsxs("div", { className: "max-w-7xl mx-auto px-6 lg:px-12 grid lg:grid-cols-2 gap-16 items-center", children: [_jsxs("div", { className: "order-2 lg:order-1", children: [_jsx("span", { className: "inline-flex px-4 py-1.5 rounded-full text-xs font-bold uppercase tracking-widest mb-8", style: {
+                                color: colors.sage,
+                                borderWidth: 1,
+                                borderStyle: 'solid',
+                                borderColor: `${colors.sage}33`,
+                                backgroundColor: `${colors.sage}0D`,
+                            }, children: data.category || 'Plant Care' }), _jsx("h1", { className: "text-5xl lg:text-7xl font-serif mb-8 leading-[1.1]", style: { color: colors.forest }, children: data.title || 'Zonder Titel' }), paragraphs.map((p, i) => (_jsx("p", { className: "text-lg lg:text-xl text-gray-600 font-light mt-4", children: p }, i)))] }), _jsx("div", { className: "order-1 lg:order-2 w-full", children: _jsx("div", { className: "relative w-full aspect-[4/5] lg:aspect-[3/4] rounded-3xl overflow-hidden shadow-2xl bg-neutral-100", children: activeImageId && (_jsx(PluginImage, { id: activeImageId, alt: data.title || 'Hero', fill: true, sizes: "(max-width: 1024px) 100vw, 50vw", className: "object-cover w-full h-full", editable: false })) }) })] }) }));
 };
 export const heroBlock = {
     type: 'hero',

package/dist/plugin-blog/blocks/List.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/plugin-blog/blocks/List.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,qBAAqB,EAA6D,MAAM,oBAAoB,CAAC;AAsRzJ,eAAO,MAAM,SAAS,EAAE,qBA0BvB,CAAC"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/plugin-blog/blocks/List.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAqC,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AA0H9F,eAAO,MAAM,SAAS,EAAE,qBAiBvB,CAAC"}

package/dist/plugin-blog/blocks/List.js

@@ -1,212 +1,81 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { RichTextEditor, RichTextPreview } from "@jhits/plugin-blog";
+import { useRef, useCallback } from 'react';
 import { ListChecks } from "lucide-react";
-import React from "react";
-/**
- * Rich Text Formatting Configuration for List Items
- * Matches BotanicsAndYou's design system
- */
-const listFormatting = {
-    bold: true,
-    italic: true,
-    underline: true,
-    links: true,
-    colors: ['text-forest', 'text-sage', 'text-primary'],
-    styles: {
-        bold: 'font-bold text-black',
-        italic: 'italic',
-        underline: 'underline decoration-primary/30',
-        link: 'text-primary underline decoration-primary/50 hover:text-primary/80 hover:decoration-primary/70 transition-colors',
-        colorClasses: {
-            'text-forest': 'text-forest',
-            'text-sage': 'text-sage',
-            'text-primary': 'text-primary',
-        },
-    },
-};
-/**
- * 1. Shared UI Wrapper
- */
 const ListContainer = ({ children, type }) => {
-    // Determine the tailwind class for bullet styling
     const getListClass = () => {
         if (type === "ol")
             return "list-decimal pl-5";
         if (type === "checklist")
             return "list-none pl-0";
-        return "list-disc pl-5"; // default ul
+        return "list-disc pl-5";
     };
-    return (_jsx("div", { className: "bg-white rounded-2xl border border-gray-100 shadow-sm relative", children: _jsx("div", { className: "px-4 pb-4 mt-4", children: _jsx("ul", { className: `${getListClass()} space-y-3 pr-4 text-gray-800`, children: children }) }) }));
+    return (_jsx("div", { className: "rounded-2xl border border-gray-100 shadow-sm relative", children: _jsx("div", { className: "px-4 pb-4 mt-4", children: _jsx("ul", { className: `${getListClass()} space-y-3 pr-4 text-[color:var(--content-text-color,#374151)] font-[family:var(--content-font-family,inherit)]`, children: children }) }) }));
 };
-/**
- * 2. Editor Component
- */
 const ListEdit = ({ block, onUpdate }) => {
-    // Ensure items are treated consistently as ItemObj[]
-    // Handle both string[] (legacy) and ItemObj[] formats
-    const containerRef = React.useRef(null);
     const rawItems = Array.isArray(block.data.items) ? block.data.items : [];
     const items = rawItems.map((item) => {
-        if (typeof item === 'string') {
-            return { text: item, html: item };
-        }
+        if (typeof item === 'string')
+            return item;
         if (typeof item === 'object' && item !== null && 'text' in item) {
-            const itemObj = item;
-            return {
-                text: itemObj.text || '',
-                html: itemObj.html || itemObj.text || ''
-            };
+            return item.text || '';
         }
-        return { text: '', html: '' };
+        return '';
     });
     const type = (block.data.type || "ul");
-    const handleAddItem = (index) => {
+    const inputRefs = useRef([]);
+    const handleKeyDown = useCallback((e, idx) => {
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            const newItems = [...items];
+            newItems.splice(idx + 1, 0, '');
+            onUpdate({ items: newItems });
+            setTimeout(() => { var _a; return (_a = inputRefs.current[idx + 1]) === null || _a === void 0 ? void 0 : _a.focus(); }, 0);
+        }
+        if (e.key === 'Backspace' && items[idx] === '' && items.length > 1) {
+            e.preventDefault();
+            const newItems = items.filter((_, i) => i !== idx);
+            onUpdate({ items: newItems });
+            if (idx > 0) {
+                setTimeout(() => { var _a; return (_a = inputRefs.current[idx - 1]) === null || _a === void 0 ? void 0 : _a.focus(); }, 0);
+            }
+        }
+    }, [items, onUpdate]);
+    const handleChange = useCallback((idx, value) => {
         const newItems = [...items];
-        newItems.splice(index + 1, 0, { text: '', html: '' });
+        newItems[idx] = value;
         onUpdate({ items: newItems });
-    };
-    return (_jsx("div", { ref: containerRef, children: _jsx(ListContainer, { type: type, children: items.map((item, idx) => {
-                const html = item.html || item.text || '';
-                const isEmpty = !html || html.replace(/<[^>]*>/g, '').trim() === '';
-                return (_jsxs("li", { className: `${type === "checklist" ? "flex items-start gap-3" : ""}`, children: [type === "checklist" && (_jsx("input", { type: "checkbox", disabled: true, className: "mt-1.5 w-4 h-4 accent-gray-400 cursor-not-allowed shrink-0" })), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx(RichTextEditor, { value: html, onChange: (htmlContent) => {
-                                        const textContent = htmlContent.replace(/<[^>]*>/g, '').replace(/&nbsp;/g, ' ');
-                                        const newItems = [...items];
-                                        newItems[idx] = {
-                                            text: textContent,
-                                            html: htmlContent
-                                        };
-                                        onUpdate({ items: newItems });
-                                    }, onKeyDown: (e) => {
-                                        const contentEditable = e.target;
-                                        if (!contentEditable || contentEditable.contentEditable !== 'true')
-                                            return;
-                                        const currentHtml = contentEditable.innerHTML || '';
-                                        const currentText = currentHtml.replace(/<[^>]*>/g, '').replace(/&nbsp;/g, ' ').trim();
-                                        const isEmpty = !currentText || currentText === '';
-                                        // Intercept Enter key to create new list item instead of line break
-                                        if (e.key === 'Enter' && !e.shiftKey) {
-                                            e.preventDefault();
-                                            e.stopPropagation();
-                                            // Update current item with trimmed content
-                                            const newItems = [...items];
-                                            newItems[idx] = {
-                                                text: currentText,
-                                                html: currentText
-                                            };
-                                            // Add new item after current one
-                                            const newItem = { text: '', html: '' };
-                                            newItems.splice(idx + 1, 0, newItem);
-                                            onUpdate({ items: newItems });
-                                            // Focus the next editor after re-render
-                                            setTimeout(() => {
-                                                // Find all contentEditable elements and get the next one
-                                                const allEditors = document.querySelectorAll('[contenteditable="true"]');
-                                                const currentEditorIndex = Array.from(allEditors).indexOf(contentEditable);
-                                                const nextEditor = allEditors[currentEditorIndex + 1];
-                                                if (nextEditor) {
-                                                    nextEditor.focus();
-                                                    // Place cursor at the start
-                                                    const range = document.createRange();
-                                                    range.selectNodeContents(nextEditor);
-                                                    range.collapse(true);
-                                                    const selection = window.getSelection();
-                                                    selection === null || selection === void 0 ? void 0 : selection.removeAllRanges();
-                                                    selection === null || selection === void 0 ? void 0 : selection.addRange(range);
-                                                }
-                                            }, 0);
-                                            return;
-                                        }
-                                        // Handle Backspace/Delete to remove empty list items
-                                        if ((e.key === 'Backspace' || e.key === 'Delete') && isEmpty && items.length > 1) {
-                                            const selection = window.getSelection();
-                                            if (!selection || selection.rangeCount === 0)
-                                                return;
-                                            const range = selection.getRangeAt(0);
-                                            const isAtStart = () => {
-                                                if (!range.collapsed)
-                                                    return false;
-                                                const startRange = range.cloneRange();
-                                                startRange.selectNodeContents(contentEditable);
-                                                startRange.setEnd(range.startContainer, range.startOffset);
-                                                return startRange.toString().trim() === '';
-                                            };
-                                            if ((e.key === 'Backspace' && isAtStart())) {
-                                                e.preventDefault();
-                                                e.stopPropagation();
-                                                // Calculate focus index BEFORE updating state
-                                                const focusIndex = idx > 0 ? idx - 1 : 0;
-                                                const newItems = items.filter((_, i) => i !== idx);
-                                                onUpdate({ items: newItems });
-                                                setTimeout(() => {
-                                                    // SCOPED SEARCH: Look only inside this specific list container
-                                                    if (containerRef.current) {
-                                                        const listEditors = containerRef.current.querySelectorAll('[contenteditable="true"]');
-                                                        const targetEditor = listEditors[focusIndex];
-                                                        if (targetEditor) {
-                                                            targetEditor.focus();
-                                                            const newRange = document.createRange();
-                                                            newRange.selectNodeContents(targetEditor);
-                                                            newRange.collapse(false); // Go to end of previous item
-                                                            const newSel = window.getSelection();
-                                                            newSel === null || newSel === void 0 ? void 0 : newSel.removeAllRanges();
-                                                            newSel === null || newSel === void 0 ? void 0 : newSel.addRange(newRange);
-                                                        }
-                                                    }
-                                                }, 0);
-                                            }
-                                        }
-                                    }, placeholder: "Typ een item...", formatting: listFormatting, className: "leading-relaxed min-h-[1.5em] w-full text-gray-800", isFocused: false }), isEmpty && idx === items.length - 1 && (_jsx("button", { type: "button", onClick: () => handleAddItem(idx), className: "mt-2 text-xs text-gray-400 hover:text-gray-600", children: "+ Voeg item toe" }))] })] }, idx));
-            }) }) }));
+    }, [items, onUpdate]);
+    return (_jsx(ListContainer, { type: type, children: items.map((item, idx) => (_jsxs("li", { className: `${type === "checklist" ? "flex items-start gap-3" : ""}`, children: [type === "checklist" && (_jsx("input", { type: "checkbox", disabled: true, className: "mt-1.5 w-4 h-4 accent-gray-400 cursor-not-allowed shrink-0" })), _jsx("input", { ref: (el) => { inputRefs.current[idx] = el; }, type: "text", value: item, onChange: (e) => handleChange(idx, e.target.value), onKeyDown: (e) => handleKeyDown(e, idx), placeholder: "Typ een item...", className: "flex-1 leading-relaxed min-h-[1.5em] w-full text-[color:var(--content-text-color,#374151)] bg-transparent border-none outline-none focus:ring-0 p-0" })] }, idx))) }));
 };
-/**
- * 3. Preview Component
- */
 const ListPreview = ({ block }) => {
-    // Handle both string[] (legacy) and ItemObj[] formats
     const rawItems = Array.isArray(block.data.items) ? block.data.items : [];
     const items = rawItems.map((item) => {
-        if (typeof item === 'string') {
-            return { text: item, html: item };
-        }
+        if (typeof item === 'string')
+            return item;
         if (typeof item === 'object' && item !== null && 'text' in item) {
-            const itemObj = item;
-            return {
-                text: itemObj.text || '',
-                html: itemObj.html || itemObj.text || ''
-            };
+            return item.text || '';
         }
-        return { text: '', html: '' };
+        return '';
     });
     const type = (block.data.type || "ul");
     return (_jsx(ListContainer, { type: type, children: items.map((item, idx) => {
-            const html = item.html || item.text || '';
-            if (!html || html.replace(/<[^>]*>/g, '').trim() === '')
+            if (!item.trim())
                 return null;
-            return (_jsxs("li", { className: `${type === "checklist" ? "flex items-start gap-3" : ""}`, children: [type === "checklist" && (_jsx("input", { type: "checkbox", className: "mt-1.5 w-4 h-4 accent-gray-600 shrink-0" })), _jsx("div", { className: "leading-relaxed min-h-[1.5em] w-full", children: _jsx(RichTextPreview, { content: html, formatting: listFormatting, className: "text-gray-800" }) })] }, idx));
+            return (_jsxs("li", { className: `${type === "checklist" ? "flex items-start gap-3" : ""}`, children: [type === "checklist" && (_jsx("input", { type: "checkbox", className: "mt-1.5 w-4 h-4 accent-gray-600 shrink-0" })), _jsx("span", { className: "leading-relaxed text-[color:var(--content-text-color,#374151)]", children: item })] }, idx));
         }) }));
 };
 export const listBlock = {
     type: 'list',
     name: 'Lijst',
-    description: '',
+    description: 'Opsomming met items',
     icon: ListChecks,
     defaultData: {
-        title: '',
-        items: [{ text: '' }],
+        items: [''],
+        type: 'ul',
     },
     category: 'text',
-    validate: (data) => {
-        return typeof data.title === 'string' &&
-            Array.isArray(data.items) &&
-            data.items.every((item) => {
-                if (typeof item === 'string')
-                    return true;
-                if (typeof item === 'object' && item !== null && 'text' in item) {
-                    return typeof item.text === 'string';
-                }
-                return false;
-            });
-    },
+    validate: (data) => Array.isArray(data.items),
     components: {
         Edit: ListEdit,
         Preview: ListPreview,

package/dist/plugin-blog/blocks/Paragraph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../../src/plugin-blog/blocks/Paragraph.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,qBAAqB,EAA6D,MAAM,oBAAoB,CAAC;AAkEzJ,eAAO,MAAM,cAAc,EAAE,qBAkB5B,CAAC"}
+{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../../src/plugin-blog/blocks/Paragraph.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAqC,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAiD9F,eAAO,MAAM,cAAc,EAAE,qBAgB5B,CAAC"}