@delmaredigital/payload-puck 0.1.3 → 0.3.0

package/dist/fields/index.d.mts

@@ -1,600 +0,0 @@
-import { C as ColorValue, P as PaddingValue, a as BorderValue, W as WidthValue, D as DimensionsValue, G as GradientValue, B as BackgroundValue, R as ResponsiveValue, V as VisibilityValue, A as AnimationValue, T as TransformValue } from '../shared-DeNKN95N.mjs';
-export { _ as ANIMATION_CATEGORIES, F as AdvancedEasingFunction, J as AnimationCategory, I as AnimationOrigin, u as BREAKPOINTS, aI as BackgroundCSSResult, k as BackgroundImageValue, l as BackgroundOverlay, s as Breakpoint, j as ContentAlignment, $ as DEFAULT_ANIMATION, a2 as DEFAULT_TRANSFORM, z as DEFAULT_VISIBILITY, e as DimensionConstraint, h as DimensionsMode, f as DimensionsUnit, Z as EASING_CSS_MAP, E as EasingFunction, H as EntranceAnimation, o as GradientMask, n as GradientStop, M as MediaField, b as MediaReference, t as ResponsiveCSSResult, S as StaggerConfig, K as StaggerDirection, a0 as TransformOrigin, az as alignItemsMap, al as alignmentMap, L as animationValueToCSS, af as aspectRatioField, at as aspectRatioMap, a8 as backgroundColorField, p as backgroundValueToCSS, am as bgColorMap, ah as borderRadiusField, av as borderRadiusMap, aF as borderValueToCSS, a7 as buttonSizeField, a5 as buttonStyleField, a6 as buttonVariantField, a3 as cn, aC as colorValueToCSS, ai as columnsCountField, aw as columnsCountMap, c as createMediaField, x as cssPropertiesToString, d as dimensionsValueToCSS, ag as dividerStyleField, au as dividerStyleMap, aj as flexDirectionField, ax as flexDirectionMap, ak as flexWrapField, aB as flexWrapMap, aa as gapField, ao as gapMap, Y as generateStaggerStyles, O as getAnimationCSSVariables, r as getBackgroundImageOpacity, aH as getCustomStyleObject, Q as getDefaultEasingForAnimation, g as getDimensionsSummary, N as getEntranceAnimationStyles, U as getRelevantIntensityControls, X as getStaggerDelay, q as gradientValueToCSS, aJ as hasCustomStyles, ad as headingLevelField, ar as headingLevelMap, i as isLegacyWidthValue, v as isResponsiveValue, ay as justifyContentMap, aK as layoutComponentsDisallow, aE as marginValueToCSS, m as migrateWidthValue, aD as paddingValueToCSS, w as responsiveValueToCSS, aA as selfAlignmentMap, ab as shadowField, ap as shadowMap, ac as spacerHeightField, aq as spacerHeightMap, a9 as textColorField, an as textColorMap, ae as textSizeField, as as textSizeMap, a1 as transformValueToCSS, a4 as visibilityField, y as visibilityValueToCSS, aG as widthValueToCSS } from '../shared-DeNKN95N.mjs';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import React__default from 'react';
-import { CustomField } from '@measured/puck';
-
-type JustifyContent = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around';
-type AlignItems = 'flex-start' | 'center' | 'flex-end' | 'stretch';
-interface JustifyContentFieldProps {
-    value: JustifyContent | null;
-    onChange: (value: JustifyContent | null) => void;
-    label?: string;
-    readOnly?: boolean;
-    defaultValue?: JustifyContent;
-}
-interface AlignItemsFieldProps {
-    value: AlignItems | null;
-    onChange: (value: AlignItems | null) => void;
-    label?: string;
-    readOnly?: boolean;
-    defaultValue?: AlignItems;
-}
-declare function JustifyContentFieldInner({ value, onChange, label, readOnly, defaultValue, }: JustifyContentFieldProps): react_jsx_runtime.JSX.Element;
-declare const JustifyContentField: React__default.MemoExoticComponent<typeof JustifyContentFieldInner>;
-declare function AlignItemsFieldInner({ value, onChange, label, readOnly, defaultValue, }: AlignItemsFieldProps): react_jsx_runtime.JSX.Element;
-declare const AlignItemsField: React__default.MemoExoticComponent<typeof AlignItemsFieldInner>;
-interface CreateJustifyContentFieldConfig {
-    label?: string;
-    defaultValue?: JustifyContent;
-}
-interface CreateAlignItemsFieldConfig {
-    label?: string;
-    defaultValue?: AlignItems;
-}
-/**
- * Creates a Puck field configuration for flex justify-content control
- *
- * @example
- * ```ts
- * fields: {
- *   justifyContent: createJustifyContentField({ label: 'Justify Content' }),
- * }
- * ```
- */
-declare function createJustifyContentField(config?: CreateJustifyContentFieldConfig): CustomField<JustifyContent | null>;
-/**
- * Creates a Puck field configuration for flex align-items control
- *
- * @example
- * ```ts
- * fields: {
- *   alignItems: createAlignItemsField({ label: 'Align Items' }),
- * }
- * ```
- */
-declare function createAlignItemsField(config?: CreateAlignItemsFieldConfig): CustomField<AlignItems | null>;
-
-type Alignment = 'left' | 'center' | 'right';
-interface AlignmentFieldProps {
-    value: Alignment | null;
-    onChange: (value: Alignment | null) => void;
-    label?: string;
-    readOnly?: boolean;
-    /** Default value when cleared or initially null */
-    defaultValue?: Alignment;
-}
-declare function AlignmentFieldInner({ value, onChange, label, readOnly, defaultValue, }: AlignmentFieldProps): react_jsx_runtime.JSX.Element;
-declare const AlignmentField: React__default.MemoExoticComponent<typeof AlignmentFieldInner>;
-interface CreateAlignmentFieldConfig {
-    label?: string;
-    defaultValue?: Alignment;
-}
-/**
- * Creates a Puck field configuration for alignment control
- *
- * @example
- * ```ts
- * fields: {
- *   alignment: createAlignmentField({ label: 'Text Alignment' }),
- * }
- * ```
- */
-declare function createAlignmentField(config?: CreateAlignmentFieldConfig): CustomField<Alignment | null>;
-
-type SizeMode = 'sm' | 'default' | 'lg' | 'custom';
-type SizeUnit = 'px' | 'rem';
-interface SizeValue {
-    mode: SizeMode;
-    /** Height in units (only used when mode === 'custom') */
-    height?: number;
-    /** Horizontal padding in units (only used when mode === 'custom') */
-    paddingX?: number;
-    /** Vertical padding in units (only used when mode === 'custom') */
-    paddingY?: number;
-    /** Font size in units (only used when mode === 'custom') */
-    fontSize?: number;
-    /** Unit for all values */
-    unit?: SizeUnit;
-}
-interface SizeFieldProps {
-    value: SizeValue | null;
-    onChange: (value: SizeValue | null) => void;
-    label?: string;
-    readOnly?: boolean;
-    /** Show height input (default: true) */
-    showHeight?: boolean;
-    /** Show font size input (default: true) */
-    showFontSize?: boolean;
-}
-declare function SizeFieldInner({ value, onChange, label, readOnly, showHeight, showFontSize, }: SizeFieldProps): react_jsx_runtime.JSX.Element;
-declare const SizeField: React__default.MemoExoticComponent<typeof SizeFieldInner>;
-/**
- * Convert SizeValue to CSS properties object
- *
- * For preset modes, returns undefined (use Tailwind classes instead)
- * For custom mode, returns inline styles
- */
-declare function sizeValueToCSS(size: SizeValue | null | undefined): React__default.CSSProperties | undefined;
-/**
- * Get Tailwind classes for preset size modes
- * Returns empty string for custom mode (use inline styles instead)
- */
-declare function getSizeClasses(size: SizeValue | null | undefined, sizeMap: Record<string, string>): string;
-interface CreateSizeFieldConfig {
-    label?: string;
-    showHeight?: boolean;
-    showFontSize?: boolean;
-}
-/**
- * Creates a Puck field configuration for size control
- *
- * @example
- * ```ts
- * fields: {
- *   size: createSizeField({ label: 'Button Size' }),
- * }
- * ```
- */
-declare function createSizeField(config?: CreateSizeFieldConfig): CustomField<SizeValue | null>;
-
-interface ColorPickerFieldProps {
-    value: ColorValue | null;
-    onChange: (value: ColorValue | null) => void;
-    label?: string;
-    readOnly?: boolean;
-    showOpacity?: boolean;
-    presets?: Array<{
-        hex: string;
-        label: string;
-    }>;
-}
-/**
- * Converts hex + opacity to rgba CSS string
- */
-declare function colorToRgba(hex: string, opacity: number): string;
-declare function ColorPickerFieldInner({ value, onChange, label, readOnly, showOpacity, presets, }: ColorPickerFieldProps): react_jsx_runtime.JSX.Element;
-declare const ColorPickerField: React__default.MemoExoticComponent<typeof ColorPickerFieldInner>;
-/**
- * Creates a Puck field configuration for color selection
- */
-declare function createColorPickerField(config: {
-    label?: string;
-    showOpacity?: boolean;
-    presets?: Array<{
-        hex: string;
-        label: string;
-    }>;
-}): CustomField<ColorValue | null>;
-
-interface TiptapFieldProps {
-    value: string;
-    onChange: (value: string) => void;
-    label?: string;
-    readOnly?: boolean;
-}
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        fontSize: {
-            setFontSize: (size: string) => ReturnType;
-            unsetFontSize: () => ReturnType;
-        };
-    }
-}
-declare function TiptapFieldInner({ value, onChange, label, readOnly }: TiptapFieldProps): react_jsx_runtime.JSX.Element;
-declare const TiptapField: React__default.MemoExoticComponent<typeof TiptapFieldInner>;
-/**
- * Creates a Puck field configuration for Tiptap rich text editing
- */
-declare function createTiptapField(config: {
-    label?: string;
-    placeholder?: string;
-}): CustomField<string>;
-
-interface TiptapModalProps {
-    isOpen: boolean;
-    onClose: () => void;
-    value: string;
-    onChange: (value: string) => void;
-    title?: string;
-}
-declare function TiptapModal({ isOpen, onClose, value, onChange, title }: TiptapModalProps): react_jsx_runtime.JSX.Element | null;
-
-interface TiptapModalFieldProps {
-    value: string;
-    onChange: (value: string) => void;
-    label?: string;
-}
-declare function TiptapModalFieldInner({ value, onChange, label }: TiptapModalFieldProps): react_jsx_runtime.JSX.Element;
-declare const TiptapModalField: React__default.MemoExoticComponent<typeof TiptapModalFieldInner>;
-/**
- * Creates a Puck field configuration for TipTap editing with modal option
- */
-declare function createTiptapModalField(config?: {
-    label?: string;
-}): CustomField<string>;
-
-interface PaddingFieldProps {
-    value: PaddingValue | null;
-    onChange: (value: PaddingValue | null) => void;
-    label?: string;
-    readOnly?: boolean;
-    showUnits?: boolean;
-}
-declare function PaddingFieldInner({ value, onChange, label, readOnly, showUnits, }: PaddingFieldProps): react_jsx_runtime.JSX.Element;
-declare const PaddingField: React__default.MemoExoticComponent<typeof PaddingFieldInner>;
-/**
- * Creates a Puck field configuration for padding/spacing
- */
-declare function createPaddingField(config: {
-    label?: string;
-    showUnits?: boolean;
-}): CustomField<PaddingValue | null>;
-
-type MarginValue = PaddingValue;
-interface MarginFieldProps {
-    value: MarginValue | null;
-    onChange: (value: MarginValue | null) => void;
-    label?: string;
-    readOnly?: boolean;
-    showUnits?: boolean;
-}
-declare function MarginFieldInner({ value, onChange, label, readOnly, showUnits, }: MarginFieldProps): react_jsx_runtime.JSX.Element;
-declare const MarginField: React__default.MemoExoticComponent<typeof MarginFieldInner>;
-/**
- * Creates a Puck field configuration for margin/spacing
- */
-declare function createMarginField(config: {
-    label?: string;
-    showUnits?: boolean;
-}): CustomField<MarginValue | null>;
-
-interface BorderFieldProps {
-    value: BorderValue | null;
-    onChange: (value: BorderValue | null) => void;
-    label?: string;
-    readOnly?: boolean;
-}
-declare function BorderFieldInner({ value, onChange, label, readOnly, }: BorderFieldProps): react_jsx_runtime.JSX.Element;
-declare const BorderField: React__default.MemoExoticComponent<typeof BorderFieldInner>;
-/**
- * Creates a Puck field configuration for border styling
- */
-declare function createBorderField(config: {
-    label?: string;
-}): CustomField<BorderValue | null>;
-
-interface WidthFieldProps {
-    value: WidthValue | null;
-    onChange: (value: WidthValue | null) => void;
-    label?: string;
-    readOnly?: boolean;
-}
-declare function WidthFieldInner({ value, onChange, label, readOnly, }: WidthFieldProps): react_jsx_runtime.JSX.Element;
-declare const WidthField: React__default.MemoExoticComponent<typeof WidthFieldInner>;
-/**
- * Creates a Puck field configuration for width control
- */
-declare function createWidthField(config: {
-    label?: string;
-}): CustomField<WidthValue | null>;
-
-interface DimensionsFieldProps {
-    value: DimensionsValue | null;
-    onChange: (value: DimensionsValue | null) => void;
-    label?: string;
-    readOnly?: boolean;
-    /** Show height controls (default: true) */
-    showHeightControls?: boolean;
-    /** Show min controls in advanced mode (default: true) */
-    showMinControls?: boolean;
-    /** Start with advanced mode expanded (default: false) */
-    defaultAdvancedMode?: boolean;
-}
-declare function DimensionsFieldInner({ value, onChange, label, readOnly, showHeightControls, showMinControls, defaultAdvancedMode, }: DimensionsFieldProps): react_jsx_runtime.JSX.Element;
-declare const DimensionsField: React__default.MemoExoticComponent<typeof DimensionsFieldInner>;
-interface CreateDimensionsFieldConfig {
-    label?: string;
-    /** Show height controls (default: true) */
-    showHeightControls?: boolean;
-    /** Show min controls in advanced mode (default: true) */
-    showMinControls?: boolean;
-    /** Start with advanced mode expanded (default: false) */
-    defaultAdvancedMode?: boolean;
-}
-/**
- * Creates a Puck field configuration for dimensions control
- */
-declare function createDimensionsField(config?: CreateDimensionsFieldConfig): CustomField<DimensionsValue | null>;
-
-interface LockedTextFieldProps {
-    value: string;
-    onChange: (value: string) => void;
-    label?: string;
-    placeholder?: string;
-    warningMessage?: string;
-}
-interface LockedRadioFieldProps {
-    value: boolean;
-    onChange: (value: boolean) => void;
-    label?: string;
-    options: {
-        label: string;
-        value: boolean;
-    }[];
-    warningMessage?: string;
-}
-declare function LockedTextField({ value, onChange, label, placeholder, warningMessage, }: LockedTextFieldProps): react_jsx_runtime.JSX.Element;
-declare function LockedRadioField({ value, onChange, label, options, warningMessage, }: LockedRadioFieldProps): react_jsx_runtime.JSX.Element;
-/**
- * Creates a Puck field configuration for a locked text input
- */
-declare function createLockedTextField(config: {
-    label?: string;
-    placeholder?: string;
-    warningMessage?: string;
-}): CustomField<string>;
-/**
- * Creates a Puck field configuration for a locked radio button group
- */
-declare function createLockedRadioField(config: {
-    label?: string;
-    options: {
-        label: string;
-        value: boolean;
-    }[];
-    warningMessage?: string;
-}): CustomField<boolean>;
-/**
- * Pre-built locked slug field - prevents accidental URL changes
- *
- * Use in Puck root config:
- * ```tsx
- * root: {
- *   fields: {
- *     slug: lockedSlugField,
- *   }
- * }
- * ```
- */
-declare const lockedSlugField: CustomField<string>;
-/**
- * Pre-built locked isHomepage field - prevents accidental homepage changes
- *
- * Use in Puck root config:
- * ```tsx
- * root: {
- *   fields: {
- *     isHomepage: lockedHomepageField,
- *   }
- * }
- * ```
- */
-declare const lockedHomepageField: CustomField<boolean>;
-
-type VerticalAlignment = 'flex-start' | 'center' | 'flex-end';
-interface VerticalAlignmentFieldProps {
-    value: VerticalAlignment | null;
-    onChange: (value: VerticalAlignment | null) => void;
-    label?: string;
-    readOnly?: boolean;
-    defaultValue?: VerticalAlignment;
-}
-declare function VerticalAlignmentFieldInner({ value, onChange, label, readOnly, defaultValue, }: VerticalAlignmentFieldProps): react_jsx_runtime.JSX.Element;
-declare const VerticalAlignmentField: React__default.MemoExoticComponent<typeof VerticalAlignmentFieldInner>;
-interface CreateVerticalAlignmentFieldConfig {
-    label?: string;
-    defaultValue?: VerticalAlignment;
-}
-/**
- * Creates a Puck field configuration for vertical/self alignment control
- *
- * @example
- * ```ts
- * fields: {
- *   verticalAlignment: createVerticalAlignmentField({ label: 'Vertical Alignment' }),
- * }
- * ```
- */
-declare function createVerticalAlignmentField(config?: CreateVerticalAlignmentFieldConfig): CustomField<VerticalAlignment | null>;
-
-interface GradientEditorProps {
-    value: GradientValue | null;
-    onChange: (value: GradientValue) => void;
-    readOnly?: boolean;
-}
-declare function GradientEditorInner({ value, onChange, readOnly }: GradientEditorProps): react_jsx_runtime.JSX.Element;
-declare const GradientEditor: React__default.MemoExoticComponent<typeof GradientEditorInner>;
-
-interface BackgroundFieldProps {
-    value: BackgroundValue | null;
-    onChange: (value: BackgroundValue | null) => void;
-    label?: string;
-    readOnly?: boolean;
-    apiEndpoint?: string;
-    showOpacity?: boolean;
-    colorPresets?: Array<{
-        hex: string;
-        label: string;
-    }>;
-}
-declare function BackgroundFieldInner({ value, onChange, label, readOnly, apiEndpoint, showOpacity, colorPresets, }: BackgroundFieldProps): react_jsx_runtime.JSX.Element;
-declare const BackgroundField: React__default.MemoExoticComponent<typeof BackgroundFieldInner>;
-/**
- * Creates a Puck field configuration for background selection
- */
-declare function createBackgroundField(config?: {
-    label?: string;
-    apiEndpoint?: string;
-    showOpacity?: boolean;
-    colorPresets?: Array<{
-        hex: string;
-        label: string;
-    }>;
-}): CustomField<BackgroundValue | null>;
-
-/**
- * ResponsiveField - Generic wrapper for breakpoint-specific field overrides
- *
- * This component wraps any existing field to provide responsive overrides
- * at different breakpoints (xs, sm, md, lg, xl). It uses sparse storage,
- * only storing values for breakpoints that have explicit overrides.
- */
-
-interface ResponsiveFieldProps<T> {
-    value: ResponsiveValue<T> | null;
-    onChange: (value: ResponsiveValue<T> | null) => void;
-    label?: string;
-    readOnly?: boolean;
-    /** Render function for the inner field */
-    renderInnerField: (props: {
-        value: T | null;
-        onChange: (v: T | null) => void;
-        readOnly?: boolean;
-    }) => React__default.ReactNode;
-    /** Default value for the xs breakpoint */
-    defaultValue?: T;
-}
-declare const ResponsiveField: <T>(props: ResponsiveFieldProps<T>) => React__default.ReactElement;
-interface CreateResponsiveFieldConfig<T> {
-    label?: string;
-    /** Factory function that creates the inner field */
-    innerField: (config: {
-        label?: string;
-    }) => CustomField<T | null>;
-    /** Default value for base breakpoint */
-    defaultValue?: T;
-}
-/**
- * Creates a responsive wrapper around any Puck custom field.
- *
- * The inner field factory is called to get the field configuration,
- * and its render function is used to render the field at each breakpoint.
- *
- * @example
- * ```ts
- * // Create a responsive padding field
- * fields: {
- *   padding: createResponsiveField({
- *     label: 'Padding',
- *     innerField: (config) => createPaddingField(config),
- *     defaultValue: { top: 0, right: 0, bottom: 0, left: 0, unit: 'px', linked: true },
- *   }),
- * }
- * ```
- */
-declare function createResponsiveField<T>(config: CreateResponsiveFieldConfig<T>): CustomField<ResponsiveValue<T> | null>;
-
-interface ResponsiveVisibilityFieldProps {
-    value: VisibilityValue | null;
-    onChange: (value: VisibilityValue | null) => void;
-    label?: string;
-    readOnly?: boolean;
-}
-declare function ResponsiveVisibilityFieldInner({ value, onChange, label, readOnly, }: ResponsiveVisibilityFieldProps): react_jsx_runtime.JSX.Element;
-declare const ResponsiveVisibilityField: React__default.MemoExoticComponent<typeof ResponsiveVisibilityFieldInner>;
-interface CreateResponsiveVisibilityFieldConfig {
-    label?: string;
-}
-/**
- * Creates a Puck custom field for responsive visibility control.
- *
- * @example
- * ```ts
- * fields: {
- *   visibility: createResponsiveVisibilityField({ label: 'Visibility' }),
- * }
- * ```
- */
-declare function createResponsiveVisibilityField(config?: CreateResponsiveVisibilityFieldConfig): CustomField<VisibilityValue | null>;
-
-interface AnimationFieldProps {
-    value: AnimationValue | null;
-    onChange: (value: AnimationValue | null) => void;
-    label?: string;
-    readOnly?: boolean;
-    /** Whether to show stagger controls (for container components) */
-    showStagger?: boolean;
-}
-declare function AnimationFieldInner({ value, onChange, label, readOnly, showStagger, }: AnimationFieldProps): react_jsx_runtime.JSX.Element;
-declare const AnimationField: React__default.MemoExoticComponent<typeof AnimationFieldInner>;
-interface CreateAnimationFieldConfig {
-    label?: string;
-    /** Whether to show stagger controls (for container components like Flex, Grid) */
-    showStagger?: boolean;
-}
-/**
- * Creates a Puck field configuration for animation control
- *
- * @example
- * ```ts
- * fields: {
- *   animation: createAnimationField({ label: 'Animation' }),
- *   // For containers with child elements:
- *   animation: createAnimationField({ label: 'Animation', showStagger: true }),
- * }
- * ```
- */
-declare function createAnimationField(config?: CreateAnimationFieldConfig): CustomField<AnimationValue | null>;
-
-interface TransformFieldProps {
-    value: TransformValue | null;
-    onChange: (value: TransformValue | null) => void;
-    label?: string;
-    readOnly?: boolean;
-}
-declare function TransformFieldInner({ value, onChange, label, readOnly, }: TransformFieldProps): react_jsx_runtime.JSX.Element;
-declare const TransformField: React__default.MemoExoticComponent<typeof TransformFieldInner>;
-/**
- * Creates a Puck field configuration for CSS transforms
- */
-declare function createTransformField(config: {
-    label?: string;
-}): CustomField<TransformValue | null>;
-
-/**
- * Custom Puck fields for the visual editor
- *
- * These fields provide enhanced editing experiences for specific content types.
- */
-
-/**
- * CSS styles for rendering rich text content on the frontend.
- * Include this in your app's global styles or inject via <style> tag.
- *
- * Usage in Next.js app/layout.tsx:
- * ```tsx
- * import { RICHTEXT_OUTPUT_CSS } from '@delmaredigital/payload-puck/fields'
- *
- * export default function RootLayout({ children }) {
- *   return (
- *     <html>
- *       <head>
- *         <style dangerouslySetInnerHTML={{ __html: RICHTEXT_OUTPUT_CSS }} />
- *       </head>
- *       <body>{children}</body>
- *     </html>
- *   )
- * }
- * ```
- */
-declare const RICHTEXT_OUTPUT_CSS = "\n.richtext-output { font-size: 1.125rem; line-height: 1.75; color: inherit; }\n.richtext-output h1 { margin-top: 2rem; margin-bottom: 1rem; font-weight: 700; font-size: 2.25rem; line-height: 1.2; }\n.richtext-output h2 { margin-top: 2rem; margin-bottom: 1rem; font-weight: 700; font-size: 1.875rem; line-height: 1.25; }\n.richtext-output h3 { margin-top: 2rem; margin-bottom: 1rem; font-weight: 700; font-size: 1.5rem; line-height: 1.3; }\n.richtext-output h4 { margin-top: 2rem; margin-bottom: 1rem; font-weight: 700; font-size: 1.25rem; line-height: 1.35; }\n.richtext-output h5, .richtext-output h6 { margin-top: 2rem; margin-bottom: 1rem; font-weight: 700; }\n.richtext-output h1:first-child, .richtext-output h2:first-child, .richtext-output h3:first-child,\n.richtext-output h4:first-child, .richtext-output h5:first-child, .richtext-output h6:first-child { margin-top: 0; }\n.richtext-output p { margin-bottom: 1.25rem; }\n.richtext-output p:last-child { margin-bottom: 0; }\n.richtext-output ul { margin-bottom: 1.25rem; padding-left: 2rem; list-style-type: disc !important; }\n.richtext-output ol { margin-bottom: 1.25rem; padding-left: 2rem; list-style-type: decimal !important; }\n.richtext-output li { margin-bottom: 0.5rem; }\n.richtext-output li::marker { color: currentColor; }\n.richtext-output ul ul, .richtext-output ol ul { list-style-type: circle !important; margin-top: 0.5rem; margin-bottom: 0; }\n.richtext-output ol ol, .richtext-output ul ol { list-style-type: lower-alpha !important; margin-top: 0.5rem; margin-bottom: 0; }\n.richtext-output blockquote { margin: 1.5rem 0; padding-left: 1.5rem; border-left: 4px solid #e5e7eb; font-style: italic; }\n.richtext-output a { color: #2563eb; text-decoration: underline; }\n.richtext-output a:hover { opacity: 0.8; }\n.richtext-output code { background-color: #f3f4f6; padding: 0.125rem 0.25rem; border-radius: 0.25rem; font-size: 0.875rem; }\n.richtext-output mark { background-color: #fef08a; padding: 0.125rem 0.25rem; border-radius: 0.125rem; }\n.richtext-output s, .richtext-output strike { text-decoration: line-through; }\n.richtext-output sup { vertical-align: super; font-size: 0.75em; }\n.richtext-output sub { vertical-align: sub; font-size: 0.75em; }\n.richtext-output hr { border: none; border-top: 2px solid #e5e7eb; margin: 2rem 0; }\n@media (max-width: 768px) {\n  .richtext-output { font-size: 1rem; }\n  .richtext-output h1 { font-size: 1.875rem; }\n  .richtext-output h2 { font-size: 1.5rem; }\n  .richtext-output h3 { font-size: 1.25rem; }\n}\n";
-/**
- * Injects rich text output styles into the document head.
- * Call this on the client-side to ensure styles are loaded.
- *
- * Usage:
- * ```tsx
- * 'use client'
- * import { injectRichtextStyles } from '@delmaredigital/payload-puck/fields'
- * import { useEffect } from 'react'
- *
- * export function RichtextStyleProvider() {
- *   useEffect(() => { injectRichtextStyles() }, [])
- *   return null
- * }
- * ```
- */
-declare function injectRichtextStyles(): void;
-
-export { type AlignItems, AlignItemsField, type Alignment, AlignmentField, AnimationField, AnimationValue, BackgroundField, BackgroundValue, BorderField, BorderValue, ColorPickerField, ColorValue, DimensionsField, DimensionsValue, GradientEditor, GradientValue, type JustifyContent, JustifyContentField, LockedRadioField, LockedTextField, MarginField, type MarginValue, PaddingField, PaddingValue, RICHTEXT_OUTPUT_CSS, ResponsiveField, ResponsiveValue, ResponsiveVisibilityField, SizeField, type SizeMode, type SizeUnit, type SizeValue, TiptapField, TiptapModal, TiptapModalField, TransformField, TransformValue, type VerticalAlignment, VerticalAlignmentField, VisibilityValue, WidthField, WidthValue, colorToRgba, createAlignItemsField, createAlignmentField, createAnimationField, createBackgroundField, createBorderField, createColorPickerField, createDimensionsField, createJustifyContentField, createLockedRadioField, createLockedTextField, createMarginField, createPaddingField, createResponsiveField, createResponsiveVisibilityField, createSizeField, createTiptapField, createTiptapModalField, createTransformField, createVerticalAlignmentField, createWidthField, getSizeClasses, injectRichtextStyles, lockedHomepageField, lockedSlugField, sizeValueToCSS };