@delmaredigital/payload-puck 0.4.0 → 0.6.1

package/dist/fields/index.js.map

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

package/dist/fields/richtext/controls/ColorPickerControl.d.ts

@@ -0,0 +1,16 @@
+import type { Editor } from '@tiptap/react';
+interface ColorPickerControlProps {
+    editor: Editor;
+    currentColor: string | undefined;
+}
+export declare function ColorPickerControl({ editor, currentColor }: ColorPickerControlProps): import("react/jsx-runtime").JSX.Element;
+interface ColorPickerPanelProps {
+    currentColor: string | undefined;
+    onColorChange: (color: string | null) => void;
+    onClose: () => void;
+    mode: 'text' | 'highlight';
+    showOpacity?: boolean;
+}
+export declare function ColorPickerPanel({ currentColor, onColorChange, onClose, mode, showOpacity, }: ColorPickerPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ColorPickerControl.d.ts.map

package/dist/fields/richtext/controls/ColorPickerControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPickerControl.d.ts","sourceRoot":"","sources":["../../../../src/fields/richtext/controls/ColorPickerControl.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAE3C,UAAU,uBAAuB;IAC/B,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;CACjC;AAED,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,uBAAuB,2CA4DnF;AAMD,UAAU,qBAAqB;IAC7B,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC7C,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,IAAI,EAAE,MAAM,GAAG,WAAW,CAAA;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,YAAY,EACZ,aAAa,EACb,OAAO,EACP,IAAI,EACJ,WAAkB,GACnB,EAAE,qBAAqB,2CAqLvB"}

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

@@ -0,0 +1,116 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ColorPickerControl - Text color control for Puck RichText toolbar
+ *
+ * A dropdown color picker with:
+ * - Native color input
+ * - Hex input with validation
+ * - Opacity slider (RGBA support)
+ * - Theme color presets
+ * - "Theme Color (Auto)" option for dark/light mode adaptation
+ */
+import { useState, useRef, useCallback } from 'react';
+import { Palette, ChevronDown } from 'lucide-react';
+import { useTheme } from '../../../theme';
+import { parseColor, normalizeHex, hexToRgba, controlStyles } from './shared';
+import { DropdownPortal } from './DropdownPortal';
+export function ColorPickerControl({ editor, currentColor }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const triggerRef = useRef(null);
+    const handleColorChange = useCallback((color) => {
+        if (color) {
+            editor.chain().focus().setColor(color).run();
+        }
+        else {
+            editor.chain().focus().unsetColor().run();
+        }
+    }, [editor]);
+    const close = useCallback(() => setIsOpen(false), []);
+    const hasColor = Boolean(currentColor);
+    return (_jsxs("div", { style: { position: 'relative' }, children: [_jsxs("button", { ref: triggerRef, type: "button", onClick: () => setIsOpen(!isOpen), title: "Text Color", style: {
+                    ...controlStyles.dropdownTrigger,
+                    ...(hasColor ? controlStyles.dropdownTriggerActive : {}),
+                }, children: [_jsx(Palette, { style: controlStyles.icon }), _jsx(ChevronDown, { style: { width: '12px', height: '12px' } }), currentColor && (_jsx("span", { style: {
+                            position: 'absolute',
+                            bottom: '2px',
+                            left: '50%',
+                            transform: 'translateX(-50%)',
+                            width: '12px',
+                            height: '3px',
+                            borderRadius: '1px',
+                            backgroundColor: currentColor,
+                        } }))] }), _jsx(DropdownPortal, { isOpen: isOpen, onClose: close, triggerRef: triggerRef, minWidth: 260, children: _jsx(ColorPickerPanel, { currentColor: currentColor, onColorChange: handleColorChange, onClose: close, mode: "text" }) })] }));
+}
+export function ColorPickerPanel({ currentColor, onColorChange, onClose, mode, showOpacity = true, }) {
+    const theme = useTheme();
+    const presets = theme.colorPresets;
+    const parsed = parseColor(currentColor);
+    const [hex, setHex] = useState(parsed.hex);
+    const [hexInput, setHexInput] = useState(parsed.hex);
+    const [opacity, setOpacity] = useState(parsed.opacity);
+    const [hoverTheme, setHoverTheme] = useState(false);
+    // Apply color (converts to rgba if opacity < 100)
+    const applyColor = useCallback((h, o) => {
+        if (o < 100) {
+            onColorChange(hexToRgba(h, o));
+        }
+        else {
+            onColorChange(h);
+        }
+    }, [onColorChange]);
+    const handleColorInputChange = useCallback((e) => {
+        const newHex = e.target.value;
+        setHex(newHex);
+        setHexInput(newHex);
+        applyColor(newHex, opacity);
+    }, [opacity, applyColor]);
+    const handleHexInputChange = useCallback((e) => {
+        const input = e.target.value;
+        setHexInput(input);
+        const normalized = normalizeHex(input);
+        if (normalized) {
+            setHex(normalized);
+            applyColor(normalized, opacity);
+        }
+    }, [opacity, applyColor]);
+    const handleHexInputBlur = useCallback(() => {
+        setHexInput(hex);
+    }, [hex]);
+    const handleOpacityChange = useCallback((e) => {
+        const newOpacity = parseInt(e.target.value, 10);
+        setOpacity(newOpacity);
+        applyColor(hex, newOpacity);
+    }, [hex, applyColor]);
+    const handlePresetClick = useCallback((preset) => {
+        setHex(preset.hex);
+        setHexInput(preset.hex);
+        setOpacity(100);
+        applyColor(preset.hex, 100);
+        onClose();
+    }, [applyColor, onClose]);
+    const handleClearColor = useCallback(() => {
+        onColorChange(null);
+        onClose();
+    }, [onColorChange, onClose]);
+    const previewColor = hexToRgba(hex, opacity);
+    return (_jsxs("div", { style: controlStyles.colorPickerContainer, children: [_jsxs("button", { type: "button", onClick: handleClearColor, onMouseEnter: () => setHoverTheme(true), onMouseLeave: () => setHoverTheme(false), style: {
+                    ...controlStyles.colorPickerThemeButton,
+                    ...(hoverTheme ? { backgroundColor: 'var(--puck-color-grey-01)' } : {}),
+                }, children: [_jsx("span", { style: controlStyles.colorPickerThemeSwatch }), mode === 'text' ? 'Theme Color (Auto)' : 'Remove Highlight'] }), _jsxs("div", { style: controlStyles.colorPickerRow, children: [_jsx("input", { type: "color", value: hex, onChange: handleColorInputChange, style: controlStyles.colorPickerInput, title: "Pick a color" }), _jsx("input", { type: "text", value: hexInput, onChange: handleHexInputChange, onBlur: handleHexInputBlur, placeholder: "#000000", style: controlStyles.colorPickerHexInput }), _jsxs("div", { style: controlStyles.colorPickerPreview, title: `${hex} at ${opacity}% opacity`, children: [_jsx("div", { style: controlStyles.colorPickerCheckerboard }), _jsx("div", { style: { ...controlStyles.colorPickerOverlay, backgroundColor: previewColor } })] })] }), showOpacity && (_jsxs("div", { style: controlStyles.colorPickerOpacitySection, children: [_jsxs("div", { style: controlStyles.colorPickerOpacityHeader, children: [_jsx("label", { style: controlStyles.colorPickerOpacityLabel, children: "Opacity" }), _jsxs("span", { style: controlStyles.colorPickerOpacityValue, children: [opacity, "%"] })] }), _jsxs("div", { style: controlStyles.colorPickerOpacitySlider, children: [_jsx("div", { style: controlStyles.colorPickerCheckerboard }), _jsx("div", { style: {
+                                    ...controlStyles.colorPickerOverlay,
+                                    background: `linear-gradient(to right, transparent 0%, ${hex} 100%)`,
+                                } }), _jsx("input", { type: "range", min: "0", max: "100", value: opacity, onChange: handleOpacityChange, style: controlStyles.colorPickerOpacityInputRange }), _jsx("div", { style: {
+                                    ...controlStyles.colorPickerOpacityThumb,
+                                    left: `calc(${opacity}% - 2px)`,
+                                } })] })] })), presets.length > 0 && (_jsxs("div", { children: [_jsx("div", { style: controlStyles.colorPickerPresetsLabel, children: "Presets" }), _jsx("div", { style: controlStyles.colorPickerPresetsGrid, children: presets.map((preset) => {
+                            const isSelected = hex.toLowerCase() === preset.hex.toLowerCase();
+                            return (_jsx("button", { type: "button", onClick: () => handlePresetClick(preset), style: {
+                                    ...(isSelected
+                                        ? controlStyles.colorPickerPresetButtonSelected
+                                        : controlStyles.colorPickerPresetButton),
+                                    backgroundColor: preset.hex,
+                                }, title: preset.label }, preset.hex));
+                        }) })] }))] }));
+}
+//# sourceMappingURL=ColorPickerControl.js.map

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

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

package/dist/fields/richtext/controls/DropdownPortal.d.ts

@@ -0,0 +1,17 @@
+/**
+ * DropdownPortal - Renders dropdown content in a portal to escape overflow clipping
+ *
+ * Uses React Portal to render outside the DOM hierarchy, similar to how
+ * Puck's native dropdowns use @radix-ui/react-popover with PopoverPortal.
+ */
+import React, { type ReactNode } from 'react';
+interface DropdownPortalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    triggerRef: React.RefObject<HTMLElement | null>;
+    children: ReactNode;
+    minWidth?: number;
+}
+export declare function DropdownPortal({ isOpen, onClose, triggerRef, children, minWidth }: DropdownPortalProps): React.ReactPortal | null;
+export {};
+//# sourceMappingURL=DropdownPortal.d.ts.map

package/dist/fields/richtext/controls/DropdownPortal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownPortal.d.ts","sourceRoot":"","sources":["../../../../src/fields/richtext/controls/DropdownPortal.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAA+B,KAAK,SAAS,EAAsB,MAAM,OAAO,CAAA;AAI9F,UAAU,mBAAmB;IAC3B,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAC/C,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAc,EAAE,EAAE,mBAAmB,4BAmG5G"}

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

@@ -0,0 +1,90 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * DropdownPortal - Renders dropdown content in a portal to escape overflow clipping
+ *
+ * Uses React Portal to render outside the DOM hierarchy, similar to how
+ * Puck's native dropdowns use @radix-ui/react-popover with PopoverPortal.
+ */
+import { useRef, useEffect, useState } from 'react';
+import ReactDOM from 'react-dom';
+export function DropdownPortal({ isOpen, onClose, triggerRef, children, minWidth = 160 }) {
+    const dropdownRef = useRef(null);
+    const [position, setPosition] = useState(null);
+    // Calculate position based on trigger element
+    useEffect(() => {
+        if (isOpen && triggerRef.current) {
+            const rect = triggerRef.current.getBoundingClientRect();
+            const dropdownWidth = minWidth;
+            const viewportWidth = window.innerWidth;
+            // Position below the trigger
+            let left = rect.left;
+            const top = rect.bottom + 4;
+            // Check if it would overflow the right edge
+            if (left + dropdownWidth > viewportWidth - 16) {
+                // Align to right edge of trigger instead
+                left = rect.right - dropdownWidth;
+            }
+            // Ensure it doesn't go off the left edge
+            if (left < 16) {
+                left = 16;
+            }
+            setPosition({ top, left });
+        }
+    }, [isOpen, triggerRef, minWidth]);
+    // Close on click outside
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        function handleClickOutside(event) {
+            const target = event.target;
+            // Don't close if clicking color input (native picker)
+            const activeElement = document.activeElement;
+            if (activeElement?.tagName === 'INPUT' && activeElement.type === 'color') {
+                return;
+            }
+            // Check if click is outside both dropdown and trigger
+            if (dropdownRef.current &&
+                !dropdownRef.current.contains(target) &&
+                triggerRef.current &&
+                !triggerRef.current.contains(target)) {
+                onClose();
+            }
+        }
+        // Use setTimeout to avoid closing immediately on the click that opened it
+        const timeoutId = setTimeout(() => {
+            document.addEventListener('mousedown', handleClickOutside);
+        }, 0);
+        return () => {
+            clearTimeout(timeoutId);
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [isOpen, onClose, triggerRef]);
+    // Close on escape key
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        function handleEscape(event) {
+            if (event.key === 'Escape') {
+                onClose();
+            }
+        }
+        document.addEventListener('keydown', handleEscape);
+        return () => document.removeEventListener('keydown', handleEscape);
+    }, [isOpen, onClose]);
+    if (!isOpen || !position)
+        return null;
+    const style = {
+        position: 'fixed',
+        top: position.top,
+        left: position.left,
+        backgroundColor: 'var(--puck-color-white)',
+        border: '1px solid var(--puck-color-grey-09)',
+        borderRadius: '8px',
+        boxShadow: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
+        zIndex: 99999,
+        minWidth,
+    };
+    return ReactDOM.createPortal(_jsx("div", { ref: dropdownRef, style: style, "data-puck-dropdown-portal": true, children: children }), document.body);
+}
+//# sourceMappingURL=DropdownPortal.js.map

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

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

package/dist/fields/richtext/controls/FontSizeControl.d.ts

@@ -0,0 +1,8 @@
+import type { Editor } from '@tiptap/react';
+interface FontSizeControlProps {
+    editor: Editor;
+    currentSize: string | undefined;
+}
+export declare function FontSizeControl({ editor, currentSize }: FontSizeControlProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FontSizeControl.d.ts.map

package/dist/fields/richtext/controls/FontSizeControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontSizeControl.d.ts","sourceRoot":"","sources":["../../../../src/fields/richtext/controls/FontSizeControl.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAE3C,UAAU,oBAAoB;IAC5B,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,GAAG,SAAS,CAAA;CAChC;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,oBAAoB,2CAgI5E"}

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

@@ -0,0 +1,62 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * FontSizeControl - Font size control for Puck RichText toolbar
+ *
+ * A dropdown with:
+ * - 9 preset sizes (XS to 4XL)
+ * - Custom size input with px/rem/em unit selection
+ */
+import { useState, useRef, useCallback } from 'react';
+import { ALargeSmall, ChevronDown } from 'lucide-react';
+import { FONT_SIZES, FONT_SIZE_UNITS, controlStyles } from './shared';
+import { DropdownPortal } from './DropdownPortal';
+export function FontSizeControl({ editor, currentSize }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const [customValue, setCustomValue] = useState('');
+    const [customUnit, setCustomUnit] = useState('px');
+    const triggerRef = useRef(null);
+    const handlePresetClick = useCallback((value) => {
+        if (value) {
+            editor.chain().focus().setFontSize(value).run();
+        }
+        else {
+            editor.chain().focus().unsetFontSize().run();
+        }
+        setIsOpen(false);
+    }, [editor]);
+    const handleCustomApply = useCallback(() => {
+        if (customValue) {
+            const size = `${customValue}${customUnit}`;
+            editor.chain().focus().setFontSize(size).run();
+            setIsOpen(false);
+            setCustomValue('');
+        }
+    }, [editor, customValue, customUnit]);
+    const handleCustomKeyDown = useCallback((e) => {
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            handleCustomApply();
+        }
+    }, [handleCustomApply]);
+    const close = useCallback(() => setIsOpen(false), []);
+    // Find current preset label if any
+    const currentPreset = FONT_SIZES.find((s) => s.value === currentSize);
+    const hasCustomSize = currentSize && !currentPreset;
+    return (_jsxs("div", { style: { position: 'relative' }, children: [_jsxs("button", { ref: triggerRef, type: "button", onClick: () => setIsOpen(!isOpen), title: "Font Size", style: {
+                    ...controlStyles.dropdownTrigger,
+                    ...(currentSize ? controlStyles.dropdownTriggerActive : {}),
+                }, children: [_jsx(ALargeSmall, { style: controlStyles.icon }), _jsx(ChevronDown, { style: { width: '12px', height: '12px' } })] }), _jsxs(DropdownPortal, { isOpen: isOpen, onClose: close, triggerRef: triggerRef, minWidth: 200, children: [_jsx("div", { style: controlStyles.dropdownLabel, children: "Presets" }), _jsx("div", { style: controlStyles.fontSizeGrid, children: FONT_SIZES.map((size) => {
+                            const isActive = size.value === currentSize || (!size.value && !currentSize);
+                            return (_jsx("button", { type: "button", onClick: () => handlePresetClick(size.value), title: size.px, style: {
+                                    ...controlStyles.fontSizeButton,
+                                    ...(isActive ? controlStyles.fontSizeButtonActive : {}),
+                                }, children: size.label }, size.label));
+                        }) }), _jsxs("div", { style: controlStyles.customSizeRow, children: [_jsx("input", { type: "number", placeholder: "16", min: "8", max: "200", value: customValue, onChange: (e) => setCustomValue(e.target.value), onKeyDown: handleCustomKeyDown, style: controlStyles.customSizeInput }), _jsx("select", { value: customUnit, onChange: (e) => setCustomUnit(e.target.value), style: controlStyles.customSizeSelect, children: FONT_SIZE_UNITS.map((unit) => (_jsx("option", { value: unit, children: unit }, unit))) }), _jsx("button", { type: "button", onClick: handleCustomApply, style: controlStyles.customSizeApply, children: "Apply" })] }), hasCustomSize && (_jsxs("div", { style: {
+                            padding: '8px 12px',
+                            fontSize: '12px',
+                            color: 'var(--puck-color-grey-05)',
+                            borderTop: '1px solid var(--puck-color-grey-03)',
+                        }, children: ["Current: ", currentSize] }))] })] }));
+}
+//# sourceMappingURL=FontSizeControl.js.map

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

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

package/dist/fields/richtext/controls/HighlightControl.d.ts

@@ -0,0 +1,9 @@
+import type { Editor } from '@tiptap/react';
+interface HighlightControlProps {
+    editor: Editor;
+    currentColor: string | undefined;
+    isActive: boolean;
+}
+export declare function HighlightControl({ editor, currentColor, isActive }: HighlightControlProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=HighlightControl.d.ts.map

package/dist/fields/richtext/controls/HighlightControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightControl.d.ts","sourceRoot":"","sources":["../../../../src/fields/richtext/controls/HighlightControl.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAE3C,UAAU,qBAAqB;IAC7B,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,qBAAqB,2CA0DzF"}

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

@@ -0,0 +1,44 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * HighlightControl - Text highlight control for Puck RichText toolbar
+ *
+ * A dropdown color picker for text highlighting with:
+ * - Native color input
+ * - Hex input with validation
+ * - Opacity slider (RGBA support)
+ * - Theme color presets
+ * - Remove highlight option
+ */
+import { useState, useRef, useCallback } from 'react';
+import { Highlighter, ChevronDown } from 'lucide-react';
+import { controlStyles } from './shared';
+import { ColorPickerPanel } from './ColorPickerControl';
+import { DropdownPortal } from './DropdownPortal';
+export function HighlightControl({ editor, currentColor, isActive }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const triggerRef = useRef(null);
+    const handleColorChange = useCallback((color) => {
+        if (color) {
+            editor.chain().focus().setHighlight({ color }).run();
+        }
+        else {
+            editor.chain().focus().unsetHighlight().run();
+        }
+    }, [editor]);
+    const close = useCallback(() => setIsOpen(false), []);
+    return (_jsxs("div", { style: { position: 'relative' }, children: [_jsxs("button", { ref: triggerRef, type: "button", onClick: () => setIsOpen(!isOpen), title: "Highlight", style: {
+                    ...controlStyles.dropdownTrigger,
+                    ...(isActive ? controlStyles.dropdownTriggerActive : {}),
+                }, children: [_jsx(Highlighter, { style: controlStyles.icon }), _jsx(ChevronDown, { style: { width: '12px', height: '12px' } }), currentColor && (_jsx("span", { style: {
+                            position: 'absolute',
+                            bottom: '2px',
+                            left: '50%',
+                            transform: 'translateX(-50%)',
+                            width: '12px',
+                            height: '3px',
+                            borderRadius: '1px',
+                            backgroundColor: currentColor,
+                        } }))] }), _jsx(DropdownPortal, { isOpen: isOpen, onClose: close, triggerRef: triggerRef, minWidth: 260, children: _jsx(ColorPickerPanel, { currentColor: currentColor, onColorChange: handleColorChange, onClose: close, mode: "highlight" }) })] }));
+}
+//# sourceMappingURL=HighlightControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightControl.js","sourceRoot":"","sources":["../../../../src/fields/richtext/controls/HighlightControl.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;GASG;AAEH,OAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AASjD,MAAM,UAAU,gBAAgB,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAyB;IACxF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,UAAU,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IAElD,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,KAAoB,EAAE,EAAE;QACvB,IAAI,KAAK,EAAE,CAAC;YACV,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,EAAE,CAAA;QACtD,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,cAAc,EAAE,CAAC,GAAG,EAAE,CAAA;QAC/C,CAAC;IACH,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAA;IAED,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;IAErD,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,aAClC,kBACE,GAAG,EAAE,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,EACjC,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE;oBACL,GAAG,aAAa,CAAC,eAAe;oBAChC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;iBACzD,aAED,KAAC,WAAW,IAAC,KAAK,EAAE,aAAa,CAAC,IAAI,GAAI,EAC1C,KAAC,WAAW,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,EAExD,YAAY,IAAI,CACf,eACE,KAAK,EAAE;4BACL,QAAQ,EAAE,UAAU;4BACpB,MAAM,EAAE,KAAK;4BACb,IAAI,EAAE,KAAK;4BACX,SAAS,EAAE,kBAAkB;4BAC7B,KAAK,EAAE,MAAM;4BACb,MAAM,EAAE,KAAK;4BACb,YAAY,EAAE,KAAK;4BACnB,eAAe,EAAE,YAAY;yBAC9B,GACD,CACH,IACM,EAET,KAAC,cAAc,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,YACnF,KAAC,gBAAgB,IACf,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,iBAAiB,EAChC,OAAO,EAAE,KAAK,EACd,IAAI,EAAC,WAAW,GAChB,GACa,IACb,CACP,CAAA;AACH,CAAC"}

package/dist/fields/richtext/controls/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * RichText toolbar controls
+ *
+ * Custom controls for Puck's native richtext field.
+ */
+export { ColorPickerControl, ColorPickerPanel } from './ColorPickerControl';
+export { FontSizeControl } from './FontSizeControl';
+export { HighlightControl } from './HighlightControl';
+export { normalizeHex, hexToRgba, parseColor, FONT_SIZES, FONT_SIZE_UNITS, controlStyles, } from './shared';
+export type { FontSizeUnit } from './shared';
+//# sourceMappingURL=index.d.ts.map

package/dist/fields/richtext/controls/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fields/richtext/controls/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAErD,OAAO,EAEL,YAAY,EACZ,SAAS,EACT,UAAU,EAEV,UAAU,EACV,eAAe,EAEf,aAAa,GACd,MAAM,UAAU,CAAA;AAEjB,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA"}

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

@@ -0,0 +1,16 @@
+/**
+ * RichText toolbar controls
+ *
+ * Custom controls for Puck's native richtext field.
+ */
+export { ColorPickerControl, ColorPickerPanel } from './ColorPickerControl';
+export { FontSizeControl } from './FontSizeControl';
+export { HighlightControl } from './HighlightControl';
+export { 
+// Color utilities
+normalizeHex, hexToRgba, parseColor, 
+// Font size presets
+FONT_SIZES, FONT_SIZE_UNITS, 
+// Shared styles
+controlStyles, } from './shared';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/fields/richtext/controls/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAErD,OAAO;AACL,kBAAkB;AAClB,YAAY,EACZ,SAAS,EACT,UAAU;AACV,oBAAoB;AACpB,UAAU,EACV,eAAe;AACf,gBAAgB;AAChB,aAAa,GACd,MAAM,UAAU,CAAA"}

package/dist/fields/richtext/controls/shared.d.ts

@@ -0,0 +1,97 @@
+/**
+ * Shared utilities for RichText controls
+ *
+ * Color manipulation, font size presets, and common types.
+ */
+import type { CSSProperties } from 'react';
+export declare const FONT_SIZES: readonly [{
+    readonly label: "XS";
+    readonly value: "0.75rem";
+    readonly px: "12px";
+}, {
+    readonly label: "Small";
+    readonly value: "0.875rem";
+    readonly px: "14px";
+}, {
+    readonly label: "Normal";
+    readonly value: null;
+    readonly px: "16px";
+}, {
+    readonly label: "Medium";
+    readonly value: "1.125rem";
+    readonly px: "18px";
+}, {
+    readonly label: "Large";
+    readonly value: "1.25rem";
+    readonly px: "20px";
+}, {
+    readonly label: "XL";
+    readonly value: "1.5rem";
+    readonly px: "24px";
+}, {
+    readonly label: "2XL";
+    readonly value: "1.875rem";
+    readonly px: "30px";
+}, {
+    readonly label: "3XL";
+    readonly value: "2.25rem";
+    readonly px: "36px";
+}, {
+    readonly label: "4XL";
+    readonly value: "3rem";
+    readonly px: "48px";
+}];
+export declare const FONT_SIZE_UNITS: readonly ["px", "rem", "em"];
+export type FontSizeUnit = (typeof FONT_SIZE_UNITS)[number];
+/**
+ * Validates and normalizes a hex color string
+ */
+export declare function normalizeHex(hex: string): string;
+/**
+ * Converts hex + opacity to rgba CSS string
+ */
+export declare function hexToRgba(hex: string, opacity: number): string;
+/**
+ * Parses a color string (hex or rgba) and returns hex + opacity
+ */
+export declare function parseColor(color: string | undefined): {
+    hex: string;
+    opacity: number;
+};
+export declare const controlStyles: {
+    icon: CSSProperties;
+    dropdownTrigger: CSSProperties;
+    dropdownTriggerActive: CSSProperties;
+    dropdown: CSSProperties;
+    dropdownItem: CSSProperties;
+    dropdownLabel: CSSProperties;
+    dropdownSeparator: CSSProperties;
+    colorPickerContainer: CSSProperties;
+    colorPickerRow: CSSProperties;
+    colorPickerInput: CSSProperties;
+    colorPickerHexInput: CSSProperties;
+    colorPickerPreview: CSSProperties;
+    colorPickerCheckerboard: CSSProperties;
+    colorPickerOverlay: CSSProperties;
+    colorPickerOpacitySection: CSSProperties;
+    colorPickerOpacityHeader: CSSProperties;
+    colorPickerOpacityLabel: CSSProperties;
+    colorPickerOpacityValue: CSSProperties;
+    colorPickerOpacitySlider: CSSProperties;
+    colorPickerOpacityInputRange: CSSProperties;
+    colorPickerOpacityThumb: CSSProperties;
+    colorPickerPresetsLabel: CSSProperties;
+    colorPickerPresetsGrid: CSSProperties;
+    colorPickerPresetButton: CSSProperties;
+    colorPickerPresetButtonSelected: CSSProperties;
+    colorPickerThemeButton: CSSProperties;
+    colorPickerThemeSwatch: CSSProperties;
+    fontSizeGrid: CSSProperties;
+    fontSizeButton: CSSProperties;
+    fontSizeButtonActive: CSSProperties;
+    customSizeRow: CSSProperties;
+    customSizeInput: CSSProperties;
+    customSizeSelect: CSSProperties;
+    customSizeApply: CSSProperties;
+};
+//# sourceMappingURL=shared.d.ts.map

package/dist/fields/richtext/controls/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../src/fields/richtext/controls/shared.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAM1C,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUb,CAAA;AAEV,eAAO,MAAM,eAAe,8BAA+B,CAAA;AAE3D,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAA;AAM3D;;GAEG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAYhD;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAM9D;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAqBtF;AAMD,eAAO,MAAM,aAAa;UAInB,aAAa;qBAcb,aAAa;2BAIb,aAAa;cAab,aAAa;kBAab,aAAa;mBASb,aAAa;uBAMb,aAAa;0BASb,aAAa;oBAMb,aAAa;sBAUb,aAAa;yBAab,aAAa;wBAUb,aAAa;6BAUb,aAAa;wBAKb,aAAa;+BAMb,aAAa;8BAMb,aAAa;6BAKb,aAAa;6BAMb,aAAa;8BAQb,aAAa;kCAUb,aAAa;6BAYb,aAAa;6BAMb,aAAa;4BAMb,aAAa;6BAWb,aAAa;qCAWb,aAAa;4BAeb,aAAa;4BASb,aAAa;kBAQb,aAAa;oBAWb,aAAa;0BAOb,aAAa;mBAQb,aAAa;qBASb,aAAa;sBASb,aAAa;qBAWb,aAAa;CACnB,CAAA"}