@delmaredigital/payload-puck 0.6.12 → 0.6.13

package/dist/fields/index.d.ts

@@ -3,44 +3,44 @@
  *
  * These fields provide enhanced editing experiences for specific content types.
  */
-export * from './shared';
-export { MediaField, createMediaField } from './MediaField';
-export type { MediaReference } from './MediaField';
-export { ColorPickerField, createColorPickerField, colorToRgba } from './ColorPickerField';
-export { createRichTextField, fullRichTextField, minimalRichTextField, sidebarRichTextField, type CreateRichTextFieldOptions, FontSize, ColorPickerControl, ColorPickerPanel, FontSizeControl, HighlightControl, normalizeHex, hexToRgba, parseColor, FONT_SIZES, FONT_SIZE_UNITS, controlStyles, type FontSizeUnit, } from './richtext';
-export { PaddingField, createPaddingField } from './PaddingField';
-export { MarginField, createMarginField } from './MarginField';
-export type { MarginValue } from './MarginField';
-export { BorderField, createBorderField } from './BorderField';
-export { WidthField, createWidthField } from './WidthField';
-export { DimensionsField, createDimensionsField } from './DimensionsField';
-export { dimensionsValueToCSS, getDimensionsSummary, isLegacyWidthValue, migrateWidthValue, } from './shared';
-export type { DimensionsValue, DimensionConstraint, DimensionsUnit, DimensionsMode, ContentAlignment, } from './shared';
-export { LockedTextField, LockedRadioField, createLockedTextField, createLockedRadioField, lockedSlugField, lockedHomepageField, } from './LockedField';
-export { AlignmentField, createAlignmentField } from './AlignmentField';
-export type { Alignment } from './AlignmentField';
-export { JustifyContentField, AlignItemsField, createJustifyContentField, createAlignItemsField, } from './FlexAlignmentField';
-export type { JustifyContent, AlignItems } from './FlexAlignmentField';
-export { VerticalAlignmentField, createVerticalAlignmentField } from './VerticalAlignmentField';
-export type { VerticalAlignment } from './VerticalAlignmentField';
-export { ContentAlignmentField, createContentAlignmentField, alignmentToFlexCSS, alignmentToGridCSS, alignmentToPlaceSelfCSS, alignmentToTailwind, } from './ContentAlignmentField';
-export type { ContentAlignmentValue, HorizontalAlign, VerticalAlign, PositionLabel, } from './ContentAlignmentField';
-export { SizeField, createSizeField, sizeValueToCSS, getSizeClasses } from './SizeField';
-export type { SizeValue, SizeMode, SizeUnit } from './SizeField';
-export { GradientEditor } from './GradientEditor';
-export { BackgroundField, createBackgroundField } from './BackgroundField';
-export type { BackgroundValue, BackgroundImageValue, BackgroundOverlay, GradientValue, GradientStop, GradientMask, } from './shared';
-export { backgroundValueToCSS, gradientValueToCSS, getBackgroundImageOpacity } from './shared';
-export { ResponsiveField, createResponsiveField } from './ResponsiveField';
-export type { Breakpoint, ResponsiveValue, VisibilityValue, ResponsiveCSSResult } from './shared';
-export { BREAKPOINTS, isResponsiveValue, responsiveValueToCSS, cssPropertiesToString, visibilityValueToCSS, DEFAULT_VISIBILITY, } from './shared';
-export { ResponsiveVisibilityField, createResponsiveVisibilityField, } from './ResponsiveVisibilityField';
-export { AnimationField, createAnimationField } from './AnimationField';
-export type { AnimationValue, EasingFunction, AdvancedEasingFunction, EntranceAnimation, AnimationOrigin, AnimationCategory, StaggerConfig, StaggerDirection, } from './shared';
-export { animationValueToCSS, getEntranceAnimationStyles, getAnimationCSSVariables, getDefaultEasingForAnimation, getRelevantIntensityControls, getStaggerDelay, generateStaggerStyles, EASING_CSS_MAP, ANIMATION_CATEGORIES, DEFAULT_ANIMATION, } from './shared';
-export { TransformField, createTransformField } from './TransformField';
-export type { TransformValue, TransformOrigin } from './shared';
-export { transformValueToCSS, DEFAULT_TRANSFORM } from './shared';
+export * from './shared.js';
+export { MediaField, createMediaField } from './MediaField.js';
+export type { MediaReference } from './MediaField.js';
+export { ColorPickerField, createColorPickerField, colorToRgba } from './ColorPickerField.js';
+export { createRichTextField, fullRichTextField, minimalRichTextField, sidebarRichTextField, type CreateRichTextFieldOptions, FontSize, ColorPickerControl, ColorPickerPanel, FontSizeControl, HighlightControl, normalizeHex, hexToRgba, parseColor, FONT_SIZES, FONT_SIZE_UNITS, controlStyles, type FontSizeUnit, } from './richtext/index.js';
+export { PaddingField, createPaddingField } from './PaddingField.js';
+export { MarginField, createMarginField } from './MarginField.js';
+export type { MarginValue } from './MarginField.js';
+export { BorderField, createBorderField } from './BorderField.js';
+export { WidthField, createWidthField } from './WidthField.js';
+export { DimensionsField, createDimensionsField } from './DimensionsField.js';
+export { dimensionsValueToCSS, getDimensionsSummary, isLegacyWidthValue, migrateWidthValue, } from './shared.js';
+export type { DimensionsValue, DimensionConstraint, DimensionsUnit, DimensionsMode, ContentAlignment, } from './shared.js';
+export { LockedTextField, LockedRadioField, createLockedTextField, createLockedRadioField, lockedSlugField, lockedHomepageField, } from './LockedField.js';
+export { AlignmentField, createAlignmentField } from './AlignmentField.js';
+export type { Alignment } from './AlignmentField.js';
+export { JustifyContentField, AlignItemsField, createJustifyContentField, createAlignItemsField, } from './FlexAlignmentField.js';
+export type { JustifyContent, AlignItems } from './FlexAlignmentField.js';
+export { VerticalAlignmentField, createVerticalAlignmentField } from './VerticalAlignmentField.js';
+export type { VerticalAlignment } from './VerticalAlignmentField.js';
+export { ContentAlignmentField, createContentAlignmentField, alignmentToFlexCSS, alignmentToGridCSS, alignmentToPlaceSelfCSS, alignmentToTailwind, } from './ContentAlignmentField.js';
+export type { ContentAlignmentValue, HorizontalAlign, VerticalAlign, PositionLabel, } from './ContentAlignmentField.js';
+export { SizeField, createSizeField, sizeValueToCSS, getSizeClasses } from './SizeField.js';
+export type { SizeValue, SizeMode, SizeUnit } from './SizeField.js';
+export { GradientEditor } from './GradientEditor.js';
+export { BackgroundField, createBackgroundField } from './BackgroundField.js';
+export type { BackgroundValue, BackgroundImageValue, BackgroundOverlay, GradientValue, GradientStop, GradientMask, } from './shared.js';
+export { backgroundValueToCSS, gradientValueToCSS, getBackgroundImageOpacity } from './shared.js';
+export { ResponsiveField, createResponsiveField } from './ResponsiveField.js';
+export type { Breakpoint, ResponsiveValue, VisibilityValue, ResponsiveCSSResult } from './shared.js';
+export { BREAKPOINTS, isResponsiveValue, responsiveValueToCSS, cssPropertiesToString, visibilityValueToCSS, DEFAULT_VISIBILITY, } from './shared.js';
+export { ResponsiveVisibilityField, createResponsiveVisibilityField, } from './ResponsiveVisibilityField.js';
+export { AnimationField, createAnimationField } from './AnimationField.js';
+export type { AnimationValue, EasingFunction, AdvancedEasingFunction, EntranceAnimation, AnimationOrigin, AnimationCategory, StaggerConfig, StaggerDirection, } from './shared.js';
+export { animationValueToCSS, getEntranceAnimationStyles, getAnimationCSSVariables, getDefaultEasingForAnimation, getRelevantIntensityControls, getStaggerDelay, generateStaggerStyles, EASING_CSS_MAP, ANIMATION_CATEGORIES, DEFAULT_ANIMATION, } from './shared.js';
+export { TransformField, createTransformField } from './TransformField.js';
+export type { TransformValue, TransformOrigin } from './shared.js';
+export { transformValueToCSS, DEFAULT_TRANSFORM } from './shared.js';
 /**
  * @deprecated No longer needed. RichText component now uses Tailwind Typography's
  * `prose` class for styling. Install @tailwindcss/typography instead.
@@ -51,7 +51,7 @@ export declare const RICHTEXT_OUTPUT_CSS = "";
  * `prose` class for styling. Install @tailwindcss/typography instead.
  */
 export declare function injectRichtextStyles(): void;
-export { FolderPickerField, createFolderPickerField } from './FolderPickerField';
-export { PageSegmentField, createPageSegmentField, LockedPageSegmentField, createLockedPageSegmentField, } from './PageSegmentField';
-export { SlugPreviewField, createSlugPreviewField } from './SlugPreviewField';
+export { FolderPickerField, createFolderPickerField } from './FolderPickerField.js';
+export { PageSegmentField, createPageSegmentField, LockedPageSegmentField, createLockedPageSegmentField, } from './PageSegmentField.js';
+export { SlugPreviewField, createSlugPreviewField } from './SlugPreviewField.js';
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/fields/index.js

@@ -2,65 +2,59 @@
  * Custom Puck fields for the visual editor
  *
  * These fields provide enhanced editing experiences for specific content types.
- */
-// Shared field definitions
-export * from './shared';
+ */ // Shared field definitions
+export * from './shared.js';
 // Custom field components
-export { MediaField, createMediaField } from './MediaField';
-export { ColorPickerField, createColorPickerField, colorToRgba } from './ColorPickerField';
+export { MediaField, createMediaField } from './MediaField.js';
+export { ColorPickerField, createColorPickerField, colorToRgba } from './ColorPickerField.js';
 // =============================================================================
 // RichText Field
 // Uses Puck's native richtext with custom TipTap extensions for colors, sizes, etc.
 // =============================================================================
-export { createRichTextField, fullRichTextField, minimalRichTextField, sidebarRichTextField, 
-// Extensions for advanced customization
-FontSize, 
-// Controls for custom menu building
-ColorPickerControl, ColorPickerPanel, FontSizeControl, HighlightControl, 
-// Utilities
-normalizeHex, hexToRgba, parseColor, FONT_SIZES, FONT_SIZE_UNITS, controlStyles, } from './richtext';
-export { PaddingField, createPaddingField } from './PaddingField';
-export { MarginField, createMarginField } from './MarginField';
-export { BorderField, createBorderField } from './BorderField';
-export { WidthField, createWidthField } from './WidthField';
-export { DimensionsField, createDimensionsField } from './DimensionsField';
-export { dimensionsValueToCSS, getDimensionsSummary, isLegacyWidthValue, migrateWidthValue, } from './shared';
-export { LockedTextField, LockedRadioField, createLockedTextField, createLockedRadioField, lockedSlugField, lockedHomepageField, } from './LockedField';
-export { AlignmentField, createAlignmentField } from './AlignmentField';
-export { JustifyContentField, AlignItemsField, createJustifyContentField, createAlignItemsField, } from './FlexAlignmentField';
-export { VerticalAlignmentField, createVerticalAlignmentField } from './VerticalAlignmentField';
-export { ContentAlignmentField, createContentAlignmentField, alignmentToFlexCSS, alignmentToGridCSS, alignmentToPlaceSelfCSS, alignmentToTailwind, } from './ContentAlignmentField';
-export { SizeField, createSizeField, sizeValueToCSS, getSizeClasses } from './SizeField';
-export { GradientEditor } from './GradientEditor';
-export { BackgroundField, createBackgroundField } from './BackgroundField';
-export { backgroundValueToCSS, gradientValueToCSS, getBackgroundImageOpacity } from './shared';
-export { ResponsiveField, createResponsiveField } from './ResponsiveField';
-export { BREAKPOINTS, isResponsiveValue, responsiveValueToCSS, cssPropertiesToString, visibilityValueToCSS, DEFAULT_VISIBILITY, } from './shared';
-export { ResponsiveVisibilityField, createResponsiveVisibilityField, } from './ResponsiveVisibilityField';
-export { AnimationField, createAnimationField } from './AnimationField';
-export { animationValueToCSS, getEntranceAnimationStyles, getAnimationCSSVariables, getDefaultEasingForAnimation, getRelevantIntensityControls, getStaggerDelay, generateStaggerStyles, EASING_CSS_MAP, ANIMATION_CATEGORIES, DEFAULT_ANIMATION, } from './shared';
-export { TransformField, createTransformField } from './TransformField';
-export { transformValueToCSS, DEFAULT_TRANSFORM } from './shared';
+export { createRichTextField, fullRichTextField, minimalRichTextField, sidebarRichTextField, // Extensions for advanced customization
+FontSize, // Controls for custom menu building
+ColorPickerControl, ColorPickerPanel, FontSizeControl, HighlightControl, // Utilities
+normalizeHex, hexToRgba, parseColor, FONT_SIZES, FONT_SIZE_UNITS, controlStyles } from './richtext/index.js';
+export { PaddingField, createPaddingField } from './PaddingField.js';
+export { MarginField, createMarginField } from './MarginField.js';
+export { BorderField, createBorderField } from './BorderField.js';
+export { WidthField, createWidthField } from './WidthField.js';
+export { DimensionsField, createDimensionsField } from './DimensionsField.js';
+export { dimensionsValueToCSS, getDimensionsSummary, isLegacyWidthValue, migrateWidthValue } from './shared.js';
+export { LockedTextField, LockedRadioField, createLockedTextField, createLockedRadioField, lockedSlugField, lockedHomepageField } from './LockedField.js';
+export { AlignmentField, createAlignmentField } from './AlignmentField.js';
+export { JustifyContentField, AlignItemsField, createJustifyContentField, createAlignItemsField } from './FlexAlignmentField.js';
+export { VerticalAlignmentField, createVerticalAlignmentField } from './VerticalAlignmentField.js';
+export { ContentAlignmentField, createContentAlignmentField, alignmentToFlexCSS, alignmentToGridCSS, alignmentToPlaceSelfCSS, alignmentToTailwind } from './ContentAlignmentField.js';
+export { SizeField, createSizeField, sizeValueToCSS, getSizeClasses } from './SizeField.js';
+export { GradientEditor } from './GradientEditor.js';
+export { BackgroundField, createBackgroundField } from './BackgroundField.js';
+export { backgroundValueToCSS, gradientValueToCSS, getBackgroundImageOpacity } from './shared.js';
+export { ResponsiveField, createResponsiveField } from './ResponsiveField.js';
+export { BREAKPOINTS, isResponsiveValue, responsiveValueToCSS, cssPropertiesToString, visibilityValueToCSS, DEFAULT_VISIBILITY } from './shared.js';
+export { ResponsiveVisibilityField, createResponsiveVisibilityField } from './ResponsiveVisibilityField.js';
+export { AnimationField, createAnimationField } from './AnimationField.js';
+export { animationValueToCSS, getEntranceAnimationStyles, getAnimationCSSVariables, getDefaultEasingForAnimation, getRelevantIntensityControls, getStaggerDelay, generateStaggerStyles, EASING_CSS_MAP, ANIMATION_CATEGORIES, DEFAULT_ANIMATION } from './shared.js';
+export { TransformField, createTransformField } from './TransformField.js';
+export { transformValueToCSS, DEFAULT_TRANSFORM } from './shared.js';
 // =============================================================================
 // Legacy CSS Utilities (Deprecated)
 // =============================================================================
 /**
  * @deprecated No longer needed. RichText component now uses Tailwind Typography's
  * `prose` class for styling. Install @tailwindcss/typography instead.
- */
-export const RICHTEXT_OUTPUT_CSS = '';
+ */ export const RICHTEXT_OUTPUT_CSS = '';
 /**
  * @deprecated No longer needed. RichText component now uses Tailwind Typography's
  * `prose` class for styling. Install @tailwindcss/typography instead.
- */
-export function injectRichtextStyles() {
-    console.warn('injectRichtextStyles() is deprecated. RichText now uses Tailwind Typography. ' +
-        'Install @tailwindcss/typography and use the `prose` class instead.');
+ */ export function injectRichtextStyles() {
+    console.warn('injectRichtextStyles() is deprecated. RichText now uses Tailwind Typography. ' + 'Install @tailwindcss/typography and use the `prose` class instead.');
 }
 // =============================================================================
 // Page-Tree Integration Fields
 // =============================================================================
-export { FolderPickerField, createFolderPickerField } from './FolderPickerField';
-export { PageSegmentField, createPageSegmentField, LockedPageSegmentField, createLockedPageSegmentField, } from './PageSegmentField';
-export { SlugPreviewField, createSlugPreviewField } from './SlugPreviewField';
+export { FolderPickerField, createFolderPickerField } from './FolderPickerField.js';
+export { PageSegmentField, createPageSegmentField, LockedPageSegmentField, createLockedPageSegmentField } from './PageSegmentField.js';
+export { SlugPreviewField, createSlugPreviewField } from './SlugPreviewField.js';
+
 //# sourceMappingURL=index.js.map

package/dist/fields/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/fields/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,2BAA2B;AAC3B,cAAc,UAAU,CAAA;AAExB,0BAA0B;AAC1B,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAG3D,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAE1F,gFAAgF;AAChF,iBAAiB;AACjB,oFAAoF;AACpF,gFAAgF;AAChF,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB;AAEpB,wCAAwC;AACxC,QAAQ;AACR,oCAAoC;AACpC,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,gBAAgB;AAChB,YAAY;AACZ,YAAY,EACZ,SAAS,EACT,UAAU,EACV,UAAU,EACV,eAAe,EACf,aAAa,GAEd,MAAM,YAAY,CAAA;AAEnB,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAEjE,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAG9D,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAE9D,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAE3D,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAC1E,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,UAAU,CAAA;AASjB,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,sBAAsB,EACtB,eAAe,EACf,mBAAmB,GACpB,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAGvE,OAAO,EACL,mBAAmB,EACnB,eAAe,EACf,yBAAyB,EACzB,qBAAqB,GACtB,MAAM,sBAAsB,CAAA;AAG7B,OAAO,EAAE,sBAAsB,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAA;AAG/F,OAAO,EACL,qBAAqB,EACrB,2BAA2B,EAC3B,kBAAkB,EAClB,kBAAkB,EAClB,uBAAuB,EACvB,mBAAmB,GACpB,MAAM,yBAAyB,CAAA;AAQhC,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAGxF,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAS1E,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAA;AAE9F,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAE1E,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,oBAAoB,EACpB,qBAAqB,EACrB,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,UAAU,CAAA;AAEjB,OAAO,EACL,yBAAyB,EACzB,+BAA+B,GAChC,MAAM,6BAA6B,CAAA;AAEpC,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAWvE,OAAO,EACL,mBAAmB,EACnB,0BAA0B,EAC1B,wBAAwB,EACxB,4BAA4B,EAC5B,4BAA4B,EAC5B,eAAe,EACf,qBAAqB,EACrB,cAAc,EACd,oBAAoB,EACpB,iBAAiB,GAClB,MAAM,UAAU,CAAA;AAEjB,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAEvE,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEjE,gFAAgF;AAChF,oCAAoC;AACpC,gFAAgF;AAEhF;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,EAAE,CAAA;AAErC;;;GAGG;AACH,MAAM,UAAU,oBAAoB;IAClC,OAAO,CAAC,IAAI,CACV,+EAA+E;QAC7E,oEAAoE,CACvE,CAAA;AACH,CAAC;AAED,gFAAgF;AAChF,+BAA+B;AAC/B,gFAAgF;AAEhF,OAAO,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAA;AAChF,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,sBAAsB,EACtB,4BAA4B,GAC7B,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAA"}
+{"version":3,"sources":["../../src/fields/index.ts"],"sourcesContent":["/**\n * Custom Puck fields for the visual editor\n *\n * These fields provide enhanced editing experiences for specific content types.\n */\n\n// Shared field definitions\nexport * from './shared.js'\n\n// Custom field components\nexport { MediaField, createMediaField } from './MediaField.js'\nexport type { MediaReference } from './MediaField.js'\n\nexport { ColorPickerField, createColorPickerField, colorToRgba } from './ColorPickerField.js'\n\n// =============================================================================\n// RichText Field\n// Uses Puck's native richtext with custom TipTap extensions for colors, sizes, etc.\n// =============================================================================\nexport {\n  createRichTextField,\n  fullRichTextField,\n  minimalRichTextField,\n  sidebarRichTextField,\n  type CreateRichTextFieldOptions,\n  // Extensions for advanced customization\n  FontSize,\n  // Controls for custom menu building\n  ColorPickerControl,\n  ColorPickerPanel,\n  FontSizeControl,\n  HighlightControl,\n  // Utilities\n  normalizeHex,\n  hexToRgba,\n  parseColor,\n  FONT_SIZES,\n  FONT_SIZE_UNITS,\n  controlStyles,\n  type FontSizeUnit,\n} from './richtext/index.js'\n\nexport { PaddingField, createPaddingField } from './PaddingField.js'\n\nexport { MarginField, createMarginField } from './MarginField.js'\nexport type { MarginValue } from './MarginField.js'\n\nexport { BorderField, createBorderField } from './BorderField.js'\n\nexport { WidthField, createWidthField } from './WidthField.js'\n\nexport { DimensionsField, createDimensionsField } from './DimensionsField.js'\nexport {\n  dimensionsValueToCSS,\n  getDimensionsSummary,\n  isLegacyWidthValue,\n  migrateWidthValue,\n} from './shared.js'\nexport type {\n  DimensionsValue,\n  DimensionConstraint,\n  DimensionsUnit,\n  DimensionsMode,\n  ContentAlignment,\n} from './shared.js'\n\nexport {\n  LockedTextField,\n  LockedRadioField,\n  createLockedTextField,\n  createLockedRadioField,\n  lockedSlugField,\n  lockedHomepageField,\n} from './LockedField.js'\n\nexport { AlignmentField, createAlignmentField } from './AlignmentField.js'\nexport type { Alignment } from './AlignmentField.js'\n\nexport {\n  JustifyContentField,\n  AlignItemsField,\n  createJustifyContentField,\n  createAlignItemsField,\n} from './FlexAlignmentField.js'\nexport type { JustifyContent, AlignItems } from './FlexAlignmentField.js'\n\nexport { VerticalAlignmentField, createVerticalAlignmentField } from './VerticalAlignmentField.js'\nexport type { VerticalAlignment } from './VerticalAlignmentField.js'\n\nexport {\n  ContentAlignmentField,\n  createContentAlignmentField,\n  alignmentToFlexCSS,\n  alignmentToGridCSS,\n  alignmentToPlaceSelfCSS,\n  alignmentToTailwind,\n} from './ContentAlignmentField.js'\nexport type {\n  ContentAlignmentValue,\n  HorizontalAlign,\n  VerticalAlign,\n  PositionLabel,\n} from './ContentAlignmentField.js'\n\nexport { SizeField, createSizeField, sizeValueToCSS, getSizeClasses } from './SizeField.js'\nexport type { SizeValue, SizeMode, SizeUnit } from './SizeField.js'\n\nexport { GradientEditor } from './GradientEditor.js'\n\nexport { BackgroundField, createBackgroundField } from './BackgroundField.js'\nexport type {\n  BackgroundValue,\n  BackgroundImageValue,\n  BackgroundOverlay,\n  GradientValue,\n  GradientStop,\n  GradientMask,\n} from './shared.js'\nexport { backgroundValueToCSS, gradientValueToCSS, getBackgroundImageOpacity } from './shared.js'\n\nexport { ResponsiveField, createResponsiveField } from './ResponsiveField.js'\nexport type { Breakpoint, ResponsiveValue, VisibilityValue, ResponsiveCSSResult } from './shared.js'\nexport {\n  BREAKPOINTS,\n  isResponsiveValue,\n  responsiveValueToCSS,\n  cssPropertiesToString,\n  visibilityValueToCSS,\n  DEFAULT_VISIBILITY,\n} from './shared.js'\n\nexport {\n  ResponsiveVisibilityField,\n  createResponsiveVisibilityField,\n} from './ResponsiveVisibilityField.js'\n\nexport { AnimationField, createAnimationField } from './AnimationField.js'\nexport type {\n  AnimationValue,\n  EasingFunction,\n  AdvancedEasingFunction,\n  EntranceAnimation,\n  AnimationOrigin,\n  AnimationCategory,\n  StaggerConfig,\n  StaggerDirection,\n} from './shared.js'\nexport {\n  animationValueToCSS,\n  getEntranceAnimationStyles,\n  getAnimationCSSVariables,\n  getDefaultEasingForAnimation,\n  getRelevantIntensityControls,\n  getStaggerDelay,\n  generateStaggerStyles,\n  EASING_CSS_MAP,\n  ANIMATION_CATEGORIES,\n  DEFAULT_ANIMATION,\n} from './shared.js'\n\nexport { TransformField, createTransformField } from './TransformField.js'\nexport type { TransformValue, TransformOrigin } from './shared.js'\nexport { transformValueToCSS, DEFAULT_TRANSFORM } from './shared.js'\n\n// =============================================================================\n// Legacy CSS Utilities (Deprecated)\n// =============================================================================\n\n/**\n * @deprecated No longer needed. RichText component now uses Tailwind Typography's\n * `prose` class for styling. Install @tailwindcss/typography instead.\n */\nexport const RICHTEXT_OUTPUT_CSS = ''\n\n/**\n * @deprecated No longer needed. RichText component now uses Tailwind Typography's\n * `prose` class for styling. Install @tailwindcss/typography instead.\n */\nexport function injectRichtextStyles() {\n  console.warn(\n    'injectRichtextStyles() is deprecated. RichText now uses Tailwind Typography. ' +\n      'Install @tailwindcss/typography and use the `prose` class instead.'\n  )\n}\n\n// =============================================================================\n// Page-Tree Integration Fields\n// =============================================================================\n\nexport { FolderPickerField, createFolderPickerField } from './FolderPickerField.js'\nexport {\n  PageSegmentField,\n  createPageSegmentField,\n  LockedPageSegmentField,\n  createLockedPageSegmentField,\n} from './PageSegmentField.js'\nexport { SlugPreviewField, createSlugPreviewField } from './SlugPreviewField.js'\n"],"names":["MediaField","createMediaField","ColorPickerField","createColorPickerField","colorToRgba","createRichTextField","fullRichTextField","minimalRichTextField","sidebarRichTextField","FontSize","ColorPickerControl","ColorPickerPanel","FontSizeControl","HighlightControl","normalizeHex","hexToRgba","parseColor","FONT_SIZES","FONT_SIZE_UNITS","controlStyles","PaddingField","createPaddingField","MarginField","createMarginField","BorderField","createBorderField","WidthField","createWidthField","DimensionsField","createDimensionsField","dimensionsValueToCSS","getDimensionsSummary","isLegacyWidthValue","migrateWidthValue","LockedTextField","LockedRadioField","createLockedTextField","createLockedRadioField","lockedSlugField","lockedHomepageField","AlignmentField","createAlignmentField","JustifyContentField","AlignItemsField","createJustifyContentField","createAlignItemsField","VerticalAlignmentField","createVerticalAlignmentField","ContentAlignmentField","createContentAlignmentField","alignmentToFlexCSS","alignmentToGridCSS","alignmentToPlaceSelfCSS","alignmentToTailwind","SizeField","createSizeField","sizeValueToCSS","getSizeClasses","GradientEditor","BackgroundField","createBackgroundField","backgroundValueToCSS","gradientValueToCSS","getBackgroundImageOpacity","ResponsiveField","createResponsiveField","BREAKPOINTS","isResponsiveValue","responsiveValueToCSS","cssPropertiesToString","visibilityValueToCSS","DEFAULT_VISIBILITY","ResponsiveVisibilityField","createResponsiveVisibilityField","AnimationField","createAnimationField","animationValueToCSS","getEntranceAnimationStyles","getAnimationCSSVariables","getDefaultEasingForAnimation","getRelevantIntensityControls","getStaggerDelay","generateStaggerStyles","EASING_CSS_MAP","ANIMATION_CATEGORIES","DEFAULT_ANIMATION","TransformField","createTransformField","transformValueToCSS","DEFAULT_TRANSFORM","RICHTEXT_OUTPUT_CSS","injectRichtextStyles","console","warn","FolderPickerField","createFolderPickerField","PageSegmentField","createPageSegmentField","LockedPageSegmentField","createLockedPageSegmentField","SlugPreviewField","createSlugPreviewField"],"mappings":"AAAA;;;;CAIC,GAED,2BAA2B;AAC3B,cAAc,cAAa;AAE3B,0BAA0B;AAC1B,SAASA,UAAU,EAAEC,gBAAgB,QAAQ,kBAAiB;AAG9D,SAASC,gBAAgB,EAAEC,sBAAsB,EAAEC,WAAW,QAAQ,wBAAuB;AAE7F,gFAAgF;AAChF,iBAAiB;AACjB,oFAAoF;AACpF,gFAAgF;AAChF,SACEC,mBAAmB,EACnBC,iBAAiB,EACjBC,oBAAoB,EACpBC,oBAAoB,EAEpB,wCAAwC;AACxCC,QAAQ,EACR,oCAAoC;AACpCC,kBAAkB,EAClBC,gBAAgB,EAChBC,eAAe,EACfC,gBAAgB,EAChB,YAAY;AACZC,YAAY,EACZC,SAAS,EACTC,UAAU,EACVC,UAAU,EACVC,eAAe,EACfC,aAAa,QAER,sBAAqB;AAE5B,SAASC,YAAY,EAAEC,kBAAkB,QAAQ,oBAAmB;AAEpE,SAASC,WAAW,EAAEC,iBAAiB,QAAQ,mBAAkB;AAGjE,SAASC,WAAW,EAAEC,iBAAiB,QAAQ,mBAAkB;AAEjE,SAASC,UAAU,EAAEC,gBAAgB,QAAQ,kBAAiB;AAE9D,SAASC,eAAe,EAAEC,qBAAqB,QAAQ,uBAAsB;AAC7E,SACEC,oBAAoB,EACpBC,oBAAoB,EACpBC,kBAAkB,EAClBC,iBAAiB,QACZ,cAAa;AASpB,SACEC,eAAe,EACfC,gBAAgB,EAChBC,qBAAqB,EACrBC,sBAAsB,EACtBC,eAAe,EACfC,mBAAmB,QACd,mBAAkB;AAEzB,SAASC,cAAc,EAAEC,oBAAoB,QAAQ,sBAAqB;AAG1E,SACEC,mBAAmB,EACnBC,eAAe,EACfC,yBAAyB,EACzBC,qBAAqB,QAChB,0BAAyB;AAGhC,SAASC,sBAAsB,EAAEC,4BAA4B,QAAQ,8BAA6B;AAGlG,SACEC,qBAAqB,EACrBC,2BAA2B,EAC3BC,kBAAkB,EAClBC,kBAAkB,EAClBC,uBAAuB,EACvBC,mBAAmB,QACd,6BAA4B;AAQnC,SAASC,SAAS,EAAEC,eAAe,EAAEC,cAAc,EAAEC,cAAc,QAAQ,iBAAgB;AAG3F,SAASC,cAAc,QAAQ,sBAAqB;AAEpD,SAASC,eAAe,EAAEC,qBAAqB,QAAQ,uBAAsB;AAS7E,SAASC,oBAAoB,EAAEC,kBAAkB,EAAEC,yBAAyB,QAAQ,cAAa;AAEjG,SAASC,eAAe,EAAEC,qBAAqB,QAAQ,uBAAsB;AAE7E,SACEC,WAAW,EACXC,iBAAiB,EACjBC,oBAAoB,EACpBC,qBAAqB,EACrBC,oBAAoB,EACpBC,kBAAkB,QACb,cAAa;AAEpB,SACEC,yBAAyB,EACzBC,+BAA+B,QAC1B,iCAAgC;AAEvC,SAASC,cAAc,EAAEC,oBAAoB,QAAQ,sBAAqB;AAW1E,SACEC,mBAAmB,EACnBC,0BAA0B,EAC1BC,wBAAwB,EACxBC,4BAA4B,EAC5BC,4BAA4B,EAC5BC,eAAe,EACfC,qBAAqB,EACrBC,cAAc,EACdC,oBAAoB,EACpBC,iBAAiB,QACZ,cAAa;AAEpB,SAASC,cAAc,EAAEC,oBAAoB,QAAQ,sBAAqB;AAE1E,SAASC,mBAAmB,EAAEC,iBAAiB,QAAQ,cAAa;AAEpE,gFAAgF;AAChF,oCAAoC;AACpC,gFAAgF;AAEhF;;;CAGC,GACD,OAAO,MAAMC,sBAAsB,GAAE;AAErC;;;CAGC,GACD,OAAO,SAASC;IACdC,QAAQC,IAAI,CACV,kFACE;AAEN;AAEA,gFAAgF;AAChF,+BAA+B;AAC/B,gFAAgF;AAEhF,SAASC,iBAAiB,EAAEC,uBAAuB,QAAQ,yBAAwB;AACnF,SACEC,gBAAgB,EAChBC,sBAAsB,EACtBC,sBAAsB,EACtBC,4BAA4B,QACvB,wBAAuB;AAC9B,SAASC,gBAAgB,EAAEC,sBAAsB,QAAQ,wBAAuB"}

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

@@ -1,9 +1,20 @@
+/**
+ * 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 React from 'react';
 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;
+export declare function ColorPickerControl({ editor, currentColor }: ColorPickerControlProps): React.JSX.Element;
 interface ColorPickerPanelProps {
     currentColor: string | undefined;
     onColorChange: (color: string | null) => void;
@@ -11,6 +22,6 @@ interface ColorPickerPanelProps {
     mode: 'text' | 'highlight';
     showOpacity?: boolean;
 }
-export declare function ColorPickerPanel({ currentColor, onColorChange, onClose, mode, showOpacity, }: ColorPickerPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function ColorPickerPanel({ currentColor, onColorChange, onClose, mode, showOpacity, }: ColorPickerPanelProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=ColorPickerControl.d.ts.map

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

@@ -1 +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,2CA2DnF;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"}
+{"version":3,"file":"ColorPickerControl.d.ts","sourceRoot":"","sources":["../../../../src/fields/richtext/controls/ColorPickerControl.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,OAAO,KAAoD,MAAM,OAAO,CAAA;AAKxE,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,qBA2DnF;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,qBAqLvB"}

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

@@ -9,28 +9,43 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * - Opacity slider (RGBA support)
  * - Theme color presets
  * - "Theme Color (Auto)" option for dark/light mode adaptation
- */
-import { useState, useCallback } from 'react';
+ */ import React, { useState, useCallback } from 'react';
 import { Palette, ChevronDown } from 'lucide-react';
-import { useTheme } from '../../../theme';
-import { parseColor, normalizeHex, hexToRgba, controlStyles } from './shared';
-import { Dropdown } from './DropdownPortal';
+import { useTheme } from '../../../theme/index.js';
+import { parseColor, normalizeHex, hexToRgba, controlStyles } from './shared.js';
+import { Dropdown } from './DropdownPortal.js';
 export function ColorPickerControl({ editor, currentColor }) {
     const [isOpen, setIsOpen] = useState(false);
-    const handleColorChange = useCallback((color) => {
+    const handleColorChange = useCallback((color)=>{
         if (color) {
             editor.chain().focus().setColor(color).run();
-        }
-        else {
+        } else {
             editor.chain().focus().unsetColor().run();
         }
-    }, [editor]);
-    const close = useCallback(() => setIsOpen(false), []);
+    }, [
+        editor
+    ]);
+    const close = useCallback(()=>setIsOpen(false), []);
     const hasColor = Boolean(currentColor);
-    const trigger = (_jsxs("button", { type: "button", title: "Text Color", style: {
+    const trigger = /*#__PURE__*/ _jsxs("button", {
+        type: "button",
+        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: {
+            ...hasColor ? controlStyles.dropdownTriggerActive : {}
+        },
+        children: [
+            /*#__PURE__*/ _jsx(Palette, {
+                style: controlStyles.icon
+            }),
+            /*#__PURE__*/ _jsx(ChevronDown, {
+                style: {
+                    width: '12px',
+                    height: '12px'
+                }
+            }),
+            currentColor && /*#__PURE__*/ _jsx("span", {
+                style: {
                     position: 'absolute',
                     bottom: '2px',
                     left: '50%',
@@ -38,11 +53,30 @@ export function ColorPickerControl({ editor, currentColor }) {
                     width: '12px',
                     height: '3px',
                     borderRadius: '1px',
-                    backgroundColor: currentColor,
-                } }))] }));
-    return (_jsx("div", { style: { position: 'relative' }, children: _jsx(Dropdown, { isOpen: isOpen, onOpenChange: setIsOpen, trigger: trigger, minWidth: 260, children: _jsx(ColorPickerPanel, { currentColor: currentColor, onColorChange: handleColorChange, onClose: close, mode: "text" }) }) }));
+                    backgroundColor: currentColor
+                }
+            })
+        ]
+    });
+    return /*#__PURE__*/ _jsx("div", {
+        style: {
+            position: 'relative'
+        },
+        children: /*#__PURE__*/ _jsx(Dropdown, {
+            isOpen: isOpen,
+            onOpenChange: setIsOpen,
+            trigger: trigger,
+            minWidth: 260,
+            children: /*#__PURE__*/ _jsx(ColorPickerPanel, {
+                currentColor: currentColor,
+                onColorChange: handleColorChange,
+                onClose: close,
+                mode: "text"
+            })
+        })
+    });
 }
-export function ColorPickerPanel({ currentColor, onColorChange, onClose, mode, showOpacity = true, }) {
+export function ColorPickerPanel({ currentColor, onColorChange, onClose, mode, showOpacity = true }) {
     const theme = useTheme();
     const presets = theme.colorPresets;
     const parsed = parseColor(currentColor);
@@ -51,21 +85,25 @@ export function ColorPickerPanel({ currentColor, onColorChange, onClose, mode, s
     const [opacity, setOpacity] = useState(parsed.opacity);
     const [hoverTheme, setHoverTheme] = useState(false);
     // Apply color (converts to rgba if opacity < 100)
-    const applyColor = useCallback((h, o) => {
+    const applyColor = useCallback((h, o)=>{
         if (o < 100) {
             onColorChange(hexToRgba(h, o));
-        }
-        else {
+        } else {
             onColorChange(h);
         }
-    }, [onColorChange]);
-    const handleColorInputChange = useCallback((e) => {
+    }, [
+        onColorChange
+    ]);
+    const handleColorInputChange = useCallback((e)=>{
         const newHex = e.target.value;
         setHex(newHex);
         setHexInput(newHex);
         applyColor(newHex, opacity);
-    }, [opacity, applyColor]);
-    const handleHexInputChange = useCallback((e) => {
+    }, [
+        opacity,
+        applyColor
+    ]);
+    const handleHexInputChange = useCallback((e)=>{
         const input = e.target.value;
         setHexInput(input);
         const normalized = normalizeHex(input);
@@ -73,44 +111,171 @@ export function ColorPickerPanel({ currentColor, onColorChange, onClose, mode, s
             setHex(normalized);
             applyColor(normalized, opacity);
         }
-    }, [opacity, applyColor]);
-    const handleHexInputBlur = useCallback(() => {
+    }, [
+        opacity,
+        applyColor
+    ]);
+    const handleHexInputBlur = useCallback(()=>{
         setHexInput(hex);
-    }, [hex]);
-    const handleOpacityChange = useCallback((e) => {
+    }, [
+        hex
+    ]);
+    const handleOpacityChange = useCallback((e)=>{
         const newOpacity = parseInt(e.target.value, 10);
         setOpacity(newOpacity);
         applyColor(hex, newOpacity);
-    }, [hex, applyColor]);
-    const handlePresetClick = useCallback((preset) => {
+    }, [
+        hex,
+        applyColor
+    ]);
+    const handlePresetClick = useCallback((preset)=>{
         setHex(preset.hex);
         setHexInput(preset.hex);
         setOpacity(100);
         applyColor(preset.hex, 100);
         onClose();
-    }, [applyColor, onClose]);
-    const handleClearColor = useCallback(() => {
+    }, [
+        applyColor,
+        onClose
+    ]);
+    const handleClearColor = useCallback(()=>{
         onColorChange(null);
         onClose();
-    }, [onColorChange, 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: {
+    return /*#__PURE__*/ _jsxs("div", {
+        style: controlStyles.colorPickerContainer,
+        children: [
+            /*#__PURE__*/ _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: {
+                    ...hoverTheme ? {
+                        backgroundColor: 'var(--puck-color-grey-01)'
+                    } : {}
+                },
+                children: [
+                    /*#__PURE__*/ _jsx("span", {
+                        style: controlStyles.colorPickerThemeSwatch
+                    }),
+                    mode === 'text' ? 'Theme Color (Auto)' : 'Remove Highlight'
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                style: controlStyles.colorPickerRow,
+                children: [
+                    /*#__PURE__*/ _jsx("input", {
+                        type: "color",
+                        value: hex,
+                        onChange: handleColorInputChange,
+                        style: controlStyles.colorPickerInput,
+                        title: "Pick a color"
+                    }),
+                    /*#__PURE__*/ _jsx("input", {
+                        type: "text",
+                        value: hexInput,
+                        onChange: handleHexInputChange,
+                        onBlur: handleHexInputBlur,
+                        placeholder: "#000000",
+                        style: controlStyles.colorPickerHexInput
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        style: controlStyles.colorPickerPreview,
+                        title: `${hex} at ${opacity}% opacity`,
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                style: controlStyles.colorPickerCheckerboard
+                            }),
+                            /*#__PURE__*/ _jsx("div", {
+                                style: {
+                                    ...controlStyles.colorPickerOverlay,
+                                    backgroundColor: previewColor
+                                }
+                            })
+                        ]
+                    })
+                ]
+            }),
+            showOpacity && /*#__PURE__*/ _jsxs("div", {
+                style: controlStyles.colorPickerOpacitySection,
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        style: controlStyles.colorPickerOpacityHeader,
+                        children: [
+                            /*#__PURE__*/ _jsx("label", {
+                                style: controlStyles.colorPickerOpacityLabel,
+                                children: "Opacity"
+                            }),
+                            /*#__PURE__*/ _jsxs("span", {
+                                style: controlStyles.colorPickerOpacityValue,
+                                children: [
+                                    opacity,
+                                    "%"
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        style: controlStyles.colorPickerOpacitySlider,
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                style: controlStyles.colorPickerCheckerboard
+                            }),
+                            /*#__PURE__*/ _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: {
+                                    background: `linear-gradient(to right, transparent 0%, ${hex} 100%)`
+                                }
+                            }),
+                            /*#__PURE__*/ _jsx("input", {
+                                type: "range",
+                                min: "0",
+                                max: "100",
+                                value: opacity,
+                                onChange: handleOpacityChange,
+                                style: controlStyles.colorPickerOpacityInputRange
+                            }),
+                            /*#__PURE__*/ _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) => {
+                                    left: `calc(${opacity}% - 2px)`
+                                }
+                            })
+                        ]
+                    })
+                ]
+            }),
+            presets.length > 0 && /*#__PURE__*/ _jsxs("div", {
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        style: controlStyles.colorPickerPresetsLabel,
+                        children: "Presets"
+                    }),
+                    /*#__PURE__*/ _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));
-                        }) })] }))] }));
+                            return /*#__PURE__*/ _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