@delmaredigital/payload-puck 0.6.12 → 0.6.14

package/dist/theme/defaults.js

@@ -3,70 +3,114 @@
  *
  * These defaults ensure backwards compatibility - components render
  * identically to before theming was introduced when no theme is provided.
- */
-/**
+ */ /**
  * Default button variant styles
  * Uses semantic Tailwind classes that map to CSS variables (--primary, --secondary, etc.)
  * This allows consuming apps to customize colors via their theme CSS variables.
- */
-export const DEFAULT_BUTTON_VARIANTS = {
-    default: { classes: 'bg-primary text-primary-foreground hover:bg-primary/90' },
-    secondary: { classes: 'bg-secondary text-secondary-foreground hover:bg-secondary/80' },
-    outline: { classes: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground' },
-    ghost: { classes: 'bg-transparent hover:bg-accent hover:text-accent-foreground' },
-    destructive: { classes: 'bg-destructive text-destructive-foreground hover:bg-destructive/90' },
-    link: { classes: 'text-primary underline-offset-4 hover:underline bg-transparent' },
+ */ export const DEFAULT_BUTTON_VARIANTS = {
+    default: {
+        classes: 'bg-primary text-primary-foreground hover:bg-primary/90'
+    },
+    secondary: {
+        classes: 'bg-secondary text-secondary-foreground hover:bg-secondary/80'
+    },
+    outline: {
+        classes: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground'
+    },
+    ghost: {
+        classes: 'bg-transparent hover:bg-accent hover:text-accent-foreground'
+    },
+    destructive: {
+        classes: 'bg-destructive text-destructive-foreground hover:bg-destructive/90'
+    },
+    link: {
+        classes: 'text-primary underline-offset-4 hover:underline bg-transparent'
+    }
 };
 /**
  * Default CTA button variant styles
  * Uses semantic Tailwind classes that map to CSS variables.
- */
-export const DEFAULT_CTA_BUTTON_VARIANTS = {
-    primary: { classes: 'bg-primary text-primary-foreground hover:bg-primary/90' },
-    secondary: { classes: 'bg-secondary text-secondary-foreground hover:bg-secondary/80' },
-    outline: { classes: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground' },
-    ghost: { classes: 'bg-transparent hover:bg-accent hover:text-accent-foreground' },
-    link: { classes: 'text-primary underline-offset-4 hover:underline bg-transparent' },
+ */ export const DEFAULT_CTA_BUTTON_VARIANTS = {
+    primary: {
+        classes: 'bg-primary text-primary-foreground hover:bg-primary/90'
+    },
+    secondary: {
+        classes: 'bg-secondary text-secondary-foreground hover:bg-secondary/80'
+    },
+    outline: {
+        classes: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground'
+    },
+    ghost: {
+        classes: 'bg-transparent hover:bg-accent hover:text-accent-foreground'
+    },
+    link: {
+        classes: 'text-primary underline-offset-4 hover:underline bg-transparent'
+    }
 };
 /**
  * Default CTA background styles
  * Uses semantic Tailwind classes that map to CSS variables.
- */
-export const DEFAULT_CTA_BACKGROUND_STYLES = {
+ */ export const DEFAULT_CTA_BACKGROUND_STYLES = {
     default: 'bg-muted',
     dark: 'bg-foreground text-background',
-    light: 'bg-background',
+    light: 'bg-background'
 };
 /**
  * Default color picker presets
  * Matches DEFAULT_PRESETS from ColorPickerField.tsx
- */
-export const DEFAULT_COLOR_PRESETS = [
-    { hex: '#ffffff', label: 'White' },
-    { hex: '#f9fafb', label: 'Gray 50' },
-    { hex: '#f3f4f6', label: 'Gray 100' },
-    { hex: '#1f2937', label: 'Gray 800' },
-    { hex: '#111827', label: 'Gray 900' },
-    { hex: '#000000', label: 'Black' },
-    { hex: '#3b82f6', label: 'Blue' },
-    { hex: '#10b981', label: 'Green' },
-    { hex: '#f59e0b', label: 'Amber' },
-    { hex: '#ef4444', label: 'Red' },
+ */ export const DEFAULT_COLOR_PRESETS = [
+    {
+        hex: '#ffffff',
+        label: 'White'
+    },
+    {
+        hex: '#f9fafb',
+        label: 'Gray 50'
+    },
+    {
+        hex: '#f3f4f6',
+        label: 'Gray 100'
+    },
+    {
+        hex: '#1f2937',
+        label: 'Gray 800'
+    },
+    {
+        hex: '#111827',
+        label: 'Gray 900'
+    },
+    {
+        hex: '#000000',
+        label: 'Black'
+    },
+    {
+        hex: '#3b82f6',
+        label: 'Blue'
+    },
+    {
+        hex: '#10b981',
+        label: 'Green'
+    },
+    {
+        hex: '#f59e0b',
+        label: 'Amber'
+    },
+    {
+        hex: '#ef4444',
+        label: 'Red'
+    }
 ];
 /**
  * Default focus ring color class
  * Uses semantic ring color from CSS variables
- */
-export const DEFAULT_FOCUS_RING = 'focus:ring-ring';
+ */ export const DEFAULT_FOCUS_RING = 'focus:ring-ring';
 /**
  * Complete default theme
  * Used when no ThemeProvider is present or no theme config is provided
- */
-export const DEFAULT_THEME = {
+ */ export const DEFAULT_THEME = {
     buttonVariants: DEFAULT_BUTTON_VARIANTS,
     ctaButtonVariants: DEFAULT_CTA_BUTTON_VARIANTS,
     ctaBackgroundStyles: DEFAULT_CTA_BACKGROUND_STYLES,
     colorPresets: DEFAULT_COLOR_PRESETS,
-    focusRingColor: DEFAULT_FOCUS_RING,
+    focusRingColor: DEFAULT_FOCUS_RING
 };
-//# sourceMappingURL=defaults.js.map

package/dist/theme/example.d.ts

@@ -14,7 +14,7 @@
  * <PageRenderer data={data} config={config} theme={puckTheme} />
  * ```
  */
-import type { ThemeConfig } from './types';
+import type { ThemeConfig } from './types.js';
 /**
  * Example theme using shadcn/ui CSS variables
  *
@@ -27,4 +27,3 @@ import type { ThemeConfig } from './types';
  * --ring (for focus rings)
  */
 export declare const exampleTheme: ThemeConfig;
-//# sourceMappingURL=example.d.ts.map

package/dist/theme/example.js

@@ -13,8 +13,7 @@
  *
  * <PageRenderer data={data} config={config} theme={puckTheme} />
  * ```
- */
-/**
+ */ /**
  * Example theme using shadcn/ui CSS variables
  *
  * This example assumes you have CSS variables like:
@@ -24,66 +23,103 @@
  * --muted, --muted-foreground
  * --destructive, --destructive-foreground
  * --ring (for focus rings)
- */
-export const exampleTheme = {
+ */ export const exampleTheme = {
     // Button component variants
     buttonVariants: {
         default: {
-            classes: 'bg-primary text-primary-foreground hover:bg-primary/90',
+            classes: 'bg-primary text-primary-foreground hover:bg-primary/90'
         },
         secondary: {
-            classes: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
+            classes: 'bg-secondary text-secondary-foreground hover:bg-secondary/80'
         },
         outline: {
-            classes: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
+            classes: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground'
         },
         ghost: {
-            classes: 'hover:bg-accent hover:text-accent-foreground',
+            classes: 'hover:bg-accent hover:text-accent-foreground'
         },
         destructive: {
-            classes: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
+            classes: 'bg-destructive text-destructive-foreground hover:bg-destructive/90'
         },
         link: {
-            classes: 'text-primary underline-offset-4 hover:underline',
-        },
+            classes: 'text-primary underline-offset-4 hover:underline'
+        }
     },
     // CTA button variants
     ctaButtonVariants: {
         primary: {
-            classes: 'bg-primary text-primary-foreground hover:bg-primary/90',
+            classes: 'bg-primary text-primary-foreground hover:bg-primary/90'
         },
         secondary: {
-            classes: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
+            classes: 'bg-secondary text-secondary-foreground hover:bg-secondary/80'
         },
         outline: {
-            classes: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
-        },
+            classes: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground'
+        }
     },
     // CTA background styles
     ctaBackgroundStyles: {
         default: 'bg-muted',
         dark: 'bg-primary text-primary-foreground',
-        light: 'bg-background',
+        light: 'bg-background'
     },
     // Focus ring class
     focusRingColor: 'focus:ring-ring',
     // Color picker presets - customize with your brand colors
     colorPresets: [
-        { hex: '#ffffff', label: 'White' },
-        { hex: '#f8fafc', label: 'Slate 50' },
-        { hex: '#f1f5f9', label: 'Slate 100' },
-        { hex: '#e2e8f0', label: 'Slate 200' },
-        { hex: '#64748b', label: 'Slate 500' },
-        { hex: '#334155', label: 'Slate 700' },
-        { hex: '#1e293b', label: 'Slate 800' },
-        { hex: '#0f172a', label: 'Slate 900' },
-        { hex: '#000000', label: 'Black' },
-        { hex: '#3b82f6', label: 'Blue' },
-        { hex: '#10b981', label: 'Green' },
-        { hex: '#f59e0b', label: 'Amber' },
-        { hex: '#ef4444', label: 'Red' },
+        {
+            hex: '#ffffff',
+            label: 'White'
+        },
+        {
+            hex: '#f8fafc',
+            label: 'Slate 50'
+        },
+        {
+            hex: '#f1f5f9',
+            label: 'Slate 100'
+        },
+        {
+            hex: '#e2e8f0',
+            label: 'Slate 200'
+        },
+        {
+            hex: '#64748b',
+            label: 'Slate 500'
+        },
+        {
+            hex: '#334155',
+            label: 'Slate 700'
+        },
+        {
+            hex: '#1e293b',
+            label: 'Slate 800'
+        },
+        {
+            hex: '#0f172a',
+            label: 'Slate 900'
+        },
+        {
+            hex: '#000000',
+            label: 'Black'
+        },
+        {
+            hex: '#3b82f6',
+            label: 'Blue'
+        },
+        {
+            hex: '#10b981',
+            label: 'Green'
+        },
+        {
+            hex: '#f59e0b',
+            label: 'Amber'
+        },
+        {
+            hex: '#ef4444',
+            label: 'Red'
+        }
     ],
     // Set to true to add your presets to defaults instead of replacing
-    extendColorPresets: false,
+    extendColorPresets: false
 };
-//# sourceMappingURL=example.js.map

package/dist/theme/index.d.ts

@@ -24,9 +24,8 @@
  * }
  * ```
  */
-export type { ButtonVariantConfig, ButtonVariantStyles, ColorPreset, BackgroundStyles, ThemeConfig, ResolvedTheme, ThemeContextValue, } from './types';
-export { ThemeProvider, useTheme, getDefaultTheme, useHasThemeProvider, type ThemeProviderProps, } from './context';
-export { DEFAULT_BUTTON_VARIANTS, DEFAULT_CTA_BUTTON_VARIANTS, DEFAULT_CTA_BACKGROUND_STYLES, DEFAULT_COLOR_PRESETS, DEFAULT_FOCUS_RING, DEFAULT_THEME, } from './defaults';
-export { resolveTheme, getVariantClasses, getBackgroundClasses } from './utils';
-export { exampleTheme } from './example';
-//# sourceMappingURL=index.d.ts.map
+export type { ButtonVariantConfig, ButtonVariantStyles, ColorPreset, BackgroundStyles, ThemeConfig, ResolvedTheme, ThemeContextValue, } from './types.js';
+export { ThemeProvider, useTheme, getDefaultTheme, useHasThemeProvider, type ThemeProviderProps, } from './context.js';
+export { DEFAULT_BUTTON_VARIANTS, DEFAULT_CTA_BUTTON_VARIANTS, DEFAULT_CTA_BACKGROUND_STYLES, DEFAULT_COLOR_PRESETS, DEFAULT_FOCUS_RING, DEFAULT_THEME, } from './defaults.js';
+export { resolveTheme, getVariantClasses, getBackgroundClasses } from './utils.js';
+export { exampleTheme } from './example.js';

package/dist/theme/index.js

@@ -23,13 +23,12 @@
  *   return <button className={classes}>...</button>
  * }
  * ```
- */
+ */ // Types
 // Context & Provider
-export { ThemeProvider, useTheme, getDefaultTheme, useHasThemeProvider, } from './context';
+export { ThemeProvider, useTheme, getDefaultTheme, useHasThemeProvider } from './context.js';
 // Defaults
-export { DEFAULT_BUTTON_VARIANTS, DEFAULT_CTA_BUTTON_VARIANTS, DEFAULT_CTA_BACKGROUND_STYLES, DEFAULT_COLOR_PRESETS, DEFAULT_FOCUS_RING, DEFAULT_THEME, } from './defaults';
+export { DEFAULT_BUTTON_VARIANTS, DEFAULT_CTA_BUTTON_VARIANTS, DEFAULT_CTA_BACKGROUND_STYLES, DEFAULT_COLOR_PRESETS, DEFAULT_FOCUS_RING, DEFAULT_THEME } from './defaults.js';
 // Utilities
-export { resolveTheme, getVariantClasses, getBackgroundClasses } from './utils';
+export { resolveTheme, getVariantClasses, getBackgroundClasses } from './utils.js';
 // Example theme (copy and customize for your project)
-export { exampleTheme } from './example';
-//# sourceMappingURL=index.js.map
+export { exampleTheme } from './example.js';

package/dist/theme/types.d.ts

@@ -100,4 +100,3 @@ export interface ResolvedTheme {
 export interface ThemeContextValue {
     theme: ResolvedTheme;
 }
-//# sourceMappingURL=types.d.ts.map

package/dist/theme/types.js

@@ -4,6 +4,8 @@
  * Defines all theme-related TypeScript interfaces for the payload-puck plugin.
  * These types enable consuming applications to customize button variants,
  * color presets, and other visual styles.
- */
-export {};
-//# sourceMappingURL=types.js.map
+ */ /**
+ * Configuration for a single button variant
+ */ /**
+ * Theme context value provided by ThemeProvider
+ */ export { };

package/dist/theme/utils.d.ts

@@ -4,7 +4,7 @@
  * Functions for merging user-provided theme config with defaults
  * and safely accessing theme values.
  */
-import type { ThemeConfig, ResolvedTheme, ButtonVariantStyles, BackgroundStyles } from './types';
+import type { ThemeConfig, ResolvedTheme, ButtonVariantStyles, BackgroundStyles } from './types.js';
 /**
  * Merges user-provided theme config with defaults to create a fully resolved theme
  */
@@ -27,4 +27,3 @@ export declare function getVariantClasses(variants: ButtonVariantStyles, variant
  * @returns The CSS classes string for the background
  */
 export declare function getBackgroundClasses(styles: BackgroundStyles, style: string, fallback?: string): string;
-//# sourceMappingURL=utils.d.ts.map

package/dist/theme/utils.js

@@ -3,30 +3,27 @@
  *
  * Functions for merging user-provided theme config with defaults
  * and safely accessing theme values.
- */
-import { DEFAULT_BUTTON_VARIANTS, DEFAULT_CTA_BUTTON_VARIANTS, DEFAULT_CTA_BACKGROUND_STYLES, DEFAULT_COLOR_PRESETS, DEFAULT_FOCUS_RING, DEFAULT_THEME, } from './defaults';
+ */ import { DEFAULT_BUTTON_VARIANTS, DEFAULT_CTA_BUTTON_VARIANTS, DEFAULT_CTA_BACKGROUND_STYLES, DEFAULT_COLOR_PRESETS, DEFAULT_FOCUS_RING, DEFAULT_THEME } from './defaults.js';
 /**
  * Merges user-provided theme config with defaults to create a fully resolved theme
- */
-export function resolveTheme(config) {
-    if (!config)
-        return DEFAULT_THEME;
+ */ export function resolveTheme(config) {
+    if (!config) return DEFAULT_THEME;
     return {
         buttonVariants: mergeVariants(DEFAULT_BUTTON_VARIANTS, config.buttonVariants),
         ctaButtonVariants: mergeVariants(DEFAULT_CTA_BUTTON_VARIANTS, config.ctaButtonVariants),
         ctaBackgroundStyles: mergeBackgroundStyles(DEFAULT_CTA_BACKGROUND_STYLES, config.ctaBackgroundStyles),
         colorPresets: resolveColorPresets(config),
-        focusRingColor: config.focusRingColor ?? DEFAULT_FOCUS_RING,
+        focusRingColor: config.focusRingColor ?? DEFAULT_FOCUS_RING
     };
 }
 /**
  * Merges variant overrides with defaults
- */
-function mergeVariants(defaults, overrides) {
-    if (!overrides)
-        return defaults;
-    const result = { ...defaults };
-    for (const key of Object.keys(overrides)) {
+ */ function mergeVariants(defaults, overrides) {
+    if (!overrides) return defaults;
+    const result = {
+        ...defaults
+    };
+    for (const key of Object.keys(overrides)){
         const override = overrides[key];
         if (override) {
             result[key] = override;
@@ -36,21 +33,24 @@ function mergeVariants(defaults, overrides) {
 }
 /**
  * Merges background style overrides with defaults
- */
-function mergeBackgroundStyles(defaults, overrides) {
-    if (!overrides)
-        return defaults;
-    return { ...defaults, ...overrides };
+ */ function mergeBackgroundStyles(defaults, overrides) {
+    if (!overrides) return defaults;
+    return {
+        ...defaults,
+        ...overrides
+    };
 }
 /**
  * Resolves color presets based on config
- */
-function resolveColorPresets(config) {
+ */ function resolveColorPresets(config) {
     if (!config.colorPresets) {
         return DEFAULT_COLOR_PRESETS;
     }
     if (config.extendColorPresets) {
-        return [...DEFAULT_COLOR_PRESETS, ...config.colorPresets];
+        return [
+            ...DEFAULT_COLOR_PRESETS,
+            ...config.colorPresets
+        ];
     }
     return config.colorPresets;
 }
@@ -61,8 +61,7 @@ function resolveColorPresets(config) {
  * @param variant - The variant key to look up
  * @param fallback - Fallback variant key if the requested variant doesn't exist
  * @returns The CSS classes string for the variant
- */
-export function getVariantClasses(variants, variant, fallback = 'default') {
+ */ export function getVariantClasses(variants, variant, fallback = 'default') {
     const config = variants[variant];
     if (config?.classes) {
         return config.classes;
@@ -77,8 +76,6 @@ export function getVariantClasses(variants, variant, fallback = 'default') {
  * @param style - The style key to look up
  * @param fallback - Fallback style key if the requested style doesn't exist
  * @returns The CSS classes string for the background
- */
-export function getBackgroundClasses(styles, style, fallback = 'default') {
+ */ export function getBackgroundClasses(styles, style, fallback = 'default') {
     return styles[style] ?? styles[fallback] ?? '';
 }
-//# sourceMappingURL=utils.js.map

package/dist/types/index.d.ts

@@ -1,8 +1,8 @@
 import type { Access, CollectionConfig, Field } from 'payload';
 import type { Config as PuckConfig, Data as PuckData } from '@puckeditor/core';
-import type { ThemeConfig } from '../theme/types';
-import type { LayoutDefinition } from '../layouts/types';
-import type { PuckPluginAiConfig } from '../ai/types';
+import type { ThemeConfig } from '../theme/types.js';
+import type { LayoutDefinition } from '../layouts/types.js';
+import type { PuckPluginAiConfig } from '../ai/types.js';
 /**
  * Admin UI configuration for the Puck plugin
  */
@@ -408,7 +408,6 @@ export interface ColorPickerFieldProps {
     showOpacity?: boolean;
 }
 export type { Config as PuckConfig, Data as PuckData } from '@puckeditor/core';
-export type { ThemeConfig } from '../theme/types';
-export type { GetPuckFieldsOptions } from '../plugin/fields/types';
-export type { PuckPluginAiConfig, AiExamplePrompt } from '../ai/types';
-//# sourceMappingURL=index.d.ts.map
+export type { ThemeConfig } from '../theme/types.js';
+export type { GetPuckFieldsOptions } from '../plugin/fields/types.js';
+export type { PuckPluginAiConfig, AiExamplePrompt } from '../ai/types.js';

package/dist/types/index.js

@@ -1,2 +1,2 @@
-export {};
-//# sourceMappingURL=index.js.map
+// Re-export AI types for convenience
+export { };

package/dist/utils/index.d.ts

@@ -28,6 +28,5 @@
  * }
  * ```
  */
-export { migrateLegacyToPuck, getMigrationPreview, blockTypeMap, generatePuckId, transformBlockProps, transformMediaReference, transformRichText, transformRelationshipArray, type LegacyBlock, type LegacyPage, type MediaReference, type PuckContentItem, type MigrateLegacyOptions, type MigrationPreview, } from './migration';
-export { validatePuckData, isPuckData, isPuckRootProps, assertPuckData, parsePuckDataJson, type ValidationResult, type ValidationOptions, } from './validation';
-//# sourceMappingURL=index.d.ts.map
+export { migrateLegacyToPuck, getMigrationPreview, blockTypeMap, generatePuckId, transformBlockProps, transformMediaReference, transformRichText, transformRelationshipArray, type LegacyBlock, type LegacyPage, type MediaReference, type PuckContentItem, type MigrateLegacyOptions, type MigrationPreview, } from './migration.js';
+export { validatePuckData, isPuckData, isPuckRootProps, assertPuckData, parsePuckDataJson, type ValidationResult, type ValidationOptions, } from './validation.js';

package/dist/utils/index.js

@@ -27,31 +27,20 @@
  *   await payload.update({ collection: 'pages', id: pageId, data: { puckData } })
  * }
  * ```
- */
-// =============================================================================
+ */ // =============================================================================
 // Migration Exports
 // =============================================================================
-export { 
-// Main migration function
-migrateLegacyToPuck, 
-// Preview function
-getMigrationPreview, 
-// Block type mapping
-blockTypeMap, 
-// ID generation
-generatePuckId, 
-// Prop transformation utilities
-transformBlockProps, transformMediaReference, transformRichText, transformRelationshipArray, } from './migration';
+export { // Main migration function
+migrateLegacyToPuck, // Preview function
+getMigrationPreview, // Block type mapping
+blockTypeMap, // ID generation
+generatePuckId, // Prop transformation utilities
+transformBlockProps, transformMediaReference, transformRichText, transformRelationshipArray } from './migration.js';
 // =============================================================================
 // Validation Exports
 // =============================================================================
-export { 
-// Main validation function
-validatePuckData, 
-// Type guards
-isPuckData, isPuckRootProps, 
-// Assertion helper
-assertPuckData, 
-// JSON parsing helper
-parsePuckDataJson, } from './validation';
-//# sourceMappingURL=index.js.map
+export { // Main validation function
+validatePuckData, // Type guards
+isPuckData, isPuckRootProps, // Assertion helper
+assertPuckData, // JSON parsing helper
+parsePuckDataJson } from './validation.js';

package/dist/utils/migration.d.ts

@@ -4,7 +4,7 @@
  * This utility converts legacy Payload CMS page block structures to the
  * Puck visual editor format, enabling seamless migration of existing content.
  */
-import type { PuckPageData, MediaObject } from '../types';
+import type { PuckPageData, MediaObject } from '../types/index.js';
 /**
  * Legacy block from Payload CMS pages.
  * Each block has a blockType discriminator and various props.
@@ -168,4 +168,3 @@ export interface MigrationPreview {
  * @returns Preview information about the migration
  */
 export declare function getMigrationPreview(page: LegacyPage, customBlockTypeMap?: Record<string, string>): MigrationPreview;
-//# sourceMappingURL=migration.d.ts.map