@delmaredigital/payload-puck 0.4.0 → 0.6.1

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

@@ -0,0 +1,344 @@
+/**
+ * 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' },
+];
+export const FONT_SIZE_UNITS = ['px', 'rem', 'em'];
+// =============================================================================
+// Color Utilities
+// =============================================================================
+/**
+ * Validates and normalizes a hex color string
+ */
+export function normalizeHex(hex) {
+    let clean = hex.replace(/^#/, '');
+    if (clean.length === 3) {
+        clean = clean
+            .split('')
+            .map((c) => c + c)
+            .join('');
+    }
+    if (!/^[0-9A-Fa-f]{6}$/.test(clean)) {
+        return '';
+    }
+    return `#${clean.toLowerCase()}`;
+}
+/**
+ * Converts hex + opacity to rgba CSS string
+ */
+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);
+    const b = parseInt(clean.substring(4, 6), 16);
+    return `rgba(${r}, ${g}, ${b}, ${opacity / 100})`;
+}
+/**
+ * Parses a color string (hex or rgba) and returns hex + opacity
+ */
+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) {
+        const r = parseInt(rgbaMatch[1], 10);
+        const g = parseInt(rgbaMatch[2], 10);
+        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) };
+    }
+    // Handle hex
+    const normalized = normalizeHex(color);
+    if (normalized) {
+        return { hex: normalized, opacity: 100 };
+    }
+    return { hex: '#000000', opacity: 100 };
+}
+// =============================================================================
+// Shared Styles
+// =============================================================================
+export const controlStyles = {
+    icon: {
+        width: '16px',
+        height: '16px',
+    },
+    dropdownTrigger: {
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: '2px',
+        height: '28px',
+        padding: '0 6px',
+        borderRadius: '4px',
+        border: 'none',
+        backgroundColor: 'transparent',
+        cursor: 'pointer',
+        transition: 'background-color 0.15s',
+    },
+    dropdownTriggerActive: {
+        color: 'var(--puck-color-azure-04)',
+    },
+    dropdown: {
+        position: 'absolute',
+        top: '100%',
+        left: 0,
+        marginTop: '4px',
+        backgroundColor: 'var(--puck-color-white)',
+        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',
+    },
+    dropdownItem: {
+        width: '100%',
+        padding: '8px 12px',
+        textAlign: 'left',
+        fontSize: '14px',
+        transition: 'background-color 0.15s',
+        display: 'flex',
+        alignItems: 'center',
+        border: 'none',
+        backgroundColor: 'transparent',
+        cursor: 'pointer',
+    },
+    dropdownLabel: {
+        padding: '4px 12px',
+        fontSize: '11px',
+        color: 'var(--puck-color-grey-05)',
+        fontWeight: 500,
+        textTransform: 'uppercase',
+        letterSpacing: '0.5px',
+    },
+    dropdownSeparator: {
+        height: '1px',
+        backgroundColor: 'var(--puck-color-grey-03)',
+        margin: '4px 0',
+    },
+    // Color picker specific styles
+    colorPickerContainer: {
+        padding: '12px',
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '12px',
+        minWidth: '240px',
+    },
+    colorPickerRow: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+    },
+    colorPickerInput: {
+        width: '36px',
+        height: '36px',
+        padding: 0,
+        border: '1px solid var(--puck-color-grey-03)',
+        borderRadius: '6px',
+        cursor: 'pointer',
+        flexShrink: 0,
+    },
+    colorPickerHexInput: {
+        flex: 1,
+        height: '36px',
+        padding: '0 10px',
+        fontSize: '13px',
+        fontFamily: 'monospace',
+        border: '1px solid var(--puck-color-grey-03)',
+        borderRadius: '6px',
+        backgroundColor: 'var(--puck-color-white)',
+        color: 'var(--puck-color-grey-08)',
+        outline: 'none',
+    },
+    colorPickerPreview: {
+        width: '36px',
+        height: '36px',
+        borderRadius: '6px',
+        border: '1px solid var(--puck-color-grey-03)',
+        flexShrink: 0,
+        position: 'relative',
+        overflow: 'hidden',
+    },
+    colorPickerCheckerboard: {
+        position: 'absolute',
+        inset: 0,
+        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',
+    },
+    colorPickerOverlay: {
+        position: 'absolute',
+        inset: 0,
+    },
+    colorPickerOpacitySection: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '4px',
+    },
+    colorPickerOpacityHeader: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+    },
+    colorPickerOpacityLabel: {
+        fontSize: '11px',
+        color: 'var(--puck-color-grey-05)',
+    },
+    colorPickerOpacityValue: {
+        fontSize: '11px',
+        fontFamily: 'monospace',
+        color: 'var(--puck-color-grey-05)',
+    },
+    colorPickerOpacitySlider: {
+        position: 'relative',
+        height: '10px',
+        borderRadius: '5px',
+        overflow: 'hidden',
+        border: '1px solid var(--puck-color-grey-03)',
+    },
+    colorPickerOpacityInputRange: {
+        position: 'absolute',
+        inset: 0,
+        width: '100%',
+        height: '100%',
+        opacity: 0,
+        cursor: 'pointer',
+        margin: 0,
+    },
+    colorPickerOpacityThumb: {
+        position: 'absolute',
+        top: 0,
+        bottom: 0,
+        width: '4px',
+        backgroundColor: 'white',
+        border: '1px solid var(--puck-color-grey-04)',
+        borderRadius: '2px',
+        boxShadow: '0 1px 2px rgba(0,0,0,0.15)',
+        pointerEvents: 'none',
+    },
+    colorPickerPresetsLabel: {
+        fontSize: '11px',
+        color: 'var(--puck-color-grey-05)',
+        marginBottom: '4px',
+    },
+    colorPickerPresetsGrid: {
+        display: 'flex',
+        flexWrap: 'wrap',
+        gap: '4px',
+    },
+    colorPickerPresetButton: {
+        width: '22px',
+        height: '22px',
+        padding: 0,
+        borderRadius: '4px',
+        cursor: 'pointer',
+        border: '1px solid var(--puck-color-grey-03)',
+        outline: 'none',
+        transition: 'transform 0.1s',
+    },
+    colorPickerPresetButtonSelected: {
+        width: '22px',
+        height: '22px',
+        padding: 0,
+        borderRadius: '4px',
+        cursor: 'pointer',
+        border: '2px solid var(--puck-color-grey-08)',
+        outline: '2px solid var(--puck-color-grey-03)',
+        outlineOffset: '1px',
+    },
+    colorPickerThemeButton: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+        width: '100%',
+        padding: '8px',
+        border: '1px solid var(--puck-color-grey-03)',
+        borderRadius: '6px',
+        backgroundColor: 'transparent',
+        cursor: 'pointer',
+        fontSize: '13px',
+        color: 'var(--puck-color-grey-07)',
+        transition: 'background-color 0.15s',
+    },
+    colorPickerThemeSwatch: {
+        width: '20px',
+        height: '20px',
+        borderRadius: '4px',
+        border: '1px solid var(--puck-color-grey-03)',
+        flexShrink: 0,
+        background: 'linear-gradient(135deg, #fff 50%, #1f2937 50%)',
+    },
+    // Font size specific styles
+    fontSizeGrid: {
+        display: 'grid',
+        gridTemplateColumns: 'repeat(3, 1fr)',
+        gap: '4px',
+        padding: '8px',
+    },
+    fontSizeButton: {
+        padding: '6px 8px',
+        fontSize: '12px',
+        borderRadius: '4px',
+        border: '1px solid var(--puck-color-grey-03)',
+        backgroundColor: 'transparent',
+        cursor: 'pointer',
+        textAlign: 'center',
+        transition: 'background-color 0.15s',
+    },
+    fontSizeButtonActive: {
+        backgroundColor: 'var(--puck-color-azure-11)',
+        borderColor: 'var(--puck-color-azure-11)',
+        color: 'var(--puck-color-azure-04)',
+        fontWeight: 500,
+    },
+    customSizeRow: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '4px',
+        padding: '8px',
+        borderTop: '1px solid var(--puck-color-grey-03)',
+    },
+    customSizeInput: {
+        width: '60px',
+        padding: '6px 8px',
+        fontSize: '13px',
+        border: '1px solid var(--puck-color-grey-03)',
+        borderRadius: '4px',
+        outline: 'none',
+    },
+    customSizeSelect: {
+        padding: '6px 4px',
+        fontSize: '13px',
+        border: '1px solid var(--puck-color-grey-03)',
+        borderRadius: '4px',
+        outline: 'none',
+        backgroundColor: 'var(--puck-color-white)',
+    },
+    customSizeApply: {
+        padding: '6px 10px',
+        fontSize: '12px',
+        backgroundColor: 'var(--puck-color-azure-04)',
+        color: 'var(--puck-color-white)',
+        borderRadius: '4px',
+        border: 'none',
+        cursor: 'pointer',
+        fontWeight: 500,
+    },
+};
+//# sourceMappingURL=shared.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../../src/fields/richtext/controls/shared.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,165 @@
+export interface CreateRichTextFieldOptions {
+    /** Field label shown in sidebar */
+    label?: string;
+    /**
+     * Enable inline editing on canvas.
+     * When true, users can edit text directly in the preview.
+     * @default false
+     */
+    contentEditable?: boolean;
+    /**
+     * Initial height for sidebar editor (ignored if contentEditable is true)
+     * @default 192
+     */
+    initialHeight?: number | string;
+    /**
+     * Heading levels to allow
+     * @default [1, 2, 3, 4, 5, 6]
+     */
+    headingLevels?: (1 | 2 | 3 | 4 | 5 | 6)[];
+    /**
+     * Enable font size control
+     * @default true
+     */
+    fontSize?: boolean;
+    /**
+     * Enable text color control
+     * @default true
+     */
+    textColor?: boolean;
+    /**
+     * Enable highlight control
+     * @default true
+     */
+    highlight?: boolean;
+    /**
+     * Enable superscript
+     * @default true
+     */
+    superscript?: boolean;
+    /**
+     * Enable subscript
+     * @default true
+     */
+    subscript?: boolean;
+    /**
+     * Enable code blocks (in addition to inline code)
+     * @default true
+     */
+    codeBlock?: boolean;
+    /**
+     * Enable blockquotes
+     * @default true
+     */
+    blockquote?: boolean;
+}
+/**
+ * Creates a Puck richtext field with enhanced features.
+ *
+ * @example
+ * ```tsx
+ * const myConfig: ComponentConfig = {
+ *   fields: {
+ *     content: createRichTextField({
+ *       label: 'Content',
+ *       contentEditable: true,
+ *     }),
+ *   },
+ *   // ...
+ * }
+ * ```
+ */
+export declare function createRichTextField(options?: CreateRichTextFieldOptions): {
+    type: "richtext";
+    label: string | undefined;
+    contentEditable: boolean;
+    initialHeight: string | number;
+    options: {
+        heading: {
+            levels: (1 | 2 | 4 | 3 | 5 | 6)[];
+        };
+        codeBlock: false | undefined;
+        blockquote: false | undefined;
+    };
+    tiptap: {
+        extensions: any[];
+        selector: any;
+    };
+    renderMenu: ({ editor, editorState }: {
+        editor: any;
+        editorState: any;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+};
+/**
+ * Full-featured richtext field with all enhancements
+ */
+export declare const fullRichTextField: {
+    type: "richtext";
+    label: string | undefined;
+    contentEditable: boolean;
+    initialHeight: string | number;
+    options: {
+        heading: {
+            levels: (1 | 2 | 4 | 3 | 5 | 6)[];
+        };
+        codeBlock: false | undefined;
+        blockquote: false | undefined;
+    };
+    tiptap: {
+        extensions: any[];
+        selector: any;
+    };
+    renderMenu: ({ editor, editorState }: {
+        editor: any;
+        editorState: any;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+};
+/**
+ * Minimal richtext field - structure only, no styling controls
+ */
+export declare const minimalRichTextField: {
+    type: "richtext";
+    label: string | undefined;
+    contentEditable: boolean;
+    initialHeight: string | number;
+    options: {
+        heading: {
+            levels: (1 | 2 | 4 | 3 | 5 | 6)[];
+        };
+        codeBlock: false | undefined;
+        blockquote: false | undefined;
+    };
+    tiptap: {
+        extensions: any[];
+        selector: any;
+    };
+    renderMenu: ({ editor, editorState }: {
+        editor: any;
+        editorState: any;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+};
+/**
+ * Sidebar-only richtext field (no inline editing)
+ */
+export declare const sidebarRichTextField: {
+    type: "richtext";
+    label: string | undefined;
+    contentEditable: boolean;
+    initialHeight: string | number;
+    options: {
+        heading: {
+            levels: (1 | 2 | 4 | 3 | 5 | 6)[];
+        };
+        codeBlock: false | undefined;
+        blockquote: false | undefined;
+    };
+    tiptap: {
+        extensions: any[];
+        selector: any;
+    };
+    renderMenu: ({ editor, editorState }: {
+        editor: any;
+        editorState: any;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+};
+//# sourceMappingURL=createRichTextField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createRichTextField.d.ts","sourceRoot":"","sources":["../../../src/fields/richtext/createRichTextField.tsx"],"names":[],"mappings":"AAoCA,MAAM,WAAW,0BAA0B;IACzC,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE/B;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAA;IAEzC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AA0BD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,GAAE,0BAA+B;;;;;;;;;;;;;;kBAmFhE,GAAG;;0CAK2B;QAAE,MAAM,EAAE,GAAG,CAAC;QAAC,WAAW,EAAE,GAAG,CAAA;KAAE;EAgE1E;AAMD;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;kBA9ElB,GAAG;;0CAK2B;QAAE,MAAM,EAAE,GAAG,CAAC;QAAC,WAAW,EAAE,GAAG,CAAA;KAAE;CAgFzE,CAAA;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;kBA1FrB,GAAG;;0CAK2B;QAAE,MAAM,EAAE,GAAG,CAAC;QAAC,WAAW,EAAE,GAAG,CAAA;KAAE;CA6FzE,CAAA;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;kBAvGrB,GAAG;;0CAK2B;QAAE,MAAM,EAAE,GAAG,CAAC;QAAC,WAAW,EAAE,GAAG,CAAA;KAAE;CAwGzE,CAAA"}

package/dist/fields/richtext/createRichTextField.js

@@ -0,0 +1,139 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RichTextMenu } from '@puckeditor/core';
+import { TextStyle } from '@tiptap/extension-text-style';
+import { Color } from '@tiptap/extension-color';
+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';
+// =============================================================================
+// Factory Function
+// =============================================================================
+/**
+ * Creates a Puck richtext field with enhanced features.
+ *
+ * @example
+ * ```tsx
+ * const myConfig: ComponentConfig = {
+ *   fields: {
+ *     content: createRichTextField({
+ *       label: 'Content',
+ *       contentEditable: true,
+ *     }),
+ *   },
+ *   // ...
+ * }
+ * ```
+ */
+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];
+    if (textColor) {
+        customExtensions.push(Color);
+    }
+    if (highlight) {
+        customExtensions.push(HighlightExtension.configure({ multicolor: true }));
+    }
+    if (fontSize) {
+        customExtensions.push(FontSize);
+    }
+    if (superscript) {
+        customExtensions.push(Superscript);
+    }
+    if (subscript) {
+        customExtensions.push(Subscript);
+    }
+    return {
+        type: 'richtext',
+        label,
+        // Puck richtext options
+        contentEditable,
+        initialHeight,
+        // Configure built-in extensions
+        // 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 },
+            codeBlock: codeBlock ? 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) => {
+                if (!ctx.editor) {
+                    return {};
+                }
+                return {
+                    // Text color state
+                    currentColor: ctx.editor.getAttributes('textStyle').color,
+                    // Highlight state
+                    highlightColor: ctx.editor.getAttributes('highlight').color,
+                    isHighlight: ctx.editor.isActive('highlight'),
+                    // Font size state
+                    currentFontSize: ctx.editor.getAttributes('textStyle').fontSize,
+                    // Superscript/Subscript state
+                    isSuperscript: ctx.editor.isActive('superscript'),
+                    isSubscript: ctx.editor.isActive('subscript'),
+                    canSuperscript: ctx.editor.can().toggleSuperscript(),
+                    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 }) => {
+            // 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, {})] })] }));
+        },
+    };
+}
+// =============================================================================
+// Preset Configurations
+// =============================================================================
+/**
+ * Full-featured richtext field with all enhancements
+ */
+export const fullRichTextField = createRichTextField({
+    contentEditable: true,
+    fontSize: true,
+    textColor: true,
+    highlight: true,
+    superscript: true,
+    subscript: true,
+});
+/**
+ * Minimal richtext field - structure only, no styling controls
+ */
+export const minimalRichTextField = createRichTextField({
+    contentEditable: true,
+    fontSize: false,
+    textColor: false,
+    highlight: false,
+    superscript: false,
+    subscript: false,
+    headingLevels: [1, 2, 3],
+});
+/**
+ * Sidebar-only richtext field (no inline editing)
+ */
+export const sidebarRichTextField = createRichTextField({
+    contentEditable: false,
+    initialHeight: 300,
+    fontSize: true,
+    textColor: true,
+    highlight: true,
+});
+//# sourceMappingURL=createRichTextField.js.map

package/dist/fields/richtext/createRichTextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createRichTextField.js","sourceRoot":"","sources":["../../../src/fields/richtext/createRichTextField.tsx"],"names":[],"mappings":"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"}