@delmaredigital/payload-puck 0.6.10 → 0.6.13

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,37 @@ 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'];
+ */ export const interactiveComponents = [
+    'Button',
+    'Card',
+    'Accordion',
+    'Divider'
+];
+
 //# sourceMappingURL=interactive.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"interactive.js","sourceRoot":"","sources":["../../../../src/ai/presets/instructions/interactive.ts"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../../src/ai/presets/instructions/interactive.ts"],"sourcesContent":["import type { ComponentAiOverrides } from '../../types.js'\nimport {\n  colorSchema,\n  alignmentSchema,\n  sizeSchema,\n  transformSchema,\n  backgroundSchema,\n  borderSchema,\n} from './schemas.js'\n\n/**\n * Comprehensive AI instructions for interactive components\n *\n * These instructions teach the AI:\n * - Button, Card, Accordion, and Divider usage\n * - Correct field names and recommended values\n * - Common patterns and compositions\n */\nexport const interactiveInstructions: ComponentAiOverrides = {\n  Button: {\n    ai: {\n      instructions: `Button component for calls-to-action and links.\n\nPURPOSE:\n- Primary and secondary call-to-action buttons\n- Navigation links styled as buttons\n- Form submission triggers (visual only - actual forms need implementation)\n\nUSAGE GUIDELINES:\n- Use action-oriented text: \"Get Started\", \"Learn More\", \"Contact Us\", \"Sign Up\"\n- Avoid generic text like \"Click Here\" or \"Submit\"\n- Primary variant for main CTA, secondary/outline for supporting actions\n\nVARIANTS:\n- 'default': Primary button with filled background (use for main CTAs)\n- 'secondary': Secondary styling (use for less important actions)\n- 'outline': Bordered with transparent background (use for subtle actions)\n\nSIZES:\n- 'sm': Small, compact buttons\n- 'default': Standard size (recommended for most uses)\n- 'lg': Large, prominent buttons (hero CTAs)\n\nCOMMON PATTERNS:\n- Hero CTA: Two buttons in Flex(row) - primary \"Get Started\" + outline \"Learn More\"\n- Card CTA: Single button at bottom of card\n- Section CTA: Centered button below section content\n- Navigation: Multiple outline buttons in a row\n\nCOMPOSITION:\n- Flex (row, gap: 16) > Button (default) + Button (outline) for button pairs\n- Section > Flex (column, center) > Content + Button for section CTAs`,\n    },\n    fields: {\n      text: {\n        ai: {\n          required: true,\n          instructions:\n            'Button text. Use action verbs: \"Get Started\", \"Learn More\", \"Contact Us\", \"Sign Up\", \"Download Now\".',\n        },\n      },\n      link: {\n        ai: {\n          required: true,\n          instructions:\n            'URL the button links to. Use \"#\" as placeholder if URL is unknown. Use \"/\" for home, \"/contact\" for contact page, etc.',\n        },\n      },\n      variant: {\n        ai: {\n          instructions:\n            \"'default' (primary, filled), 'secondary' (alternate style), 'outline' (bordered, transparent). Use 'default' for main CTAs.\",\n        },\n      },\n      size: {\n        ai: {\n          instructions: `Button size preset. Use 'lg' for hero buttons, 'default' elsewhere.\nExample: { mode: 'lg' } or { mode: 'default' }`,\n          schema: sizeSchema,\n        },\n      },\n      openInNewTab: {\n        ai: {\n          instructions:\n            \"'yes' or 'no'. Use 'yes' for external links, 'no' for internal navigation.\",\n        },\n      },\n      alignment: {\n        ai: {\n          instructions:\n            \"'left', 'center', or 'right'. Typically 'center' for standalone buttons, 'left' in content areas.\",\n          schema: alignmentSchema,\n        },\n      },\n      customBackgroundColor: {\n        ai: {\n          instructions: `Custom background color (overrides variant). Use sparingly.\nExample: { hex: '#3b82f6', opacity: 100 }`,\n          schema: colorSchema,\n        },\n      },\n      customTextColor: {\n        ai: {\n          instructions: `Custom text color (overrides variant). Use sparingly.\nExample: { hex: '#ffffff', opacity: 100 }`,\n          schema: colorSchema,\n        },\n      },\n      transform: {\n        ai: {\n          instructions: `CSS transforms for rotation, scale, etc. Usually leave unset.\nExample: { rotate: 0, scaleX: 1, scaleY: 1, origin: 'center' }`,\n          schema: transformSchema,\n        },\n      },\n    },\n  },\n\n  Card: {\n    ai: {\n      instructions: `Card component for featured content blocks.\n\nPURPOSE:\n- Feature cards with image, title, and description\n- Team member profiles\n- Product or service highlights\n- Testimonial cards\n- Blog post previews\n\nUSAGE GUIDELINES:\n- Always include a heading - it's the card's title\n- Text is optional but recommended for context\n- Image is optional but adds visual appeal\n- Link makes the entire card clickable\n\nCOMMON PATTERNS:\n- Feature Card: heading + text (no image for icon-style features)\n- Team Card: image (avatar) + heading (name) + text (role/bio)\n- Product Card: image + heading (product name) + text (description) + link\n- Testimonial Card: text (quote) + heading (person name)\n- Blog Card: image + heading (title) + text (excerpt) + link\n\nSTYLING:\n- shadow: 'none', 'sm', 'md', 'lg', 'xl' - use 'md' for subtle elevation\n- border: Optional border for flat design\n- background: Optional custom background color\n\nCOMPOSITION:\n- Grid (3 columns) > Card + Card + Card (feature grid)\n- Grid (4 columns) > Card + Card + Card + Card (team grid)\n- Flex (row) > Card + Card + Card (scrollable row)`,\n    },\n    fields: {\n      heading: {\n        ai: {\n          required: true,\n          instructions:\n            'Card title. Keep concise - 2-5 words typically. For features: \"Fast Performance\". For team: \"Jane Smith\".',\n        },\n      },\n      text: {\n        ai: {\n          instructions:\n            'Card description. 1-3 sentences. For features: explain the benefit. For team: job title and brief bio.',\n        },\n      },\n      image: {\n        ai: {\n          exclude: true,\n          instructions: 'AI cannot select images from media library. Leave unset or provide alt text.',\n        },\n      },\n      link: {\n        ai: {\n          instructions:\n            'Optional URL to make card clickable. Use for blog posts, products, or \"learn more\" functionality.',\n        },\n      },\n      openInNewTab: {\n        ai: {\n          instructions: \"'yes' or 'no'. Use 'no' for internal links.\",\n        },\n      },\n      shadow: {\n        ai: {\n          instructions:\n            \"'none', 'sm', 'md', 'lg', 'xl'. Use 'md' for subtle elevation, 'lg' for prominent cards.\",\n        },\n      },\n      alignment: {\n        ai: {\n          instructions: \"'left', 'center', or 'right'. Usually 'left' for cards.\",\n          schema: alignmentSchema,\n        },\n      },\n      background: {\n        ai: {\n          instructions: `Custom background color for the card.\nExample: { type: 'solid', solid: { hex: '#f8fafc' } }`,\n          schema: backgroundSchema,\n        },\n      },\n      border: {\n        ai: {\n          instructions: `Border styling for the card.\nExample: { style: 'solid', width: 1, color: { hex: '#e5e7eb' }, radius: 12, sides: { top: true, right: true, bottom: true, left: true } }`,\n          schema: borderSchema,\n        },\n      },\n      transform: {\n        ai: {\n          instructions: `CSS transforms for rotation, scale, etc. Usually leave unset.\nExample: { rotate: 0, scaleX: 1, scaleY: 1, origin: 'center' }`,\n          schema: transformSchema,\n        },\n      },\n    },\n  },\n\n  Accordion: {\n    ai: {\n      instructions: `Accordion component for collapsible content sections.\n\nPURPOSE:\n- FAQ (Frequently Asked Questions) sections\n- Expandable feature lists\n- Terms and conditions sections\n- Step-by-step guides\n- Collapsible documentation\n\nUSAGE GUIDELINES:\n- Each item needs a title (question/header) and content (answer/body)\n- Set defaultOpen: true for items that should be expanded initially\n- Use allowMultiple: false for FAQ style (one open at a time)\n- Use allowMultiple: true for reference/docs style (multiple can be open)\n\nCOMMON PATTERNS:\n- FAQ Section: 5-10 items, allowMultiple: false\n- Feature Details: 3-5 items explaining features in depth\n- Pricing FAQ: Common billing/pricing questions\n- Support/Help: Troubleshooting steps\n\nITEM STRUCTURE:\nEach item in the items array needs:\n- title: The clickable header (e.g., \"How do I reset my password?\")\n- content: The expandable content (can be multiple paragraphs)\n- defaultOpen: Boolean, whether expanded by default\n\nCOMPOSITION:\n- Section > Container > Heading (h2 \"FAQ\") + Accordion\n- Section > Flex (column) > Heading + Text + Accordion`,\n    },\n    fields: {\n      items: {\n        ai: {\n          required: true,\n          instructions: `Array of accordion items. Each item needs:\n- title (string): The clickable header text\n- content (string): The expandable body content\n- defaultOpen (boolean): Whether to show expanded initially\n\nExample: [\n  { title: \"What is your return policy?\", content: \"We offer 30-day returns...\", defaultOpen: false },\n  { title: \"How do I contact support?\", content: \"Email us at support@...\", defaultOpen: false }\n]`,\n          schema: {\n            type: 'array',\n            items: {\n              type: 'object',\n              properties: {\n                title: { type: 'string' },\n                content: { type: 'string' },\n                defaultOpen: { type: 'boolean' },\n              },\n            },\n          },\n        },\n      },\n      allowMultiple: {\n        ai: {\n          instructions:\n            \"'yes' to allow multiple items open simultaneously, 'no' for FAQ-style (one at a time). Default: no.\",\n        },\n      },\n      textColor: {\n        ai: {\n          instructions: `Optional text color for accordion headers and content.\nExample: { hex: '#1f2937', opacity: 100 }`,\n          schema: colorSchema,\n        },\n      },\n      transform: {\n        ai: {\n          instructions: `CSS transforms. Usually leave unset for accordions.`,\n          schema: transformSchema,\n        },\n      },\n    },\n  },\n\n  Divider: {\n    ai: {\n      instructions: `Divider component for horizontal line separators.\n\nPURPOSE:\n- Visual separation between content sections\n- Breaking up long content areas\n- Subtle section boundaries\n\nUSAGE GUIDELINES:\n- Use sparingly - whitespace often works better\n- Good for separating distinct content within a Section\n- Not needed between Sections (use Section backgrounds instead)\n\nSTYLES:\n- 'solid': Standard line (default)\n- 'dashed': Dashed line (subtle, informal)\n- 'dotted': Dotted line (decorative)\n\nWHEN TO USE:\n- Between paragraphs of distinct topics\n- Above or below a quote/callout\n- In footer to separate sections\n\nWHEN NOT TO USE:\n- Between page sections (use Section component backgrounds)\n- Above every heading (use spacing instead)\n- As decoration without purpose`,\n    },\n    fields: {\n      style: {\n        ai: {\n          instructions: \"'solid' (default), 'dashed', or 'dotted'.\",\n        },\n      },\n      color: {\n        ai: {\n          instructions: `Optional color for the divider line.\nExample: { hex: '#e5e7eb', opacity: 100 }`,\n          schema: colorSchema,\n        },\n      },\n      transform: {\n        ai: {\n          instructions: `CSS transforms. Usually leave unset for dividers.`,\n          schema: transformSchema,\n        },\n      },\n    },\n  },\n}\n\n/**\n * Interactive component names for reference\n */\nexport const interactiveComponents = ['Button', 'Card', 'Accordion', 'Divider'] as const\n"],"names":["colorSchema","alignmentSchema","sizeSchema","transformSchema","backgroundSchema","borderSchema","interactiveInstructions","Button","ai","instructions","fields","text","required","link","variant","size","schema","openInNewTab","alignment","customBackgroundColor","customTextColor","transform","Card","heading","image","exclude","shadow","background","border","Accordion","items","type","properties","title","content","defaultOpen","allowMultiple","textColor","Divider","style","color","interactiveComponents"],"mappings":"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"}