@delmaredigital/payload-puck 0.6.10 → 0.6.13

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,8 @@ export const controlStyles = {
         borderRadius: '4px',
         border: 'none',
         cursor: 'pointer',
-        fontWeight: 500,
-    },
+        fontWeight: 500
+    }
 };
+
 //# sourceMappingURL=shared.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../../src/fields/richtext/controls/shared.ts"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../../src/fields/richtext/controls/shared.ts"],"sourcesContent":["/**\n * Shared utilities for RichText controls\n *\n * Color manipulation, font size presets, and common types.\n */\n\nimport type { CSSProperties } from 'react'\n\n// =============================================================================\n// Font Size Presets\n// =============================================================================\n\nexport const FONT_SIZES = [\n  { label: 'XS', value: '0.75rem', px: '12px' },\n  { label: 'Small', value: '0.875rem', px: '14px' },\n  { label: 'Normal', value: null, px: '16px' },\n  { label: 'Medium', value: '1.125rem', px: '18px' },\n  { label: 'Large', value: '1.25rem', px: '20px' },\n  { label: 'XL', value: '1.5rem', px: '24px' },\n  { label: '2XL', value: '1.875rem', px: '30px' },\n  { label: '3XL', value: '2.25rem', px: '36px' },\n  { label: '4XL', value: '3rem', px: '48px' },\n] as const\n\nexport const FONT_SIZE_UNITS = ['px', 'rem', 'em'] as const\n\nexport type FontSizeUnit = (typeof FONT_SIZE_UNITS)[number]\n\n// =============================================================================\n// Color Utilities\n// =============================================================================\n\n/**\n * Validates and normalizes a hex color string\n */\nexport function normalizeHex(hex: string): string {\n  let clean = hex.replace(/^#/, '')\n  if (clean.length === 3) {\n    clean = clean\n      .split('')\n      .map((c) => c + c)\n      .join('')\n  }\n  if (!/^[0-9A-Fa-f]{6}$/.test(clean)) {\n    return ''\n  }\n  return `#${clean.toLowerCase()}`\n}\n\n/**\n * Converts hex + opacity to rgba CSS string\n */\nexport function hexToRgba(hex: string, opacity: number): string {\n  const clean = hex.replace(/^#/, '')\n  const r = parseInt(clean.substring(0, 2), 16)\n  const g = parseInt(clean.substring(2, 4), 16)\n  const b = parseInt(clean.substring(4, 6), 16)\n  return `rgba(${r}, ${g}, ${b}, ${opacity / 100})`\n}\n\n/**\n * Parses a color string (hex or rgba) and returns hex + opacity\n */\nexport function parseColor(color: string | undefined): { hex: string; opacity: number } {\n  if (!color) return { hex: '#000000', opacity: 100 }\n\n  // Handle rgba\n  const rgbaMatch = color.match(/rgba?\\((\\d+),\\s*(\\d+),\\s*(\\d+)(?:,\\s*([\\d.]+))?\\)/)\n  if (rgbaMatch) {\n    const r = parseInt(rgbaMatch[1], 10)\n    const g = parseInt(rgbaMatch[2], 10)\n    const b = parseInt(rgbaMatch[3], 10)\n    const a = rgbaMatch[4] ? parseFloat(rgbaMatch[4]) : 1\n    const hex = `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`\n    return { hex, opacity: Math.round(a * 100) }\n  }\n\n  // Handle hex\n  const normalized = normalizeHex(color)\n  if (normalized) {\n    return { hex: normalized, opacity: 100 }\n  }\n\n  return { hex: '#000000', opacity: 100 }\n}\n\n// =============================================================================\n// Shared Styles\n// =============================================================================\n\nexport const controlStyles = {\n  icon: {\n    width: '16px',\n    height: '16px',\n  } as CSSProperties,\n\n  dropdownTrigger: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: '2px',\n    height: '28px',\n    padding: '0 6px',\n    borderRadius: '4px',\n    border: 'none',\n    backgroundColor: 'transparent',\n    cursor: 'pointer',\n    transition: 'background-color 0.15s',\n  } as CSSProperties,\n\n  dropdownTriggerActive: {\n    color: 'var(--puck-color-azure-04)',\n  } as CSSProperties,\n\n  dropdown: {\n    position: 'absolute',\n    top: '100%',\n    left: 0,\n    marginTop: '4px',\n    backgroundColor: 'var(--puck-color-white)',\n    border: '1px solid var(--puck-color-grey-03)',\n    borderRadius: '6px',\n    boxShadow: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',\n    zIndex: 9999, // High z-index to ensure dropdown appears above sidebar content\n    minWidth: '160px',\n  } as CSSProperties,\n\n  dropdownItem: {\n    width: '100%',\n    padding: '8px 12px',\n    textAlign: 'left',\n    fontSize: '14px',\n    transition: 'background-color 0.15s',\n    display: 'flex',\n    alignItems: 'center',\n    border: 'none',\n    backgroundColor: 'transparent',\n    cursor: 'pointer',\n  } as CSSProperties,\n\n  dropdownLabel: {\n    padding: '4px 12px',\n    fontSize: '11px',\n    color: 'var(--puck-color-grey-05)',\n    fontWeight: 500,\n    textTransform: 'uppercase',\n    letterSpacing: '0.5px',\n  } as CSSProperties,\n\n  dropdownSeparator: {\n    height: '1px',\n    backgroundColor: 'var(--puck-color-grey-03)',\n    margin: '4px 0',\n  } as CSSProperties,\n\n  // Color picker specific styles\n  colorPickerContainer: {\n    padding: '12px',\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '12px',\n    minWidth: '240px',\n  } as CSSProperties,\n\n  colorPickerRow: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '8px',\n  } as CSSProperties,\n\n  colorPickerInput: {\n    width: '36px',\n    height: '36px',\n    padding: 0,\n    border: '1px solid var(--puck-color-grey-03)',\n    borderRadius: '6px',\n    cursor: 'pointer',\n    flexShrink: 0,\n  } as CSSProperties,\n\n  colorPickerHexInput: {\n    flex: 1,\n    height: '36px',\n    padding: '0 10px',\n    fontSize: '13px',\n    fontFamily: 'monospace',\n    border: '1px solid var(--puck-color-grey-03)',\n    borderRadius: '6px',\n    backgroundColor: 'var(--puck-color-white)',\n    color: 'var(--puck-color-grey-08)',\n    outline: 'none',\n  } as CSSProperties,\n\n  colorPickerPreview: {\n    width: '36px',\n    height: '36px',\n    borderRadius: '6px',\n    border: '1px solid var(--puck-color-grey-03)',\n    flexShrink: 0,\n    position: 'relative',\n    overflow: 'hidden',\n  } as CSSProperties,\n\n  colorPickerCheckerboard: {\n    position: 'absolute',\n    inset: 0,\n    backgroundImage:\n      '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%)',\n    backgroundSize: '8px 8px',\n    backgroundPosition: '0 0, 0 4px, 4px -4px, -4px 0px',\n    backgroundColor: '#f0f0f0',\n  } as CSSProperties,\n\n  colorPickerOverlay: {\n    position: 'absolute',\n    inset: 0,\n  } as CSSProperties,\n\n  colorPickerOpacitySection: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '4px',\n  } as CSSProperties,\n\n  colorPickerOpacityHeader: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  } as CSSProperties,\n\n  colorPickerOpacityLabel: {\n    fontSize: '11px',\n    color: 'var(--puck-color-grey-05)',\n  } as CSSProperties,\n\n  colorPickerOpacityValue: {\n    fontSize: '11px',\n    fontFamily: 'monospace',\n    color: 'var(--puck-color-grey-05)',\n  } as CSSProperties,\n\n  colorPickerOpacitySlider: {\n    position: 'relative',\n    height: '10px',\n    borderRadius: '5px',\n    overflow: 'hidden',\n    border: '1px solid var(--puck-color-grey-03)',\n  } as CSSProperties,\n\n  colorPickerOpacityInputRange: {\n    position: 'absolute',\n    inset: 0,\n    width: '100%',\n    height: '100%',\n    opacity: 0,\n    cursor: 'pointer',\n    margin: 0,\n  } as CSSProperties,\n\n  colorPickerOpacityThumb: {\n    position: 'absolute',\n    top: 0,\n    bottom: 0,\n    width: '4px',\n    backgroundColor: 'white',\n    border: '1px solid var(--puck-color-grey-04)',\n    borderRadius: '2px',\n    boxShadow: '0 1px 2px rgba(0,0,0,0.15)',\n    pointerEvents: 'none',\n  } as CSSProperties,\n\n  colorPickerPresetsLabel: {\n    fontSize: '11px',\n    color: 'var(--puck-color-grey-05)',\n    marginBottom: '4px',\n  } as CSSProperties,\n\n  colorPickerPresetsGrid: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    gap: '4px',\n  } as CSSProperties,\n\n  colorPickerPresetButton: {\n    width: '22px',\n    height: '22px',\n    padding: 0,\n    borderRadius: '4px',\n    cursor: 'pointer',\n    border: '1px solid var(--puck-color-grey-03)',\n    outline: 'none',\n    transition: 'transform 0.1s',\n  } as CSSProperties,\n\n  colorPickerPresetButtonSelected: {\n    width: '22px',\n    height: '22px',\n    padding: 0,\n    borderRadius: '4px',\n    cursor: 'pointer',\n    border: '2px solid var(--puck-color-grey-08)',\n    outline: '2px solid var(--puck-color-grey-03)',\n    outlineOffset: '1px',\n  } as CSSProperties,\n\n  colorPickerThemeButton: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '8px',\n    width: '100%',\n    padding: '8px',\n    border: '1px solid var(--puck-color-grey-03)',\n    borderRadius: '6px',\n    backgroundColor: 'transparent',\n    cursor: 'pointer',\n    fontSize: '13px',\n    color: 'var(--puck-color-grey-07)',\n    transition: 'background-color 0.15s',\n  } as CSSProperties,\n\n  colorPickerThemeSwatch: {\n    width: '20px',\n    height: '20px',\n    borderRadius: '4px',\n    border: '1px solid var(--puck-color-grey-03)',\n    flexShrink: 0,\n    background: 'linear-gradient(135deg, #fff 50%, #1f2937 50%)',\n  } as CSSProperties,\n\n  // Font size specific styles\n  fontSizeGrid: {\n    display: 'grid',\n    gridTemplateColumns: 'repeat(3, 1fr)',\n    gap: '4px',\n    padding: '8px',\n  } as CSSProperties,\n\n  fontSizeButton: {\n    padding: '6px 8px',\n    fontSize: '12px',\n    borderRadius: '4px',\n    border: '1px solid var(--puck-color-grey-03)',\n    backgroundColor: 'var(--puck-color-white)',\n    color: 'var(--puck-color-grey-07)',\n    cursor: 'pointer',\n    textAlign: 'center',\n    transition: 'background-color 0.15s, border-color 0.15s',\n  } as CSSProperties,\n\n  fontSizeButtonActive: {\n    backgroundColor: 'var(--puck-color-azure-11)',\n    border: '1px solid var(--puck-color-azure-11)',\n    color: 'var(--puck-color-azure-04)',\n    fontWeight: 500,\n  } as CSSProperties,\n\n  customSizeRow: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '4px',\n    padding: '8px',\n    borderTop: '1px solid var(--puck-color-grey-03)',\n  } as CSSProperties,\n\n  customSizeInput: {\n    width: '60px',\n    padding: '6px 8px',\n    fontSize: '13px',\n    border: '1px solid var(--puck-color-grey-03)',\n    borderRadius: '4px',\n    outline: 'none',\n    backgroundColor: 'var(--puck-color-white)',\n    color: 'var(--puck-color-grey-08)',\n  } as CSSProperties,\n\n  customSizeSelect: {\n    padding: '6px 4px',\n    fontSize: '13px',\n    border: '1px solid var(--puck-color-grey-03)',\n    borderRadius: '4px',\n    outline: 'none',\n    backgroundColor: 'var(--puck-color-white)',\n    color: 'var(--puck-color-grey-08)',\n  } as CSSProperties,\n\n  customSizeApply: {\n    padding: '6px 10px',\n    fontSize: '12px',\n    backgroundColor: 'var(--puck-color-azure-04)',\n    color: 'var(--puck-color-white)',\n    borderRadius: '4px',\n    border: 'none',\n    cursor: 'pointer',\n    fontWeight: 500,\n  } as CSSProperties,\n}\n"],"names":["FONT_SIZES","label","value","px","FONT_SIZE_UNITS","normalizeHex","hex","clean","replace","length","split","map","c","join","test","toLowerCase","hexToRgba","opacity","r","parseInt","substring","g","b","parseColor","color","rgbaMatch","match","a","parseFloat","toString","padStart","Math","round","normalized","controlStyles","icon","width","height","dropdownTrigger","display","alignItems","justifyContent","gap","padding","borderRadius","border","backgroundColor","cursor","transition","dropdownTriggerActive","dropdown","position","top","left","marginTop","boxShadow","zIndex","minWidth","dropdownItem","textAlign","fontSize","dropdownLabel","fontWeight","textTransform","letterSpacing","dropdownSeparator","margin","colorPickerContainer","flexDirection","colorPickerRow","colorPickerInput","flexShrink","colorPickerHexInput","flex","fontFamily","outline","colorPickerPreview","overflow","colorPickerCheckerboard","inset","backgroundImage","backgroundSize","backgroundPosition","colorPickerOverlay","colorPickerOpacitySection","colorPickerOpacityHeader","colorPickerOpacityLabel","colorPickerOpacityValue","colorPickerOpacitySlider","colorPickerOpacityInputRange","colorPickerOpacityThumb","bottom","pointerEvents","colorPickerPresetsLabel","marginBottom","colorPickerPresetsGrid","flexWrap","colorPickerPresetButton","colorPickerPresetButtonSelected","outlineOffset","colorPickerThemeButton","colorPickerThemeSwatch","background","fontSizeGrid","gridTemplateColumns","fontSizeButton","fontSizeButtonActive","customSizeRow","borderTop","customSizeInput","customSizeSelect","customSizeApply"],"mappings":"AAAA;;;;CAIC,GAID,gFAAgF;AAChF,oBAAoB;AACpB,gFAAgF;AAEhF,OAAO,MAAMA,aAAa;IACxB;QAAEC,OAAO;QAAMC,OAAO;QAAWC,IAAI;IAAO;IAC5C;QAAEF,OAAO;QAASC,OAAO;QAAYC,IAAI;IAAO;IAChD;QAAEF,OAAO;QAAUC,OAAO;QAAMC,IAAI;IAAO;IAC3C;QAAEF,OAAO;QAAUC,OAAO;QAAYC,IAAI;IAAO;IACjD;QAAEF,OAAO;QAASC,OAAO;QAAWC,IAAI;IAAO;IAC/C;QAAEF,OAAO;QAAMC,OAAO;QAAUC,IAAI;IAAO;IAC3C;QAAEF,OAAO;QAAOC,OAAO;QAAYC,IAAI;IAAO;IAC9C;QAAEF,OAAO;QAAOC,OAAO;QAAWC,IAAI;IAAO;IAC7C;QAAEF,OAAO;QAAOC,OAAO;QAAQC,IAAI;IAAO;CAC3C,CAAS;AAEV,OAAO,MAAMC,kBAAkB;IAAC;IAAM;IAAO;CAAK,CAAS;AAI3D,gFAAgF;AAChF,kBAAkB;AAClB,gFAAgF;AAEhF;;CAEC,GACD,OAAO,SAASC,aAAaC,GAAW;IACtC,IAAIC,QAAQD,IAAIE,OAAO,CAAC,MAAM;IAC9B,IAAID,MAAME,MAAM,KAAK,GAAG;QACtBF,QAAQA,MACLG,KAAK,CAAC,IACNC,GAAG,CAAC,CAACC,IAAMA,IAAIA,GACfC,IAAI,CAAC;IACV;IACA,IAAI,CAAC,mBAAmBC,IAAI,CAACP,QAAQ;QACnC,OAAO;IACT;IACA,OAAO,CAAC,CAAC,EAAEA,MAAMQ,WAAW,IAAI;AAClC;AAEA;;CAEC,GACD,OAAO,SAASC,UAAUV,GAAW,EAAEW,OAAe;IACpD,MAAMV,QAAQD,IAAIE,OAAO,CAAC,MAAM;IAChC,MAAMU,IAAIC,SAASZ,MAAMa,SAAS,CAAC,GAAG,IAAI;IAC1C,MAAMC,IAAIF,SAASZ,MAAMa,SAAS,CAAC,GAAG,IAAI;IAC1C,MAAME,IAAIH,SAASZ,MAAMa,SAAS,CAAC,GAAG,IAAI;IAC1C,OAAO,CAAC,KAAK,EAAEF,EAAE,EAAE,EAAEG,EAAE,EAAE,EAAEC,EAAE,EAAE,EAAEL,UAAU,IAAI,CAAC,CAAC;AACnD;AAEA;;CAEC,GACD,OAAO,SAASM,WAAWC,KAAyB;IAClD,IAAI,CAACA,OAAO,OAAO;QAAElB,KAAK;QAAWW,SAAS;IAAI;IAElD,cAAc;IACd,MAAMQ,YAAYD,MAAME,KAAK,CAAC;IAC9B,IAAID,WAAW;QACb,MAAMP,IAAIC,SAASM,SAAS,CAAC,EAAE,EAAE;QACjC,MAAMJ,IAAIF,SAASM,SAAS,CAAC,EAAE,EAAE;QACjC,MAAMH,IAAIH,SAASM,SAAS,CAAC,EAAE,EAAE;QACjC,MAAME,IAAIF,SAAS,CAAC,EAAE,GAAGG,WAAWH,SAAS,CAAC,EAAE,IAAI;QACpD,MAAMnB,MAAM,CAAC,CAAC,EAAEY,EAAEW,QAAQ,CAAC,IAAIC,QAAQ,CAAC,GAAG,OAAOT,EAAEQ,QAAQ,CAAC,IAAIC,QAAQ,CAAC,GAAG,OAAOR,EAAEO,QAAQ,CAAC,IAAIC,QAAQ,CAAC,GAAG,MAAM;QACrH,OAAO;YAAExB;YAAKW,SAASc,KAAKC,KAAK,CAACL,IAAI;QAAK;IAC7C;IAEA,aAAa;IACb,MAAMM,aAAa5B,aAAamB;IAChC,IAAIS,YAAY;QACd,OAAO;YAAE3B,KAAK2B;YAAYhB,SAAS;QAAI;IACzC;IAEA,OAAO;QAAEX,KAAK;QAAWW,SAAS;IAAI;AACxC;AAEA,gFAAgF;AAChF,gBAAgB;AAChB,gFAAgF;AAEhF,OAAO,MAAMiB,gBAAgB;IAC3BC,MAAM;QACJC,OAAO;QACPC,QAAQ;IACV;IAEAC,iBAAiB;QACfC,SAAS;QACTC,YAAY;QACZC,gBAAgB;QAChBC,KAAK;QACLL,QAAQ;QACRM,SAAS;QACTC,cAAc;QACdC,QAAQ;QACRC,iBAAiB;QACjBC,QAAQ;QACRC,YAAY;IACd;IAEAC,uBAAuB;QACrBzB,OAAO;IACT;IAEA0B,UAAU;QACRC,UAAU;QACVC,KAAK;QACLC,MAAM;QACNC,WAAW;QACXR,iBAAiB;QACjBD,QAAQ;QACRD,cAAc;QACdW,WAAW;QACXC,QAAQ;QACRC,UAAU;IACZ;IAEAC,cAAc;QACZtB,OAAO;QACPO,SAAS;QACTgB,WAAW;QACXC,UAAU;QACVZ,YAAY;QACZT,SAAS;QACTC,YAAY;QACZK,QAAQ;QACRC,iBAAiB;QACjBC,QAAQ;IACV;IAEAc,eAAe;QACblB,SAAS;QACTiB,UAAU;QACVpC,OAAO;QACPsC,YAAY;QACZC,eAAe;QACfC,eAAe;IACjB;IAEAC,mBAAmB;QACjB5B,QAAQ;QACRS,iBAAiB;QACjBoB,QAAQ;IACV;IAEA,+BAA+B;IAC/BC,sBAAsB;QACpBxB,SAAS;QACTJ,SAAS;QACT6B,eAAe;QACf1B,KAAK;QACLe,UAAU;IACZ;IAEAY,gBAAgB;QACd9B,SAAS;QACTC,YAAY;QACZE,KAAK;IACP;IAEA4B,kBAAkB;QAChBlC,OAAO;QACPC,QAAQ;QACRM,SAAS;QACTE,QAAQ;QACRD,cAAc;QACdG,QAAQ;QACRwB,YAAY;IACd;IAEAC,qBAAqB;QACnBC,MAAM;QACNpC,QAAQ;QACRM,SAAS;QACTiB,UAAU;QACVc,YAAY;QACZ7B,QAAQ;QACRD,cAAc;QACdE,iBAAiB;QACjBtB,OAAO;QACPmD,SAAS;IACX;IAEAC,oBAAoB;QAClBxC,OAAO;QACPC,QAAQ;QACRO,cAAc;QACdC,QAAQ;QACR0B,YAAY;QACZpB,UAAU;QACV0B,UAAU;IACZ;IAEAC,yBAAyB;QACvB3B,UAAU;QACV4B,OAAO;QACPC,iBACE;QACFC,gBAAgB;QAChBC,oBAAoB;QACpBpC,iBAAiB;IACnB;IAEAqC,oBAAoB;QAClBhC,UAAU;QACV4B,OAAO;IACT;IAEAK,2BAA2B;QACzB7C,SAAS;QACT6B,eAAe;QACf1B,KAAK;IACP;IAEA2C,0BAA0B;QACxB9C,SAAS;QACTC,YAAY;QACZC,gBAAgB;IAClB;IAEA6C,yBAAyB;QACvB1B,UAAU;QACVpC,OAAO;IACT;IAEA+D,yBAAyB;QACvB3B,UAAU;QACVc,YAAY;QACZlD,OAAO;IACT;IAEAgE,0BAA0B;QACxBrC,UAAU;QACVd,QAAQ;QACRO,cAAc;QACdiC,UAAU;QACVhC,QAAQ;IACV;IAEA4C,8BAA8B;QAC5BtC,UAAU;QACV4B,OAAO;QACP3C,OAAO;QACPC,QAAQ;QACRpB,SAAS;QACT8B,QAAQ;QACRmB,QAAQ;IACV;IAEAwB,yBAAyB;QACvBvC,UAAU;QACVC,KAAK;QACLuC,QAAQ;QACRvD,OAAO;QACPU,iBAAiB;QACjBD,QAAQ;QACRD,cAAc;QACdW,WAAW;QACXqC,eAAe;IACjB;IAEAC,yBAAyB;QACvBjC,UAAU;QACVpC,OAAO;QACPsE,cAAc;IAChB;IAEAC,wBAAwB;QACtBxD,SAAS;QACTyD,UAAU;QACVtD,KAAK;IACP;IAEAuD,yBAAyB;QACvB7D,OAAO;QACPC,QAAQ;QACRM,SAAS;QACTC,cAAc;QACdG,QAAQ;QACRF,QAAQ;QACR8B,SAAS;QACT3B,YAAY;IACd;IAEAkD,iCAAiC;QAC/B9D,OAAO;QACPC,QAAQ;QACRM,SAAS;QACTC,cAAc;QACdG,QAAQ;QACRF,QAAQ;QACR8B,SAAS;QACTwB,eAAe;IACjB;IAEAC,wBAAwB;QACtB7D,SAAS;QACTC,YAAY;QACZE,KAAK;QACLN,OAAO;QACPO,SAAS;QACTE,QAAQ;QACRD,cAAc;QACdE,iBAAiB;QACjBC,QAAQ;QACRa,UAAU;QACVpC,OAAO;QACPwB,YAAY;IACd;IAEAqD,wBAAwB;QACtBjE,OAAO;QACPC,QAAQ;QACRO,cAAc;QACdC,QAAQ;QACR0B,YAAY;QACZ+B,YAAY;IACd;IAEA,4BAA4B;IAC5BC,cAAc;QACZhE,SAAS;QACTiE,qBAAqB;QACrB9D,KAAK;QACLC,SAAS;IACX;IAEA8D,gBAAgB;QACd9D,SAAS;QACTiB,UAAU;QACVhB,cAAc;QACdC,QAAQ;QACRC,iBAAiB;QACjBtB,OAAO;QACPuB,QAAQ;QACRY,WAAW;QACXX,YAAY;IACd;IAEA0D,sBAAsB;QACpB5D,iBAAiB;QACjBD,QAAQ;QACRrB,OAAO;QACPsC,YAAY;IACd;IAEA6C,eAAe;QACbpE,SAAS;QACTC,YAAY;QACZE,KAAK;QACLC,SAAS;QACTiE,WAAW;IACb;IAEAC,iBAAiB;QACfzE,OAAO;QACPO,SAAS;QACTiB,UAAU;QACVf,QAAQ;QACRD,cAAc;QACd+B,SAAS;QACT7B,iBAAiB;QACjBtB,OAAO;IACT;IAEAsF,kBAAkB;QAChBnE,SAAS;QACTiB,UAAU;QACVf,QAAQ;QACRD,cAAc;QACd+B,SAAS;QACT7B,iBAAiB;QACjBtB,OAAO;IACT;IAEAuF,iBAAiB;QACfpE,SAAS;QACTiB,UAAU;QACVd,iBAAiB;QACjBtB,OAAO;QACPoB,cAAc;QACdC,QAAQ;QACRE,QAAQ;QACRe,YAAY;IACd;AACF,EAAC"}

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,6 @@ 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.d.ts.map

@@ -1 +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"}
+{"version":3,"file":"createRichTextField.d.ts","sourceRoot":"","sources":["../../../src/fields/richtext/createRichTextField.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAoBzB,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"}