@delmaredigital/payload-puck 0.6.12 → 0.6.14

package/dist/fields/richtext/controls/shared.js

@@ -2,35 +2,70 @@
  * Shared utilities for RichText controls
  *
  * Color manipulation, font size presets, and common types.
- */
-// =============================================================================
+ */ // =============================================================================
 // Font Size Presets
 // =============================================================================
 export const FONT_SIZES = [
-    { label: 'XS', value: '0.75rem', px: '12px' },
-    { label: 'Small', value: '0.875rem', px: '14px' },
-    { label: 'Normal', value: null, px: '16px' },
-    { label: 'Medium', value: '1.125rem', px: '18px' },
-    { label: 'Large', value: '1.25rem', px: '20px' },
-    { label: 'XL', value: '1.5rem', px: '24px' },
-    { label: '2XL', value: '1.875rem', px: '30px' },
-    { label: '3XL', value: '2.25rem', px: '36px' },
-    { label: '4XL', value: '3rem', px: '48px' },
+    {
+        label: 'XS',
+        value: '0.75rem',
+        px: '12px'
+    },
+    {
+        label: 'Small',
+        value: '0.875rem',
+        px: '14px'
+    },
+    {
+        label: 'Normal',
+        value: null,
+        px: '16px'
+    },
+    {
+        label: 'Medium',
+        value: '1.125rem',
+        px: '18px'
+    },
+    {
+        label: 'Large',
+        value: '1.25rem',
+        px: '20px'
+    },
+    {
+        label: 'XL',
+        value: '1.5rem',
+        px: '24px'
+    },
+    {
+        label: '2XL',
+        value: '1.875rem',
+        px: '30px'
+    },
+    {
+        label: '3XL',
+        value: '2.25rem',
+        px: '36px'
+    },
+    {
+        label: '4XL',
+        value: '3rem',
+        px: '48px'
+    }
+];
+export const FONT_SIZE_UNITS = [
+    'px',
+    'rem',
+    'em'
 ];
-export const FONT_SIZE_UNITS = ['px', 'rem', 'em'];
 // =============================================================================
 // Color Utilities
 // =============================================================================
 /**
  * Validates and normalizes a hex color string
- */
-export function normalizeHex(hex) {
+ */ export function normalizeHex(hex) {
     let clean = hex.replace(/^#/, '');
     if (clean.length === 3) {
-        clean = clean
-            .split('')
-            .map((c) => c + c)
-            .join('');
+        clean = clean.split('').map((c)=>c + c).join('');
     }
     if (!/^[0-9A-Fa-f]{6}$/.test(clean)) {
         return '';
@@ -39,8 +74,7 @@ export function normalizeHex(hex) {
 }
 /**
  * Converts hex + opacity to rgba CSS string
- */
-export function hexToRgba(hex, opacity) {
+ */ export function hexToRgba(hex, opacity) {
     const clean = hex.replace(/^#/, '');
     const r = parseInt(clean.substring(0, 2), 16);
     const g = parseInt(clean.substring(2, 4), 16);
@@ -49,10 +83,11 @@ export function hexToRgba(hex, opacity) {
 }
 /**
  * Parses a color string (hex or rgba) and returns hex + opacity
- */
-export function parseColor(color) {
-    if (!color)
-        return { hex: '#000000', opacity: 100 };
+ */ export function parseColor(color) {
+    if (!color) return {
+        hex: '#000000',
+        opacity: 100
+    };
     // Handle rgba
     const rgbaMatch = color.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/);
     if (rgbaMatch) {
@@ -61,14 +96,23 @@ export function parseColor(color) {
         const b = parseInt(rgbaMatch[3], 10);
         const a = rgbaMatch[4] ? parseFloat(rgbaMatch[4]) : 1;
         const hex = `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;
-        return { hex, opacity: Math.round(a * 100) };
+        return {
+            hex,
+            opacity: Math.round(a * 100)
+        };
     }
     // Handle hex
     const normalized = normalizeHex(color);
     if (normalized) {
-        return { hex: normalized, opacity: 100 };
+        return {
+            hex: normalized,
+            opacity: 100
+        };
     }
-    return { hex: '#000000', opacity: 100 };
+    return {
+        hex: '#000000',
+        opacity: 100
+    };
 }
 // =============================================================================
 // Shared Styles
@@ -76,7 +120,7 @@ export function parseColor(color) {
 export const controlStyles = {
     icon: {
         width: '16px',
-        height: '16px',
+        height: '16px'
     },
     dropdownTrigger: {
         display: 'inline-flex',
@@ -89,10 +133,10 @@ export const controlStyles = {
         border: 'none',
         backgroundColor: 'transparent',
         cursor: 'pointer',
-        transition: 'background-color 0.15s',
+        transition: 'background-color 0.15s'
     },
     dropdownTriggerActive: {
-        color: 'var(--puck-color-azure-04)',
+        color: 'var(--puck-color-azure-04)'
     },
     dropdown: {
         position: 'absolute',
@@ -103,8 +147,8 @@ export const controlStyles = {
         border: '1px solid var(--puck-color-grey-03)',
         borderRadius: '6px',
         boxShadow: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
-        zIndex: 9999, // High z-index to ensure dropdown appears above sidebar content
-        minWidth: '160px',
+        zIndex: 9999,
+        minWidth: '160px'
     },
     dropdownItem: {
         width: '100%',
@@ -116,7 +160,7 @@ export const controlStyles = {
         alignItems: 'center',
         border: 'none',
         backgroundColor: 'transparent',
-        cursor: 'pointer',
+        cursor: 'pointer'
     },
     dropdownLabel: {
         padding: '4px 12px',
@@ -124,12 +168,12 @@ export const controlStyles = {
         color: 'var(--puck-color-grey-05)',
         fontWeight: 500,
         textTransform: 'uppercase',
-        letterSpacing: '0.5px',
+        letterSpacing: '0.5px'
     },
     dropdownSeparator: {
         height: '1px',
         backgroundColor: 'var(--puck-color-grey-03)',
-        margin: '4px 0',
+        margin: '4px 0'
     },
     // Color picker specific styles
     colorPickerContainer: {
@@ -137,12 +181,12 @@ export const controlStyles = {
         display: 'flex',
         flexDirection: 'column',
         gap: '12px',
-        minWidth: '240px',
+        minWidth: '240px'
     },
     colorPickerRow: {
         display: 'flex',
         alignItems: 'center',
-        gap: '8px',
+        gap: '8px'
     },
     colorPickerInput: {
         width: '36px',
@@ -151,7 +195,7 @@ export const controlStyles = {
         border: '1px solid var(--puck-color-grey-03)',
         borderRadius: '6px',
         cursor: 'pointer',
-        flexShrink: 0,
+        flexShrink: 0
     },
     colorPickerHexInput: {
         flex: 1,
@@ -163,7 +207,7 @@ export const controlStyles = {
         borderRadius: '6px',
         backgroundColor: 'var(--puck-color-white)',
         color: 'var(--puck-color-grey-08)',
-        outline: 'none',
+        outline: 'none'
     },
     colorPickerPreview: {
         width: '36px',
@@ -172,7 +216,7 @@ export const controlStyles = {
         border: '1px solid var(--puck-color-grey-03)',
         flexShrink: 0,
         position: 'relative',
-        overflow: 'hidden',
+        overflow: 'hidden'
     },
     colorPickerCheckerboard: {
         position: 'absolute',
@@ -180,37 +224,37 @@ export const controlStyles = {
         backgroundImage: 'linear-gradient(45deg, #d0d0d0 25%, transparent 25%), linear-gradient(-45deg, #d0d0d0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #d0d0d0 75%), linear-gradient(-45deg, transparent 75%, #d0d0d0 75%)',
         backgroundSize: '8px 8px',
         backgroundPosition: '0 0, 0 4px, 4px -4px, -4px 0px',
-        backgroundColor: '#f0f0f0',
+        backgroundColor: '#f0f0f0'
     },
     colorPickerOverlay: {
         position: 'absolute',
-        inset: 0,
+        inset: 0
     },
     colorPickerOpacitySection: {
         display: 'flex',
         flexDirection: 'column',
-        gap: '4px',
+        gap: '4px'
     },
     colorPickerOpacityHeader: {
         display: 'flex',
         alignItems: 'center',
-        justifyContent: 'space-between',
+        justifyContent: 'space-between'
     },
     colorPickerOpacityLabel: {
         fontSize: '11px',
-        color: 'var(--puck-color-grey-05)',
+        color: 'var(--puck-color-grey-05)'
     },
     colorPickerOpacityValue: {
         fontSize: '11px',
         fontFamily: 'monospace',
-        color: 'var(--puck-color-grey-05)',
+        color: 'var(--puck-color-grey-05)'
     },
     colorPickerOpacitySlider: {
         position: 'relative',
         height: '10px',
         borderRadius: '5px',
         overflow: 'hidden',
-        border: '1px solid var(--puck-color-grey-03)',
+        border: '1px solid var(--puck-color-grey-03)'
     },
     colorPickerOpacityInputRange: {
         position: 'absolute',
@@ -219,7 +263,7 @@ export const controlStyles = {
         height: '100%',
         opacity: 0,
         cursor: 'pointer',
-        margin: 0,
+        margin: 0
     },
     colorPickerOpacityThumb: {
         position: 'absolute',
@@ -230,17 +274,17 @@ export const controlStyles = {
         border: '1px solid var(--puck-color-grey-04)',
         borderRadius: '2px',
         boxShadow: '0 1px 2px rgba(0,0,0,0.15)',
-        pointerEvents: 'none',
+        pointerEvents: 'none'
     },
     colorPickerPresetsLabel: {
         fontSize: '11px',
         color: 'var(--puck-color-grey-05)',
-        marginBottom: '4px',
+        marginBottom: '4px'
     },
     colorPickerPresetsGrid: {
         display: 'flex',
         flexWrap: 'wrap',
-        gap: '4px',
+        gap: '4px'
     },
     colorPickerPresetButton: {
         width: '22px',
@@ -250,7 +294,7 @@ export const controlStyles = {
         cursor: 'pointer',
         border: '1px solid var(--puck-color-grey-03)',
         outline: 'none',
-        transition: 'transform 0.1s',
+        transition: 'transform 0.1s'
     },
     colorPickerPresetButtonSelected: {
         width: '22px',
@@ -260,7 +304,7 @@ export const controlStyles = {
         cursor: 'pointer',
         border: '2px solid var(--puck-color-grey-08)',
         outline: '2px solid var(--puck-color-grey-03)',
-        outlineOffset: '1px',
+        outlineOffset: '1px'
     },
     colorPickerThemeButton: {
         display: 'flex',
@@ -274,7 +318,7 @@ export const controlStyles = {
         cursor: 'pointer',
         fontSize: '13px',
         color: 'var(--puck-color-grey-07)',
-        transition: 'background-color 0.15s',
+        transition: 'background-color 0.15s'
     },
     colorPickerThemeSwatch: {
         width: '20px',
@@ -282,14 +326,14 @@ export const controlStyles = {
         borderRadius: '4px',
         border: '1px solid var(--puck-color-grey-03)',
         flexShrink: 0,
-        background: 'linear-gradient(135deg, #fff 50%, #1f2937 50%)',
+        background: 'linear-gradient(135deg, #fff 50%, #1f2937 50%)'
     },
     // Font size specific styles
     fontSizeGrid: {
         display: 'grid',
         gridTemplateColumns: 'repeat(3, 1fr)',
         gap: '4px',
-        padding: '8px',
+        padding: '8px'
     },
     fontSizeButton: {
         padding: '6px 8px',
@@ -300,20 +344,20 @@ export const controlStyles = {
         color: 'var(--puck-color-grey-07)',
         cursor: 'pointer',
         textAlign: 'center',
-        transition: 'background-color 0.15s, border-color 0.15s',
+        transition: 'background-color 0.15s, border-color 0.15s'
     },
     fontSizeButtonActive: {
         backgroundColor: 'var(--puck-color-azure-11)',
         border: '1px solid var(--puck-color-azure-11)',
         color: 'var(--puck-color-azure-04)',
-        fontWeight: 500,
+        fontWeight: 500
     },
     customSizeRow: {
         display: 'flex',
         alignItems: 'center',
         gap: '4px',
         padding: '8px',
-        borderTop: '1px solid var(--puck-color-grey-03)',
+        borderTop: '1px solid var(--puck-color-grey-03)'
     },
     customSizeInput: {
         width: '60px',
@@ -323,7 +367,7 @@ export const controlStyles = {
         borderRadius: '4px',
         outline: 'none',
         backgroundColor: 'var(--puck-color-white)',
-        color: 'var(--puck-color-grey-08)',
+        color: 'var(--puck-color-grey-08)'
     },
     customSizeSelect: {
         padding: '6px 4px',
@@ -332,7 +376,7 @@ export const controlStyles = {
         borderRadius: '4px',
         outline: 'none',
         backgroundColor: 'var(--puck-color-white)',
-        color: 'var(--puck-color-grey-08)',
+        color: 'var(--puck-color-grey-08)'
     },
     customSizeApply: {
         padding: '6px 10px',
@@ -342,7 +386,6 @@ export const controlStyles = {
         borderRadius: '4px',
         border: 'none',
         cursor: 'pointer',
-        fontWeight: 500,
-    },
+        fontWeight: 500
+    }
 };
-//# sourceMappingURL=shared.js.map

package/dist/fields/richtext/createRichTextField.d.ts

@@ -1,3 +1,17 @@
+/**
+ * createRichTextField - Factory for enhanced Puck richtext fields
+ *
+ * Creates a Puck native richtext field with additional features:
+ * - Text color with opacity (RGBA)
+ * - Highlight with multicolor support
+ * - Font size (9 presets + custom)
+ * - Superscript and subscript
+ * - Theme color presets integration
+ *
+ * Uses Puck's official extension points (tiptap.extensions, tiptap.selector, renderMenu)
+ * for native integration with contentEditable support.
+ */
+import React from 'react';
 export interface CreateRichTextFieldOptions {
     /** Field label shown in sidebar */
     label?: string;
@@ -88,7 +102,7 @@ export declare function createRichTextField(options?: CreateRichTextFieldOptions
     renderMenu: ({ editor, editorState }: {
         editor: any;
         editorState: any;
-    }) => import("react/jsx-runtime").JSX.Element | null;
+    }) => React.JSX.Element | null;
 };
 /**
  * Full-featured richtext field with all enhancements
@@ -112,7 +126,7 @@ export declare const fullRichTextField: {
     renderMenu: ({ editor, editorState }: {
         editor: any;
         editorState: any;
-    }) => import("react/jsx-runtime").JSX.Element | null;
+    }) => React.JSX.Element | null;
 };
 /**
  * Minimal richtext field - structure only, no styling controls
@@ -136,7 +150,7 @@ export declare const minimalRichTextField: {
     renderMenu: ({ editor, editorState }: {
         editor: any;
         editorState: any;
-    }) => import("react/jsx-runtime").JSX.Element | null;
+    }) => React.JSX.Element | null;
 };
 /**
  * Sidebar-only richtext field (no inline editing)
@@ -160,6 +174,5 @@ export declare const sidebarRichTextField: {
     renderMenu: ({ editor, editorState }: {
         editor: any;
         editorState: any;
-    }) => import("react/jsx-runtime").JSX.Element | null;
+    }) => React.JSX.Element | null;
 };
-//# sourceMappingURL=createRichTextField.d.ts.map

package/dist/fields/richtext/createRichTextField.js

@@ -1,5 +1,18 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * createRichTextField - Factory for enhanced Puck richtext fields
+ *
+ * Creates a Puck native richtext field with additional features:
+ * - Text color with opacity (RGBA)
+ * - Highlight with multicolor support
+ * - Font size (9 presets + custom)
+ * - Superscript and subscript
+ * - Theme color presets integration
+ *
+ * Uses Puck's official extension points (tiptap.extensions, tiptap.selector, renderMenu)
+ * for native integration with contentEditable support.
+ */ import React from 'react';
 import { RichTextMenu } from '@puckeditor/core';
 import { TextStyle } from '@tiptap/extension-text-style';
 import { Color } from '@tiptap/extension-color';
@@ -7,10 +20,10 @@ import HighlightExtension from '@tiptap/extension-highlight';
 import Superscript from '@tiptap/extension-superscript';
 import Subscript from '@tiptap/extension-subscript';
 import { Superscript as SuperscriptIcon, Subscript as SubscriptIcon } from 'lucide-react';
-import { FontSize } from './extensions/FontSize';
-import { ColorPickerControl } from './controls/ColorPickerControl';
-import { FontSizeControl } from './controls/FontSizeControl';
-import { HighlightControl } from './controls/HighlightControl';
+import { FontSize } from './extensions/FontSize.js';
+import { ColorPickerControl } from './controls/ColorPickerControl.js';
+import { FontSizeControl } from './controls/FontSizeControl.js';
+import { HighlightControl } from './controls/HighlightControl.js';
 // =============================================================================
 // Factory Function
 // =============================================================================
@@ -29,17 +42,27 @@ import { HighlightControl } from './controls/HighlightControl';
  *   // ...
  * }
  * ```
- */
-export function createRichTextField(options = {}) {
-    const { label, contentEditable = false, initialHeight = 192, headingLevels = [1, 2, 3, 4, 5, 6], fontSize = true, textColor = true, highlight = true, superscript = true, subscript = true, codeBlock = true, blockquote = true, } = options;
+ */ export function createRichTextField(options = {}) {
+    const { label, contentEditable = false, initialHeight = 192, headingLevels = [
+        1,
+        2,
+        3,
+        4,
+        5,
+        6
+    ], fontSize = true, textColor = true, highlight = true, superscript = true, subscript = true, codeBlock = true, blockquote = true } = options;
     // Build custom TipTap extensions array
     // Using any[] to avoid complex union types with TipTap extensions
-    const customExtensions = [TextStyle];
+    const customExtensions = [
+        TextStyle
+    ];
     if (textColor) {
         customExtensions.push(Color);
     }
     if (highlight) {
-        customExtensions.push(HighlightExtension.configure({ multicolor: true }));
+        customExtensions.push(HighlightExtension.configure({
+            multicolor: true
+        }));
     }
     if (fontSize) {
         customExtensions.push(FontSize);
@@ -60,16 +83,18 @@ export function createRichTextField(options = {}) {
         // Note: Puck expects `false` to disable or config object to customize
         // Omitting a key or setting to `undefined` means "use default" (enabled)
         options: {
-            heading: { levels: headingLevels },
+            heading: {
+                levels: headingLevels
+            },
             codeBlock: codeBlock ? undefined : false,
-            blockquote: blockquote ? undefined : false,
+            blockquote: blockquote ? undefined : false
         },
         // Add our custom TipTap extensions
         tiptap: {
             extensions: customExtensions,
             // Expose custom state for our controls
             // Cast to any because Puck's types expect Record<string, boolean> but we need strings for colors/sizes
-            selector: ((ctx) => {
+            selector: (ctx)=>{
                 if (!ctx.editor) {
                     return {};
                 }
@@ -85,19 +110,79 @@ export function createRichTextField(options = {}) {
                     isSuperscript: ctx.editor.isActive('superscript'),
                     isSubscript: ctx.editor.isActive('subscript'),
                     canSuperscript: ctx.editor.can().toggleSuperscript(),
-                    canSubscript: ctx.editor.can().toggleSubscript(),
+                    canSubscript: ctx.editor.can().toggleSubscript()
                 };
-            }),
+            }
         },
         // Custom menu with our additional controls
         // Using any types for Puck compatibility - our selector adds custom properties to editorState
-        renderMenu: ({ editor, editorState }) => {
+        renderMenu: ({ editor, editorState })=>{
             // Guard against null editor/state during initialization
             if (!editor || !editorState) {
                 return null;
             }
-            return (_jsxs(RichTextMenu, { children: [_jsxs(RichTextMenu.Group, { children: [_jsx(RichTextMenu.Bold, {}), _jsx(RichTextMenu.Italic, {}), _jsx(RichTextMenu.Underline, {}), _jsx(RichTextMenu.Strikethrough, {}), superscript && (_jsx(RichTextMenu.Control, { icon: _jsx(SuperscriptIcon, { size: 16 }), title: "Superscript", active: editorState.isSuperscript, disabled: !editorState.canSuperscript, onClick: () => editor.chain().focus().toggleSuperscript().run() })), subscript && (_jsx(RichTextMenu.Control, { icon: _jsx(SubscriptIcon, { size: 16 }), title: "Subscript", active: editorState.isSubscript, disabled: !editorState.canSubscript, onClick: () => editor.chain().focus().toggleSubscript().run() }))] }), _jsxs(RichTextMenu.Group, { children: [_jsx(RichTextMenu.HeadingSelect, {}), _jsx(RichTextMenu.ListSelect, {}), _jsx(RichTextMenu.AlignSelect, {})] }), _jsxs(RichTextMenu.Group, { children: [fontSize && _jsx(FontSizeControl, { editor: editor, currentSize: editorState.currentFontSize }), textColor && _jsx(ColorPickerControl, { editor: editor, currentColor: editorState.currentColor }), highlight && (_jsx(HighlightControl, { editor: editor, currentColor: editorState.highlightColor, isActive: editorState.isHighlight }))] }), _jsxs(RichTextMenu.Group, { children: [blockquote && _jsx(RichTextMenu.Blockquote, {}), codeBlock && _jsx(RichTextMenu.CodeBlock, {}), _jsx(RichTextMenu.HorizontalRule, {})] })] }));
-        },
+            return /*#__PURE__*/ _jsxs(RichTextMenu, {
+                children: [
+                    /*#__PURE__*/ _jsxs(RichTextMenu.Group, {
+                        children: [
+                            /*#__PURE__*/ _jsx(RichTextMenu.Bold, {}),
+                            /*#__PURE__*/ _jsx(RichTextMenu.Italic, {}),
+                            /*#__PURE__*/ _jsx(RichTextMenu.Underline, {}),
+                            /*#__PURE__*/ _jsx(RichTextMenu.Strikethrough, {}),
+                            superscript && /*#__PURE__*/ _jsx(RichTextMenu.Control, {
+                                icon: /*#__PURE__*/ _jsx(SuperscriptIcon, {
+                                    size: 16
+                                }),
+                                title: "Superscript",
+                                active: editorState.isSuperscript,
+                                disabled: !editorState.canSuperscript,
+                                onClick: ()=>editor.chain().focus().toggleSuperscript().run()
+                            }),
+                            subscript && /*#__PURE__*/ _jsx(RichTextMenu.Control, {
+                                icon: /*#__PURE__*/ _jsx(SubscriptIcon, {
+                                    size: 16
+                                }),
+                                title: "Subscript",
+                                active: editorState.isSubscript,
+                                disabled: !editorState.canSubscript,
+                                onClick: ()=>editor.chain().focus().toggleSubscript().run()
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs(RichTextMenu.Group, {
+                        children: [
+                            /*#__PURE__*/ _jsx(RichTextMenu.HeadingSelect, {}),
+                            /*#__PURE__*/ _jsx(RichTextMenu.ListSelect, {}),
+                            /*#__PURE__*/ _jsx(RichTextMenu.AlignSelect, {})
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs(RichTextMenu.Group, {
+                        children: [
+                            fontSize && /*#__PURE__*/ _jsx(FontSizeControl, {
+                                editor: editor,
+                                currentSize: editorState.currentFontSize
+                            }),
+                            textColor && /*#__PURE__*/ _jsx(ColorPickerControl, {
+                                editor: editor,
+                                currentColor: editorState.currentColor
+                            }),
+                            highlight && /*#__PURE__*/ _jsx(HighlightControl, {
+                                editor: editor,
+                                currentColor: editorState.highlightColor,
+                                isActive: editorState.isHighlight
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs(RichTextMenu.Group, {
+                        children: [
+                            blockquote && /*#__PURE__*/ _jsx(RichTextMenu.Blockquote, {}),
+                            codeBlock && /*#__PURE__*/ _jsx(RichTextMenu.CodeBlock, {}),
+                            /*#__PURE__*/ _jsx(RichTextMenu.HorizontalRule, {})
+                        ]
+                    })
+                ]
+            });
+        }
     };
 }
 // =============================================================================
@@ -105,35 +190,35 @@ export function createRichTextField(options = {}) {
 // =============================================================================
 /**
  * Full-featured richtext field with all enhancements
- */
-export const fullRichTextField = createRichTextField({
+ */ export const fullRichTextField = createRichTextField({
     contentEditable: true,
     fontSize: true,
     textColor: true,
     highlight: true,
     superscript: true,
-    subscript: true,
+    subscript: true
 });
 /**
  * Minimal richtext field - structure only, no styling controls
- */
-export const minimalRichTextField = createRichTextField({
+ */ export const minimalRichTextField = createRichTextField({
     contentEditable: true,
     fontSize: false,
     textColor: false,
     highlight: false,
     superscript: false,
     subscript: false,
-    headingLevels: [1, 2, 3],
+    headingLevels: [
+        1,
+        2,
+        3
+    ]
 });
 /**
  * Sidebar-only richtext field (no inline editing)
- */
-export const sidebarRichTextField = createRichTextField({
+ */ export const sidebarRichTextField = createRichTextField({
     contentEditable: false,
     initialHeight: 300,
     fontSize: true,
     textColor: true,
-    highlight: true,
+    highlight: true
 });
-//# sourceMappingURL=createRichTextField.js.map

package/dist/fields/richtext/extensions/FontSize.d.ts

@@ -20,4 +20,3 @@ declare module '@tiptap/core' {
     }
 }
 export declare const FontSize: Extension<any, any>;
-//# sourceMappingURL=FontSize.d.ts.map