@delmaredigital/payload-puck 0.6.12 → 0.6.13

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

@@ -1,4 +1,4 @@
-import { backgroundSchema, borderSchema, responsivePaddingSchema, responsiveDimensionsSchema, animationSchema, visibilitySchema, justifyContentSchema, alignItemsSchema, } from './schemas.js';
+import { backgroundSchema, borderSchema, responsivePaddingSchema, responsiveDimensionsSchema, animationSchema, visibilitySchema, justifyContentSchema, alignItemsSchema } from './schemas.js';
 /**
  * Comprehensive AI instructions for layout components
  *
@@ -7,8 +7,7 @@ import { backgroundSchema, borderSchema, responsivePaddingSchema, responsiveDime
  * - How to nest and compose layouts
  * - Correct field names and recommended values
  * - Common page structure patterns
- */
-export const layoutInstructions = {
+ */ export const layoutInstructions = {
     Section: {
         ai: {
             instructions: `Section component - the primary building block for page sections.
@@ -42,24 +41,24 @@ RECOMMENDED VALUES:
 COMPOSITION:
 - Section > Container (for text-heavy content)
 - Section > Flex (for grouped elements)
-- Section > Grid (for card layouts)`,
+- Section > Grid (for card layouts)`
         },
         fields: {
             content: {
                 ai: {
                     required: true,
-                    instructions: 'Slot for child components. Add Container, Flex, Grid, or individual components here.',
-                },
+                    instructions: 'Slot for child components. Add Container, Flex, Grid, or individual components here.'
+                }
             },
             semanticElement: {
                 ai: {
-                    instructions: "HTML element type. Use 'section' (default) for most cases, 'header' for page header, 'footer' for page footer, 'main' for primary content.",
-                },
+                    instructions: "HTML element type. Use 'section' (default) for most cases, 'header' for page header, 'footer' for page footer, 'main' for primary content."
+                }
             },
             id: {
                 ai: {
-                    instructions: 'Optional ID for anchor links. Use lowercase-with-dashes format, e.g., "features", "about-us", "contact".',
-                },
+                    instructions: 'Optional ID for anchor links. Use lowercase-with-dashes format, e.g., "features", "about-us", "contact".'
+                }
             },
             sectionBackground: {
                 ai: {
@@ -67,67 +66,67 @@ COMPOSITION:
 Use for: Hero sections (dark/gradient), CTA sections (brand color), alternating section backgrounds.
 Example solid: { type: 'solid', solid: { hex: '#1e293b' } }
 Example gradient: { type: 'gradient', gradient: { type: 'linear', angle: 135, stops: [{ color: { hex: '#3b82f6' }, position: 0 }, { color: { hex: '#8b5cf6' }, position: 100 }] } }`,
-                    schema: backgroundSchema,
-                },
+                    schema: backgroundSchema
+                }
             },
             sectionPadding: {
                 ai: {
                     instructions: `Vertical/horizontal padding for the section. Controls breathing room.
 Hero sections: 80-96px top/bottom. Standard sections: 48-64px. Dense: 32-48px.
 Example: { xs: { top: 64, right: 0, bottom: 64, left: 0, unit: 'px', linked: false } }`,
-                    schema: responsivePaddingSchema,
-                },
+                    schema: responsivePaddingSchema
+                }
             },
             sectionMargin: {
                 ai: {
                     instructions: `Margin around the section. Usually leave null - use sectionPadding for internal spacing.`,
-                    schema: responsivePaddingSchema,
-                },
+                    schema: responsivePaddingSchema
+                }
             },
             contentDimensions: {
                 ai: {
                     instructions: `Inner content width constraints. Default is 1200px max-width centered.
 Example: { xs: { mode: 'contained', maxWidth: { value: 1200, unit: 'px', enabled: true }, alignment: 'center' } }
 Use narrower (800-900px) for text-heavy content like blog posts.`,
-                    schema: responsiveDimensionsSchema,
-                },
+                    schema: responsiveDimensionsSchema
+                }
             },
             contentBackground: {
                 ai: {
                     instructions: `Background for the inner content area (not full-width). Use for card-like treatments within sections.
 Example: { type: 'solid', solid: { hex: '#ffffff' } }`,
-                    schema: backgroundSchema,
-                },
+                    schema: backgroundSchema
+                }
             },
             contentPadding: {
                 ai: {
                     instructions: `Padding for the inner content area.
 Example: { xs: { top: 24, right: 24, bottom: 24, left: 24, unit: 'px', linked: true } }`,
-                    schema: responsivePaddingSchema,
-                },
+                    schema: responsivePaddingSchema
+                }
             },
             contentBorder: {
                 ai: {
                     instructions: `Border for the inner content area. Use for card-like treatments.
 Example: { style: 'solid', width: 1, color: { hex: '#e5e7eb' }, radius: 8, sides: { top: true, right: true, bottom: true, left: true } }`,
-                    schema: borderSchema,
-                },
+                    schema: borderSchema
+                }
             },
             animation: {
                 ai: {
                     instructions: `Entrance animation for the section. Use sparingly for key sections like heroes.
 Example: { mode: 'preset', entrance: 'fade-up', entranceDuration: 600, triggerOnScroll: true, triggerOnce: true }`,
-                    schema: animationSchema,
-                },
+                    schema: animationSchema
+                }
             },
             visibility: {
                 ai: {
                     instructions: `Show/hide at different breakpoints.
 Example: { xs: true, sm: true, md: true, lg: true, xl: true }`,
-                    schema: visibilitySchema,
-                },
-            },
-        },
+                    schema: visibilitySchema
+                }
+            }
+        }
     },
     Container: {
         ai: {
@@ -155,70 +154,70 @@ WHEN NOT TO USE:
 
 COMPOSITION:
 - Section > Container > Heading + Text (for centered text blocks)
-- Section > Container > RichText (for long-form content)`,
+- Section > Container > RichText (for long-form content)`
         },
         fields: {
             content: {
                 ai: {
                     required: true,
-                    instructions: 'Slot for child components.',
-                },
+                    instructions: 'Slot for child components.'
+                }
             },
             semanticElement: {
                 ai: {
-                    instructions: "HTML element type: 'div' (default), 'article', 'aside', 'section'.",
-                },
+                    instructions: "HTML element type: 'div' (default), 'article', 'aside', 'section'."
+                }
             },
             background: {
                 ai: {
                     instructions: `Background color, gradient, or image. Use for card-like content blocks or visual emphasis.
 Example: { type: 'solid', solid: { hex: '#f8fafc' } }`,
-                    schema: backgroundSchema,
-                },
+                    schema: backgroundSchema
+                }
             },
             border: {
                 ai: {
                     instructions: `Border styling. Use for card treatments or visual separation.
 Example: { style: 'solid', width: 1, color: { hex: '#e5e7eb' }, radius: 12, sides: { top: true, right: true, bottom: true, left: true } }`,
-                    schema: borderSchema,
-                },
+                    schema: borderSchema
+                }
             },
             padding: {
                 ai: {
                     instructions: `Internal padding.
 Example: { xs: { top: 24, right: 24, bottom: 24, left: 24, unit: 'px', linked: true } }`,
-                    schema: responsivePaddingSchema,
-                },
+                    schema: responsivePaddingSchema
+                }
             },
             dimensions: {
                 ai: {
                     instructions: `Width/height constraints.
 Example: { xs: { mode: 'contained', maxWidth: { value: 800, unit: 'px', enabled: true }, alignment: 'center' } }`,
-                    schema: responsiveDimensionsSchema,
-                },
+                    schema: responsiveDimensionsSchema
+                }
             },
             margin: {
                 ai: {
                     instructions: `Margin outside the container.
 Example: { xs: { top: 0, right: 0, bottom: 24, left: 0, unit: 'px', linked: false } }`,
-                    schema: responsivePaddingSchema,
-                },
+                    schema: responsivePaddingSchema
+                }
             },
             animation: {
                 ai: {
                     instructions: `Entrance animation for the container. Use for key content blocks.
 Example: { mode: 'preset', entrance: 'fade-up', entranceDuration: 500, triggerOnScroll: true, triggerOnce: true }`,
-                    schema: animationSchema,
-                },
+                    schema: animationSchema
+                }
             },
             visibility: {
                 ai: {
                     instructions: `Show/hide at different breakpoints.
 Example: { xs: true, sm: true, md: true, lg: true, xl: true }`,
-                    schema: visibilitySchema,
-                },
-            },
-        },
+                    schema: visibilitySchema
+                }
+            }
+        }
     },
     Flex: {
         ai: {
@@ -249,97 +248,97 @@ RECOMMENDED VALUES:
 COMPOSITION:
 - Section > Flex (column, center) > Content (for centered section content)
 - Flex (row) > Button + Button (for button groups)
-- Grid > Flex (column) > Content (for grid item content)`,
+- Grid > Flex (column) > Content (for grid item content)`
         },
         fields: {
             content: {
                 ai: {
                     required: true,
-                    instructions: 'Slot for child components. Cannot contain Section components.',
-                },
+                    instructions: 'Slot for child components. Cannot contain Section components.'
+                }
             },
             direction: {
                 ai: {
-                    instructions: "'row' for horizontal layout, 'column' for vertical stacking. Default: row.",
-                },
+                    instructions: "'row' for horizontal layout, 'column' for vertical stacking. Default: row."
+                }
             },
             justifyContent: {
                 ai: {
                     instructions: "Controls horizontal distribution: 'flex-start', 'center', 'flex-end', 'space-between', 'space-around'.",
-                    schema: justifyContentSchema,
-                },
+                    schema: justifyContentSchema
+                }
             },
             alignItems: {
                 ai: {
                     instructions: "Controls vertical alignment: 'flex-start', 'center', 'flex-end', 'stretch'.",
-                    schema: alignItemsSchema,
-                },
+                    schema: alignItemsSchema
+                }
             },
             gap: {
                 ai: {
-                    instructions: 'Space between items in pixels. Common values: 8, 16, 24, 32.',
-                },
+                    instructions: 'Space between items in pixels. Common values: 8, 16, 24, 32.'
+                }
             },
             wrap: {
                 ai: {
-                    instructions: "'wrap' allows items to wrap to new lines, 'nowrap' keeps them on one line.",
-                },
+                    instructions: "'wrap' allows items to wrap to new lines, 'nowrap' keeps them on one line."
+                }
             },
             semanticElement: {
                 ai: {
-                    instructions: "'div' (default), 'nav' for navigation, 'ul'/'ol' for lists.",
-                },
+                    instructions: "'div' (default), 'nav' for navigation, 'ul'/'ol' for lists."
+                }
             },
             background: {
                 ai: {
                     instructions: `Background for the flex container. Use for grouped content with visual separation.
 Example: { type: 'solid', solid: { hex: '#f1f5f9' } }`,
-                    schema: backgroundSchema,
-                },
+                    schema: backgroundSchema
+                }
             },
             border: {
                 ai: {
                     instructions: `Border styling for the flex container.
 Example: { style: 'solid', width: 1, color: { hex: '#e2e8f0' }, radius: 8, sides: { top: true, right: true, bottom: true, left: true } }`,
-                    schema: borderSchema,
-                },
+                    schema: borderSchema
+                }
             },
             customPadding: {
                 ai: {
                     instructions: `Padding inside the flex container.
 Example: { xs: { top: 16, right: 16, bottom: 16, left: 16, unit: 'px', linked: true } }`,
-                    schema: responsivePaddingSchema,
-                },
+                    schema: responsivePaddingSchema
+                }
             },
             margin: {
                 ai: {
                     instructions: `Margin outside the flex container.
 Example: { xs: { top: 0, right: 0, bottom: 24, left: 0, unit: 'px', linked: false } }`,
-                    schema: responsivePaddingSchema,
-                },
+                    schema: responsivePaddingSchema
+                }
             },
             dimensions: {
                 ai: {
                     instructions: `Width/height constraints for the flex container.
 Example: { xs: { mode: 'contained', maxWidth: { value: 600, unit: 'px', enabled: true }, alignment: 'center' } }`,
-                    schema: responsiveDimensionsSchema,
-                },
+                    schema: responsiveDimensionsSchema
+                }
             },
             animation: {
                 ai: {
                     instructions: `Entrance animation for the flex container. Use for key content groups.
 Example: { mode: 'preset', entrance: 'fade-up', entranceDuration: 500, triggerOnScroll: true, triggerOnce: true }`,
-                    schema: animationSchema,
-                },
+                    schema: animationSchema
+                }
             },
             visibility: {
                 ai: {
                     instructions: `Show/hide at different breakpoints.
 Example: { xs: true, sm: true, md: true, lg: true, xl: true }`,
-                    schema: visibilitySchema,
-                },
-            },
-        },
+                    schema: visibilitySchema
+                }
+            }
+        }
     },
     Grid: {
         ai: {
@@ -367,80 +366,80 @@ RECOMMENDED VALUES:
 
 COMPOSITION:
 - Section > Grid > Cards (for feature/team sections)
-- Section > Heading + Grid > Items (for titled grid sections)`,
+- Section > Heading + Grid > Items (for titled grid sections)`
         },
         fields: {
             content: {
                 ai: {
                     required: true,
-                    instructions: 'Slot for child components (usually Cards). Cannot contain Section components.',
-                },
+                    instructions: 'Slot for child components (usually Cards). Cannot contain Section components.'
+                }
             },
             numColumns: {
                 ai: {
-                    instructions: 'Number of columns (1-12). Common: 2, 3, or 4. Default: 3.',
-                },
+                    instructions: 'Number of columns (1-12). Common: 2, 3, or 4. Default: 3.'
+                }
             },
             gap: {
                 ai: {
-                    instructions: 'Space between grid items in pixels. Common: 16, 24, 32. Default: 16.',
-                },
+                    instructions: 'Space between grid items in pixels. Common: 16, 24, 32. Default: 16.'
+                }
             },
             semanticElement: {
                 ai: {
-                    instructions: "'div' (default), 'ul' or 'ol' for list semantics.",
-                },
+                    instructions: "'div' (default), 'ul' or 'ol' for list semantics."
+                }
             },
             background: {
                 ai: {
                     instructions: `Background for the grid container. Use for grouped content with visual emphasis.
 Example: { type: 'solid', solid: { hex: '#fafafa' } }`,
-                    schema: backgroundSchema,
-                },
+                    schema: backgroundSchema
+                }
             },
             border: {
                 ai: {
                     instructions: `Border styling for the grid container.
 Example: { style: 'solid', width: 1, color: { hex: '#e5e7eb' }, radius: 16, sides: { top: true, right: true, bottom: true, left: true } }`,
-                    schema: borderSchema,
-                },
+                    schema: borderSchema
+                }
             },
             customPadding: {
                 ai: {
                     instructions: `Padding inside the grid container.
 Example: { xs: { top: 24, right: 24, bottom: 24, left: 24, unit: 'px', linked: true } }`,
-                    schema: responsivePaddingSchema,
-                },
+                    schema: responsivePaddingSchema
+                }
             },
             margin: {
                 ai: {
                     instructions: `Margin outside the grid container.
 Example: { xs: { top: 0, right: 0, bottom: 24, left: 0, unit: 'px', linked: false } }`,
-                    schema: responsivePaddingSchema,
-                },
+                    schema: responsivePaddingSchema
+                }
             },
             dimensions: {
                 ai: {
                     instructions: `Width/height constraints for the grid container.
 Example: { xs: { mode: 'contained', maxWidth: { value: 1000, unit: 'px', enabled: true }, alignment: 'center' } }`,
-                    schema: responsiveDimensionsSchema,
-                },
+                    schema: responsiveDimensionsSchema
+                }
             },
             animation: {
                 ai: {
                     instructions: `Entrance animation for the grid container. Use for key content groups.
 Example: { mode: 'preset', entrance: 'fade-up', entranceDuration: 500, triggerOnScroll: true, triggerOnce: true }`,
-                    schema: animationSchema,
-                },
+                    schema: animationSchema
+                }
             },
             visibility: {
                 ai: {
                     instructions: `Show/hide at different breakpoints.
 Example: { xs: true, sm: true, md: true, lg: true, xl: true }`,
-                    schema: visibilitySchema,
-                },
-            },
-        },
+                    schema: visibilitySchema
+                }
+            }
+        }
     },
     Spacer: {
         ai: {
@@ -463,24 +462,30 @@ WHEN TO USE:
 
 WHEN NOT TO USE:
 - Don't overuse - proper component spacing should suffice
-- Not for separating sections (use Section padding instead)`,
+- Not for separating sections (use Section padding instead)`
         },
         fields: {
             size: {
                 ai: {
-                    instructions: 'Space in pixels: 8, 16, 24, 32 (small), 48, 64 (medium), 80, 96, 128 (large).',
-                },
+                    instructions: 'Space in pixels: 8, 16, 24, 32 (small), 48, 64 (medium), 80, 96, 128 (large).'
+                }
             },
             direction: {
                 ai: {
-                    instructions: "'vertical' (default), 'horizontal', or 'both'.",
-                },
-            },
-        },
-    },
+                    instructions: "'vertical' (default), 'horizontal', or 'both'."
+                }
+            }
+        }
+    }
 };
 /**
  * Layout component names for reference
- */
-export const layoutComponents = ['Section', 'Container', 'Flex', 'Grid', 'Spacer'];
+ */ export const layoutComponents = [
+    'Section',
+    'Container',
+    'Flex',
+    'Grid',
+    'Spacer'
+];
+
 //# sourceMappingURL=layout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../../src/ai/presets/instructions/layout.ts"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../../src/ai/presets/instructions/layout.ts"],"sourcesContent":["import type { ComponentAiOverrides } from '../../types.js'\nimport {\n  backgroundSchema,\n  borderSchema,\n  responsivePaddingSchema,\n  responsiveDimensionsSchema,\n  animationSchema,\n  visibilitySchema,\n  justifyContentSchema,\n  alignItemsSchema,\n} from './schemas.js'\n\n/**\n * Comprehensive AI instructions for layout components\n *\n * These instructions teach the AI:\n * - When to use each layout component\n * - How to nest and compose layouts\n * - Correct field names and recommended values\n * - Common page structure patterns\n */\n\nexport const layoutInstructions: ComponentAiOverrides = {\n  Section: {\n    ai: {\n      instructions: `Section component - the primary building block for page sections.\n\nPURPOSE:\n- Creates distinct page sections with full-width backgrounds\n- Two-layer architecture: outer section (full-bleed) + inner content (constrained)\n- Every major page section should be wrapped in a Section\n\nARCHITECTURE:\n- Outer layer (section): Full viewport width, holds background color/image\n- Inner layer (content): Constrained max-width, centered, holds actual content\n\nUSAGE GUIDELINES:\n- Use Section as the outermost wrapper for every page section\n- NEVER nest Section inside Flex or Grid (only at root level)\n- Set sectionBackground for full-width colored backgrounds\n- Use contentDimensions to control inner content width (default: 1200px)\n\nCOMMON PATTERNS:\n- Hero Section: Dark/gradient sectionBackground, large sectionPadding\n- Feature Section: Light/white background, medium padding\n- CTA Section: Contrasting accent color background\n- Alternating sections: Alternate background colors for visual rhythm\n\nRECOMMENDED VALUES:\n- sectionPadding: { xs: { top: 48, right: 0, bottom: 48, left: 0, unit: 'px', linked: false } } for standard sections\n- sectionPadding: { xs: { top: 80, right: 0, bottom: 80, left: 0, unit: 'px', linked: false } } for hero sections\n- contentDimensions: { xs: { mode: 'contained', maxWidth: { value: 1200, unit: 'px', enabled: true }, alignment: 'center' } }\n\nCOMPOSITION:\n- Section > Container (for text-heavy content)\n- Section > Flex (for grouped elements)\n- Section > Grid (for card layouts)`,\n    },\n    fields: {\n      content: {\n        ai: {\n          required: true,\n          instructions:\n            'Slot for child components. Add Container, Flex, Grid, or individual components here.',\n        },\n      },\n      semanticElement: {\n        ai: {\n          instructions:\n            \"HTML element type. Use 'section' (default) for most cases, 'header' for page header, 'footer' for page footer, 'main' for primary content.\",\n        },\n      },\n      id: {\n        ai: {\n          instructions:\n            'Optional ID for anchor links. Use lowercase-with-dashes format, e.g., \"features\", \"about-us\", \"contact\".',\n        },\n      },\n      sectionBackground: {\n        ai: {\n          instructions: `Full-width background for the section. Supports solid colors and gradients.\nUse for: Hero sections (dark/gradient), CTA sections (brand color), alternating section backgrounds.\nExample solid: { type: 'solid', solid: { hex: '#1e293b' } }\nExample gradient: { type: 'gradient', gradient: { type: 'linear', angle: 135, stops: [{ color: { hex: '#3b82f6' }, position: 0 }, { color: { hex: '#8b5cf6' }, position: 100 }] } }`,\n          schema: backgroundSchema,\n        },\n      },\n      sectionPadding: {\n        ai: {\n          instructions: `Vertical/horizontal padding for the section. Controls breathing room.\nHero sections: 80-96px top/bottom. Standard sections: 48-64px. Dense: 32-48px.\nExample: { xs: { top: 64, right: 0, bottom: 64, left: 0, unit: 'px', linked: false } }`,\n          schema: responsivePaddingSchema,\n        },\n      },\n      sectionMargin: {\n        ai: {\n          instructions: `Margin around the section. Usually leave null - use sectionPadding for internal spacing.`,\n          schema: responsivePaddingSchema,\n        },\n      },\n      contentDimensions: {\n        ai: {\n          instructions: `Inner content width constraints. Default is 1200px max-width centered.\nExample: { xs: { mode: 'contained', maxWidth: { value: 1200, unit: 'px', enabled: true }, alignment: 'center' } }\nUse narrower (800-900px) for text-heavy content like blog posts.`,\n          schema: responsiveDimensionsSchema,\n        },\n      },\n      contentBackground: {\n        ai: {\n          instructions: `Background for the inner content area (not full-width). Use for card-like treatments within sections.\nExample: { type: 'solid', solid: { hex: '#ffffff' } }`,\n          schema: backgroundSchema,\n        },\n      },\n      contentPadding: {\n        ai: {\n          instructions: `Padding for the inner content area.\nExample: { xs: { top: 24, right: 24, bottom: 24, left: 24, unit: 'px', linked: true } }`,\n          schema: responsivePaddingSchema,\n        },\n      },\n      contentBorder: {\n        ai: {\n          instructions: `Border for the inner content area. Use for card-like treatments.\nExample: { style: 'solid', width: 1, color: { hex: '#e5e7eb' }, radius: 8, sides: { top: true, right: true, bottom: true, left: true } }`,\n          schema: borderSchema,\n        },\n      },\n      animation: {\n        ai: {\n          instructions: `Entrance animation for the section. Use sparingly for key sections like heroes.\nExample: { mode: 'preset', entrance: 'fade-up', entranceDuration: 600, triggerOnScroll: true, triggerOnce: true }`,\n          schema: animationSchema,\n        },\n      },\n      visibility: {\n        ai: {\n          instructions: `Show/hide at different breakpoints.\nExample: { xs: true, sm: true, md: true, lg: true, xl: true }`,\n          schema: visibilitySchema,\n        },\n      },\n    },\n  },\n\n  Container: {\n    ai: {\n      instructions: `Container component for grouping and constraining content width.\n\nPURPOSE:\n- Constrains content to a maximum width\n- Groups related elements together\n- Provides padding/margin around content blocks\n\nUSAGE GUIDELINES:\n- Use inside Section when you need additional grouping\n- Useful for text-heavy content that needs width constraints\n- Not always needed - Section already constrains content width\n\nWHEN TO USE:\n- Long-form text content (blog posts, about page)\n- When you need nested width constraints\n- To add background/border to a content group within a Section\n\nWHEN NOT TO USE:\n- For simple layouts - Section alone is sufficient\n- For card grids - use Grid instead\n- For horizontal layouts - use Flex instead\n\nCOMPOSITION:\n- Section > Container > Heading + Text (for centered text blocks)\n- Section > Container > RichText (for long-form content)`,\n    },\n    fields: {\n      content: {\n        ai: {\n          required: true,\n          instructions: 'Slot for child components.',\n        },\n      },\n      semanticElement: {\n        ai: {\n          instructions: \"HTML element type: 'div' (default), 'article', 'aside', 'section'.\",\n        },\n      },\n      background: {\n        ai: {\n          instructions: `Background color, gradient, or image. Use for card-like content blocks or visual emphasis.\nExample: { type: 'solid', solid: { hex: '#f8fafc' } }`,\n          schema: backgroundSchema,\n        },\n      },\n      border: {\n        ai: {\n          instructions: `Border styling. Use for card treatments or visual separation.\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      padding: {\n        ai: {\n          instructions: `Internal padding.\nExample: { xs: { top: 24, right: 24, bottom: 24, left: 24, unit: 'px', linked: true } }`,\n          schema: responsivePaddingSchema,\n        },\n      },\n      dimensions: {\n        ai: {\n          instructions: `Width/height constraints.\nExample: { xs: { mode: 'contained', maxWidth: { value: 800, unit: 'px', enabled: true }, alignment: 'center' } }`,\n          schema: responsiveDimensionsSchema,\n        },\n      },\n      margin: {\n        ai: {\n          instructions: `Margin outside the container.\nExample: { xs: { top: 0, right: 0, bottom: 24, left: 0, unit: 'px', linked: false } }`,\n          schema: responsivePaddingSchema,\n        },\n      },\n      animation: {\n        ai: {\n          instructions: `Entrance animation for the container. Use for key content blocks.\nExample: { mode: 'preset', entrance: 'fade-up', entranceDuration: 500, triggerOnScroll: true, triggerOnce: true }`,\n          schema: animationSchema,\n        },\n      },\n      visibility: {\n        ai: {\n          instructions: `Show/hide at different breakpoints.\nExample: { xs: true, sm: true, md: true, lg: true, xl: true }`,\n          schema: visibilitySchema,\n        },\n      },\n    },\n  },\n\n  Flex: {\n    ai: {\n      instructions: `Flex component for flexible row/column layouts.\n\nPURPOSE:\n- Horizontal or vertical arrangements of elements\n- Button groups, icon rows, horizontal lists\n- Centering and distributing content\n\nUSAGE GUIDELINES:\n- Use direction: 'row' for horizontal layouts (buttons side-by-side)\n- Use direction: 'column' for vertical stacking (heading + text + button)\n- NEVER place Section inside Flex\n\nCOMMON PATTERNS:\n- Button Group: Flex (row, gap: 16) > Button + Button\n- Hero Content: Flex (column, center) > Heading + Text + Flex(row) with Buttons\n- Feature Item: Flex (column) > Image + Heading + Text\n- Navigation: Flex (row, space-between) > Logo + Flex(row) with nav links\n\nRECOMMENDED VALUES:\n- gap: 8 (tight), 16 (compact), 24 (comfortable), 32 (spacious)\n- direction: 'row' for horizontal, 'column' for vertical\n- justifyContent: 'center' (centered), 'space-between' (spread out)\n- alignItems: 'center' (vertically centered in row mode)\n\nCOMPOSITION:\n- Section > Flex (column, center) > Content (for centered section content)\n- Flex (row) > Button + Button (for button groups)\n- Grid > Flex (column) > Content (for grid item content)`,\n    },\n    fields: {\n      content: {\n        ai: {\n          required: true,\n          instructions: 'Slot for child components. Cannot contain Section components.',\n        },\n      },\n      direction: {\n        ai: {\n          instructions: \"'row' for horizontal layout, 'column' for vertical stacking. Default: row.\",\n        },\n      },\n      justifyContent: {\n        ai: {\n          instructions:\n            \"Controls horizontal distribution: 'flex-start', 'center', 'flex-end', 'space-between', 'space-around'.\",\n          schema: justifyContentSchema,\n        },\n      },\n      alignItems: {\n        ai: {\n          instructions:\n            \"Controls vertical alignment: 'flex-start', 'center', 'flex-end', 'stretch'.\",\n          schema: alignItemsSchema,\n        },\n      },\n      gap: {\n        ai: {\n          instructions: 'Space between items in pixels. Common values: 8, 16, 24, 32.',\n        },\n      },\n      wrap: {\n        ai: {\n          instructions: \"'wrap' allows items to wrap to new lines, 'nowrap' keeps them on one line.\",\n        },\n      },\n      semanticElement: {\n        ai: {\n          instructions: \"'div' (default), 'nav' for navigation, 'ul'/'ol' for lists.\",\n        },\n      },\n      background: {\n        ai: {\n          instructions: `Background for the flex container. Use for grouped content with visual separation.\nExample: { type: 'solid', solid: { hex: '#f1f5f9' } }`,\n          schema: backgroundSchema,\n        },\n      },\n      border: {\n        ai: {\n          instructions: `Border styling for the flex container.\nExample: { style: 'solid', width: 1, color: { hex: '#e2e8f0' }, radius: 8, sides: { top: true, right: true, bottom: true, left: true } }`,\n          schema: borderSchema,\n        },\n      },\n      customPadding: {\n        ai: {\n          instructions: `Padding inside the flex container.\nExample: { xs: { top: 16, right: 16, bottom: 16, left: 16, unit: 'px', linked: true } }`,\n          schema: responsivePaddingSchema,\n        },\n      },\n      margin: {\n        ai: {\n          instructions: `Margin outside the flex container.\nExample: { xs: { top: 0, right: 0, bottom: 24, left: 0, unit: 'px', linked: false } }`,\n          schema: responsivePaddingSchema,\n        },\n      },\n      dimensions: {\n        ai: {\n          instructions: `Width/height constraints for the flex container.\nExample: { xs: { mode: 'contained', maxWidth: { value: 600, unit: 'px', enabled: true }, alignment: 'center' } }`,\n          schema: responsiveDimensionsSchema,\n        },\n      },\n      animation: {\n        ai: {\n          instructions: `Entrance animation for the flex container. Use for key content groups.\nExample: { mode: 'preset', entrance: 'fade-up', entranceDuration: 500, triggerOnScroll: true, triggerOnce: true }`,\n          schema: animationSchema,\n        },\n      },\n      visibility: {\n        ai: {\n          instructions: `Show/hide at different breakpoints.\nExample: { xs: true, sm: true, md: true, lg: true, xl: true }`,\n          schema: visibilitySchema,\n        },\n      },\n    },\n  },\n\n  Grid: {\n    ai: {\n      instructions: `Grid component for multi-column card/item layouts.\n\nPURPOSE:\n- Display items in a responsive grid\n- Feature cards, team members, product listings\n- Image galleries, testimonial grids\n\nUSAGE GUIDELINES:\n- Use for 2-4 column layouts with equal-width items\n- Grid automatically stacks to single column on mobile\n- NEVER place Section inside Grid\n\nCOMMON PATTERNS:\n- Feature Grid: Grid (3 columns) > Card + Card + Card\n- Team Grid: Grid (4 columns) > Card + Card + Card + Card\n- Pricing Grid: Grid (3 columns) > Card (pricing tier) x 3\n- Gallery: Grid (2-3 columns) > Image + Image + Image\n\nRECOMMENDED VALUES:\n- numColumns: 2 (comparison), 3 (features/pricing), 4 (team/gallery)\n- gap: 16 (tight), 24 (comfortable), 32 (spacious)\n\nCOMPOSITION:\n- Section > Grid > Cards (for feature/team sections)\n- Section > Heading + Grid > Items (for titled grid sections)`,\n    },\n    fields: {\n      content: {\n        ai: {\n          required: true,\n          instructions:\n            'Slot for child components (usually Cards). Cannot contain Section components.',\n        },\n      },\n      numColumns: {\n        ai: {\n          instructions: 'Number of columns (1-12). Common: 2, 3, or 4. Default: 3.',\n        },\n      },\n      gap: {\n        ai: {\n          instructions: 'Space between grid items in pixels. Common: 16, 24, 32. Default: 16.',\n        },\n      },\n      semanticElement: {\n        ai: {\n          instructions: \"'div' (default), 'ul' or 'ol' for list semantics.\",\n        },\n      },\n      background: {\n        ai: {\n          instructions: `Background for the grid container. Use for grouped content with visual emphasis.\nExample: { type: 'solid', solid: { hex: '#fafafa' } }`,\n          schema: backgroundSchema,\n        },\n      },\n      border: {\n        ai: {\n          instructions: `Border styling for the grid container.\nExample: { style: 'solid', width: 1, color: { hex: '#e5e7eb' }, radius: 16, sides: { top: true, right: true, bottom: true, left: true } }`,\n          schema: borderSchema,\n        },\n      },\n      customPadding: {\n        ai: {\n          instructions: `Padding inside the grid container.\nExample: { xs: { top: 24, right: 24, bottom: 24, left: 24, unit: 'px', linked: true } }`,\n          schema: responsivePaddingSchema,\n        },\n      },\n      margin: {\n        ai: {\n          instructions: `Margin outside the grid container.\nExample: { xs: { top: 0, right: 0, bottom: 24, left: 0, unit: 'px', linked: false } }`,\n          schema: responsivePaddingSchema,\n        },\n      },\n      dimensions: {\n        ai: {\n          instructions: `Width/height constraints for the grid container.\nExample: { xs: { mode: 'contained', maxWidth: { value: 1000, unit: 'px', enabled: true }, alignment: 'center' } }`,\n          schema: responsiveDimensionsSchema,\n        },\n      },\n      animation: {\n        ai: {\n          instructions: `Entrance animation for the grid container. Use for key content groups.\nExample: { mode: 'preset', entrance: 'fade-up', entranceDuration: 500, triggerOnScroll: true, triggerOnce: true }`,\n          schema: animationSchema,\n        },\n      },\n      visibility: {\n        ai: {\n          instructions: `Show/hide at different breakpoints.\nExample: { xs: true, sm: true, md: true, lg: true, xl: true }`,\n          schema: visibilitySchema,\n        },\n      },\n    },\n  },\n\n  Spacer: {\n    ai: {\n      instructions: `Spacer component for adding vertical/horizontal space.\n\nPURPOSE:\n- Add breathing room between components\n- Create visual separation without borders\n- Fine-tune spacing beyond component margins\n\nUSAGE GUIDELINES:\n- Use sparingly - prefer component margin/padding when possible\n- Good for adding extra space between sections or within sections\n- Available sizes: 8, 16, 24, 32, 48, 64, 80, 96, 128 pixels\n\nWHEN TO USE:\n- Extra space between a heading and content\n- Separation between distinct content groups\n- When section padding alone isn't enough\n\nWHEN NOT TO USE:\n- Don't overuse - proper component spacing should suffice\n- Not for separating sections (use Section padding instead)`,\n    },\n    fields: {\n      size: {\n        ai: {\n          instructions:\n            'Space in pixels: 8, 16, 24, 32 (small), 48, 64 (medium), 80, 96, 128 (large).',\n        },\n      },\n      direction: {\n        ai: {\n          instructions: \"'vertical' (default), 'horizontal', or 'both'.\",\n        },\n      },\n    },\n  },\n}\n\n/**\n * Layout component names for reference\n */\nexport const layoutComponents = ['Section', 'Container', 'Flex', 'Grid', 'Spacer'] as const\n"],"names":["backgroundSchema","borderSchema","responsivePaddingSchema","responsiveDimensionsSchema","animationSchema","visibilitySchema","justifyContentSchema","alignItemsSchema","layoutInstructions","Section","ai","instructions","fields","content","required","semanticElement","id","sectionBackground","schema","sectionPadding","sectionMargin","contentDimensions","contentBackground","contentPadding","contentBorder","animation","visibility","Container","background","border","padding","dimensions","margin","Flex","direction","justifyContent","alignItems","gap","wrap","customPadding","Grid","numColumns","Spacer","size","layoutComponents"],"mappings":"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"}