@delmaredigital/payload-puck 0.6.12 → 0.6.14

package/dist/ai/presets/index.js

@@ -22,15 +22,14 @@
  *   },
  * })
  * ```
- */
-// Import instruction modules
+ */ // Import instruction modules
 import { typographyInstructions, typographyComponents } from './instructions/typography.js';
 import { layoutInstructions, layoutComponents } from './instructions/layout.js';
 import { interactiveInstructions, interactiveComponents } from './instructions/interactive.js';
 import { mediaInstructions, mediaComponents } from './instructions/media.js';
 import { pagePatternContext, componentFieldReference } from './instructions/pagePatterns.js';
 // Re-export legacy config for backward compatibility
-export { defaultComponentAiConfig, minimalComponentAiConfig, } from './componentAiDefaults.js';
+export { defaultComponentAiConfig, minimalComponentAiConfig } from './componentAiDefaults.js';
 /**
  * Comprehensive AI configuration for all built-in components
  *
@@ -45,12 +44,11 @@ export { defaultComponentAiConfig, minimalComponentAiConfig, } from './component
  * - Correct field names and recommended values
  * - Composition patterns with other components
  * - Common mistakes to avoid
- */
-export const comprehensiveComponentAiConfig = {
+ */ export const comprehensiveComponentAiConfig = {
     ...typographyInstructions,
     ...layoutInstructions,
     ...interactiveInstructions,
-    ...mediaInstructions,
+    ...mediaInstructions
 };
 /**
  * System context string for AI page generation
@@ -72,39 +70,33 @@ export const comprehensiveComponentAiConfig = {
  *   },
  * })
  * ```
- */
-export const pagePatternSystemContext = `${pagePatternContext}\n\n${componentFieldReference}`;
+ */ export const pagePatternSystemContext = `${pagePatternContext}\n\n${componentFieldReference}`;
 /**
  * Just the page pattern context (without field reference)
  * Use if you only need the composition patterns
- */
-export { pagePatternContext };
+ */ export { pagePatternContext };
 /**
  * Just the field reference (without patterns)
  * Use if you only need a quick field name reference
- */
-export { componentFieldReference };
+ */ export { componentFieldReference };
 /**
  * List of all component names by category
- */
-export const allComponents = {
+ */ export const allComponents = {
     typography: typographyComponents,
     layout: layoutComponents,
     interactive: interactiveComponents,
-    media: mediaComponents,
+    media: mediaComponents
 };
 /**
  * Flat list of all component names
- */
-export const componentNames = [
+ */ export const componentNames = [
     ...typographyComponents,
     ...layoutComponents,
     ...interactiveComponents,
-    ...mediaComponents,
+    ...mediaComponents
 ];
 // Re-export instruction modules for advanced usage
 export { typographyInstructions } from './instructions/typography.js';
 export { layoutInstructions } from './instructions/layout.js';
 export { interactiveInstructions } from './instructions/interactive.js';
 export { mediaInstructions } from './instructions/media.js';
-//# sourceMappingURL=index.js.map

package/dist/ai/presets/instructions/interactive.d.ts

@@ -12,4 +12,3 @@ export declare const interactiveInstructions: ComponentAiOverrides;
  * Interactive component names for reference
  */
 export declare const interactiveComponents: readonly ["Button", "Card", "Accordion", "Divider"];
-//# sourceMappingURL=interactive.d.ts.map

package/dist/ai/presets/instructions/interactive.js

@@ -1,4 +1,4 @@
-import { colorSchema, alignmentSchema, sizeSchema, transformSchema, backgroundSchema, borderSchema, } from './schemas.js';
+import { colorSchema, alignmentSchema, sizeSchema, transformSchema, backgroundSchema, borderSchema } from './schemas.js';
 /**
  * Comprehensive AI instructions for interactive components
  *
@@ -6,8 +6,7 @@ import { colorSchema, alignmentSchema, sizeSchema, transformSchema, backgroundSc
  * - Button, Card, Accordion, and Divider usage
  * - Correct field names and recommended values
  * - Common patterns and compositions
- */
-export const interactiveInstructions = {
+ */ export const interactiveInstructions = {
     Button: {
         ai: {
             instructions: `Button component for calls-to-action and links.
@@ -40,66 +39,66 @@ COMMON PATTERNS:
 
 COMPOSITION:
 - Flex (row, gap: 16) > Button (default) + Button (outline) for button pairs
-- Section > Flex (column, center) > Content + Button for section CTAs`,
+- Section > Flex (column, center) > Content + Button for section CTAs`
         },
         fields: {
             text: {
                 ai: {
                     required: true,
-                    instructions: 'Button text. Use action verbs: "Get Started", "Learn More", "Contact Us", "Sign Up", "Download Now".',
-                },
+                    instructions: 'Button text. Use action verbs: "Get Started", "Learn More", "Contact Us", "Sign Up", "Download Now".'
+                }
             },
             link: {
                 ai: {
                     required: true,
-                    instructions: 'URL the button links to. Use "#" as placeholder if URL is unknown. Use "/" for home, "/contact" for contact page, etc.',
-                },
+                    instructions: 'URL the button links to. Use "#" as placeholder if URL is unknown. Use "/" for home, "/contact" for contact page, etc.'
+                }
             },
             variant: {
                 ai: {
-                    instructions: "'default' (primary, filled), 'secondary' (alternate style), 'outline' (bordered, transparent). Use 'default' for main CTAs.",
-                },
+                    instructions: "'default' (primary, filled), 'secondary' (alternate style), 'outline' (bordered, transparent). Use 'default' for main CTAs."
+                }
             },
             size: {
                 ai: {
                     instructions: `Button size preset. Use 'lg' for hero buttons, 'default' elsewhere.
 Example: { mode: 'lg' } or { mode: 'default' }`,
-                    schema: sizeSchema,
-                },
+                    schema: sizeSchema
+                }
             },
             openInNewTab: {
                 ai: {
-                    instructions: "'yes' or 'no'. Use 'yes' for external links, 'no' for internal navigation.",
-                },
+                    instructions: "'yes' or 'no'. Use 'yes' for external links, 'no' for internal navigation."
+                }
             },
             alignment: {
                 ai: {
                     instructions: "'left', 'center', or 'right'. Typically 'center' for standalone buttons, 'left' in content areas.",
-                    schema: alignmentSchema,
-                },
+                    schema: alignmentSchema
+                }
             },
             customBackgroundColor: {
                 ai: {
                     instructions: `Custom background color (overrides variant). Use sparingly.
 Example: { hex: '#3b82f6', opacity: 100 }`,
-                    schema: colorSchema,
-                },
+                    schema: colorSchema
+                }
             },
             customTextColor: {
                 ai: {
                     instructions: `Custom text color (overrides variant). Use sparingly.
 Example: { hex: '#ffffff', opacity: 100 }`,
-                    schema: colorSchema,
-                },
+                    schema: colorSchema
+                }
             },
             transform: {
                 ai: {
                     instructions: `CSS transforms for rotation, scale, etc. Usually leave unset.
 Example: { rotate: 0, scaleX: 1, scaleY: 1, origin: 'center' }`,
-                    schema: transformSchema,
-                },
-            },
-        },
+                    schema: transformSchema
+                }
+            }
+        }
     },
     Card: {
         ai: {
@@ -133,69 +132,69 @@ STYLING:
 COMPOSITION:
 - Grid (3 columns) > Card + Card + Card (feature grid)
 - Grid (4 columns) > Card + Card + Card + Card (team grid)
-- Flex (row) > Card + Card + Card (scrollable row)`,
+- Flex (row) > Card + Card + Card (scrollable row)`
         },
         fields: {
             heading: {
                 ai: {
                     required: true,
-                    instructions: 'Card title. Keep concise - 2-5 words typically. For features: "Fast Performance". For team: "Jane Smith".',
-                },
+                    instructions: 'Card title. Keep concise - 2-5 words typically. For features: "Fast Performance". For team: "Jane Smith".'
+                }
             },
             text: {
                 ai: {
-                    instructions: 'Card description. 1-3 sentences. For features: explain the benefit. For team: job title and brief bio.',
-                },
+                    instructions: 'Card description. 1-3 sentences. For features: explain the benefit. For team: job title and brief bio.'
+                }
             },
             image: {
                 ai: {
                     exclude: true,
-                    instructions: 'AI cannot select images from media library. Leave unset or provide alt text.',
-                },
+                    instructions: 'AI cannot select images from media library. Leave unset or provide alt text.'
+                }
             },
             link: {
                 ai: {
-                    instructions: 'Optional URL to make card clickable. Use for blog posts, products, or "learn more" functionality.',
-                },
+                    instructions: 'Optional URL to make card clickable. Use for blog posts, products, or "learn more" functionality.'
+                }
             },
             openInNewTab: {
                 ai: {
-                    instructions: "'yes' or 'no'. Use 'no' for internal links.",
-                },
+                    instructions: "'yes' or 'no'. Use 'no' for internal links."
+                }
             },
             shadow: {
                 ai: {
-                    instructions: "'none', 'sm', 'md', 'lg', 'xl'. Use 'md' for subtle elevation, 'lg' for prominent cards.",
-                },
+                    instructions: "'none', 'sm', 'md', 'lg', 'xl'. Use 'md' for subtle elevation, 'lg' for prominent cards."
+                }
             },
             alignment: {
                 ai: {
                     instructions: "'left', 'center', or 'right'. Usually 'left' for cards.",
-                    schema: alignmentSchema,
-                },
+                    schema: alignmentSchema
+                }
             },
             background: {
                 ai: {
                     instructions: `Custom background color for the card.
 Example: { type: 'solid', solid: { hex: '#f8fafc' } }`,
-                    schema: backgroundSchema,
-                },
+                    schema: backgroundSchema
+                }
             },
             border: {
                 ai: {
                     instructions: `Border styling for the card.
 Example: { style: 'solid', width: 1, color: { hex: '#e5e7eb' }, radius: 12, sides: { top: true, right: true, bottom: true, left: true } }`,
-                    schema: borderSchema,
-                },
+                    schema: borderSchema
+                }
             },
             transform: {
                 ai: {
                     instructions: `CSS transforms for rotation, scale, etc. Usually leave unset.
 Example: { rotate: 0, scaleX: 1, scaleY: 1, origin: 'center' }`,
-                    schema: transformSchema,
-                },
-            },
-        },
+                    schema: transformSchema
+                }
+            }
+        }
     },
     Accordion: {
         ai: {
@@ -228,7 +227,7 @@ Each item in the items array needs:
 
 COMPOSITION:
 - Section > Container > Heading (h2 "FAQ") + Accordion
-- Section > Flex (column) > Heading + Text + Accordion`,
+- Section > Flex (column) > Heading + Text + Accordion`
         },
         fields: {
             items: {
@@ -248,33 +247,39 @@ Example: [
                         items: {
                             type: 'object',
                             properties: {
-                                title: { type: 'string' },
-                                content: { type: 'string' },
-                                defaultOpen: { type: 'boolean' },
-                            },
-                        },
-                    },
-                },
+                                title: {
+                                    type: 'string'
+                                },
+                                content: {
+                                    type: 'string'
+                                },
+                                defaultOpen: {
+                                    type: 'boolean'
+                                }
+                            }
+                        }
+                    }
+                }
             },
             allowMultiple: {
                 ai: {
-                    instructions: "'yes' to allow multiple items open simultaneously, 'no' for FAQ-style (one at a time). Default: no.",
-                },
+                    instructions: "'yes' to allow multiple items open simultaneously, 'no' for FAQ-style (one at a time). Default: no."
+                }
             },
             textColor: {
                 ai: {
                     instructions: `Optional text color for accordion headers and content.
 Example: { hex: '#1f2937', opacity: 100 }`,
-                    schema: colorSchema,
-                },
+                    schema: colorSchema
+                }
             },
             transform: {
                 ai: {
                     instructions: `CSS transforms. Usually leave unset for accordions.`,
-                    schema: transformSchema,
-                },
-            },
-        },
+                    schema: transformSchema
+                }
+            }
+        }
     },
     Divider: {
         ai: {
@@ -303,32 +308,35 @@ WHEN TO USE:
 WHEN NOT TO USE:
 - Between page sections (use Section component backgrounds)
 - Above every heading (use spacing instead)
-- As decoration without purpose`,
+- As decoration without purpose`
         },
         fields: {
             style: {
                 ai: {
-                    instructions: "'solid' (default), 'dashed', or 'dotted'.",
-                },
+                    instructions: "'solid' (default), 'dashed', or 'dotted'."
+                }
             },
             color: {
                 ai: {
                     instructions: `Optional color for the divider line.
 Example: { hex: '#e5e7eb', opacity: 100 }`,
-                    schema: colorSchema,
-                },
+                    schema: colorSchema
+                }
             },
             transform: {
                 ai: {
                     instructions: `CSS transforms. Usually leave unset for dividers.`,
-                    schema: transformSchema,
-                },
-            },
-        },
-    },
+                    schema: transformSchema
+                }
+            }
+        }
+    }
 };
 /**
  * Interactive component names for reference
- */
-export const interactiveComponents = ['Button', 'Card', 'Accordion', 'Divider'];
-//# sourceMappingURL=interactive.js.map
+ */ export const interactiveComponents = [
+    'Button',
+    'Card',
+    'Accordion',
+    'Divider'
+];

package/dist/ai/presets/instructions/layout.d.ts

@@ -13,4 +13,3 @@ export declare const layoutInstructions: ComponentAiOverrides;
  * Layout component names for reference
  */
 export declare const layoutComponents: readonly ["Section", "Container", "Flex", "Grid", "Spacer"];
-//# sourceMappingURL=layout.d.ts.map