@delmaredigital/payload-puck 0.6.12 → 0.6.13

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

@@ -6,8 +6,7 @@ import { alignmentSchema, transformSchema } from './schemas.js';
  * - Image and Template component usage
  * - Limitations (AI cannot select from media library)
  * - When and how to use these components
- */
-export const mediaInstructions = {
+ */ export const mediaInstructions = {
     Image: {
         ai: {
             instructions: `Image component for displaying images from the media library.
@@ -42,48 +41,48 @@ COMPOSITION:
 - Section > Image (for full-width hero images)
 - Card > Image (automatically uses card's image field)
 - Grid > Image + Image + Image (for galleries)
-- Flex (row) > Image + Content (for side-by-side layouts)`,
+- Flex (row) > Image + Content (for side-by-side layouts)`
         },
         fields: {
             image: {
                 ai: {
                     exclude: true,
-                    instructions: 'AI cannot select images from media library. Leave this for users to fill in.',
-                },
+                    instructions: 'AI cannot select images from media library. Leave this for users to fill in.'
+                }
             },
             alt: {
                 ai: {
-                    instructions: 'Descriptive alt text for accessibility. Describe what the image should show, e.g., "Team members collaborating in modern office".',
-                },
+                    instructions: 'Descriptive alt text for accessibility. Describe what the image should show, e.g., "Team members collaborating in modern office".'
+                }
             },
             aspectRatio: {
                 ai: {
-                    instructions: "'auto', '1:1' (square), '16:9' (widescreen), '4:3' (traditional), '3:2' (photo). Use '16:9' for hero images, '1:1' for avatars.",
-                },
+                    instructions: "'auto', '1:1' (square), '16:9' (widescreen), '4:3' (traditional), '3:2' (photo). Use '16:9' for hero images, '1:1' for avatars."
+                }
             },
             link: {
                 ai: {
-                    instructions: 'Optional URL to make image clickable.',
-                },
+                    instructions: 'Optional URL to make image clickable.'
+                }
             },
             openInNewTab: {
                 ai: {
-                    instructions: "'yes' or 'no'. Only relevant if link is provided.",
-                },
+                    instructions: "'yes' or 'no'. Only relevant if link is provided."
+                }
             },
             alignment: {
                 ai: {
                     instructions: "'left', 'center' (default), or 'right'.",
-                    schema: alignmentSchema,
-                },
+                    schema: alignmentSchema
+                }
             },
             transform: {
                 ai: {
                     instructions: `CSS transforms. Usually leave unset for images.`,
-                    schema: transformSchema,
-                },
-            },
-        },
+                    schema: transformSchema
+                }
+            }
+        }
     },
     Template: {
         ai: {
@@ -112,25 +111,28 @@ WHEN NOT TO USE:
 
 RECOMMENDATION:
 In most cases, build sections directly using Section, Flex, Grid, and other components
-rather than relying on Template placeholders that users must configure later.`,
+rather than relying on Template placeholders that users must configure later.`
         },
         fields: {
             templateId: {
                 ai: {
                     exclude: true,
-                    instructions: 'AI cannot select templates from the library. Leave for users to fill in.',
-                },
+                    instructions: 'AI cannot select templates from the library. Leave for users to fill in.'
+                }
             },
             content: {
                 ai: {
-                    instructions: 'Slot for template content. Usually auto-populated from selected template.',
-                },
-            },
-        },
-    },
+                    instructions: 'Slot for template content. Usually auto-populated from selected template.'
+                }
+            }
+        }
+    }
 };
 /**
  * Media component names for reference
- */
-export const mediaComponents = ['Image', 'Template'];
+ */ export const mediaComponents = [
+    'Image',
+    'Template'
+];
+
 //# sourceMappingURL=media.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"media.js","sourceRoot":"","sources":["../../../../src/ai/presets/instructions/media.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAE/D;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAyB;IACrD,KAAK,EAAE;QACL,EAAE,EAAE;YACF,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0DAgCsC;SACrD;QACD,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,EAAE,EAAE;oBACF,OAAO,EAAE,IAAI;oBACb,YAAY,EACV,8EAA8E;iBACjF;aACF;YACD,GAAG,EAAE;gBACH,EAAE,EAAE;oBACF,YAAY,EACV,mIAAmI;iBACtI;aACF;YACD,WAAW,EAAE;gBACX,EAAE,EAAE;oBACF,YAAY,EACV,iIAAiI;iBACpI;aACF;YACD,IAAI,EAAE;gBACJ,EAAE,EAAE;oBACF,YAAY,EAAE,uCAAuC;iBACtD;aACF;YACD,YAAY,EAAE;gBACZ,EAAE,EAAE;oBACF,YAAY,EAAE,mDAAmD;iBAClE;aACF;YACD,SAAS,EAAE;gBACT,EAAE,EAAE;oBACF,YAAY,EAAE,yCAAyC;oBACvD,MAAM,EAAE,eAAe;iBACxB;aACF;YACD,SAAS,EAAE;gBACT,EAAE,EAAE;oBACF,YAAY,EAAE,iDAAiD;oBAC/D,MAAM,EAAE,eAAe;iBACxB;aACF;SACF;KACF;IAED,QAAQ,EAAE;QACR,EAAE,EAAE;YACF,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;8EAyB0D;SACzE;QACD,MAAM,EAAE;YACN,UAAU,EAAE;gBACV,EAAE,EAAE;oBACF,OAAO,EAAE,IAAI;oBACb,YAAY,EACV,0EAA0E;iBAC7E;aACF;YACD,OAAO,EAAE;gBACP,EAAE,EAAE;oBACF,YAAY,EAAE,2EAA2E;iBAC1F;aACF;SACF;KACF;CACF,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAO,EAAE,UAAU,CAAU,CAAA"}
+{"version":3,"sources":["../../../../src/ai/presets/instructions/media.ts"],"sourcesContent":["import type { ComponentAiOverrides } from '../../types.js'\nimport { alignmentSchema, transformSchema } from './schemas.js'\n\n/**\n * Comprehensive AI instructions for media components\n *\n * These instructions teach the AI:\n * - Image and Template component usage\n * - Limitations (AI cannot select from media library)\n * - When and how to use these components\n */\nexport const mediaInstructions: ComponentAiOverrides = {\n  Image: {\n    ai: {\n      instructions: `Image component for displaying images from the media library.\n\nPURPOSE:\n- Hero background images\n- Feature illustrations\n- Product photos\n- Team member avatars\n- Gallery images\n\nIMPORTANT LIMITATION:\nAI cannot select actual images from the media library. When generating pages:\n- The Image component can be placed in the layout\n- Users must manually select the image from the media library afterward\n- AI can suggest appropriate alt text describing what image should be there\n\nASPECT RATIOS:\n- 'auto': Original image proportions\n- '1:1': Square (avatars, product thumbnails)\n- '16:9': Widescreen (hero images, video thumbnails)\n- '4:3': Traditional (photos, cards)\n- '3:2': Photography standard\n\nUSAGE PATTERNS:\n- Hero Image: 16:9 ratio, full width\n- Team Avatar: 1:1 ratio, smaller dimensions\n- Product Photo: 4:3 or 1:1 ratio\n- Gallery Image: auto or 4:3 ratio\n\nCOMPOSITION:\n- Section > Image (for full-width hero images)\n- Card > Image (automatically uses card's image field)\n- Grid > Image + Image + Image (for galleries)\n- Flex (row) > Image + Content (for side-by-side layouts)`,\n    },\n    fields: {\n      image: {\n        ai: {\n          exclude: true,\n          instructions:\n            'AI cannot select images from media library. Leave this for users to fill in.',\n        },\n      },\n      alt: {\n        ai: {\n          instructions:\n            'Descriptive alt text for accessibility. Describe what the image should show, e.g., \"Team members collaborating in modern office\".',\n        },\n      },\n      aspectRatio: {\n        ai: {\n          instructions:\n            \"'auto', '1:1' (square), '16:9' (widescreen), '4:3' (traditional), '3:2' (photo). Use '16:9' for hero images, '1:1' for avatars.\",\n        },\n      },\n      link: {\n        ai: {\n          instructions: 'Optional URL to make image clickable.',\n        },\n      },\n      openInNewTab: {\n        ai: {\n          instructions: \"'yes' or 'no'. Only relevant if link is provided.\",\n        },\n      },\n      alignment: {\n        ai: {\n          instructions: \"'left', 'center' (default), or 'right'.\",\n          schema: alignmentSchema,\n        },\n      },\n      transform: {\n        ai: {\n          instructions: `CSS transforms. Usually leave unset for images.`,\n          schema: transformSchema,\n        },\n      },\n    },\n  },\n\n  Template: {\n    ai: {\n      instructions: `Template component for inserting saved page templates.\n\nPURPOSE:\n- Reuse common page sections across pages\n- Insert pre-built layouts\n- Maintain consistency across pages\n\nIMPORTANT LIMITATION:\nAI cannot select actual templates from the template library. When generating pages:\n- The Template component can be placed in the layout\n- Users must manually select the template afterward\n- Consider building sections directly instead of using Template placeholders\n\nWHEN TO USE:\n- When a pre-built section exists that matches the need\n- For complex layouts that have been saved as templates\n- For maintaining brand consistency\n\nWHEN NOT TO USE:\n- When building a custom section is more appropriate\n- When the needed layout doesn't exist as a template\n- For simple sections that can be built quickly\n\nRECOMMENDATION:\nIn most cases, build sections directly using Section, Flex, Grid, and other components\nrather than relying on Template placeholders that users must configure later.`,\n    },\n    fields: {\n      templateId: {\n        ai: {\n          exclude: true,\n          instructions:\n            'AI cannot select templates from the library. Leave for users to fill in.',\n        },\n      },\n      content: {\n        ai: {\n          instructions: 'Slot for template content. Usually auto-populated from selected template.',\n        },\n      },\n    },\n  },\n}\n\n/**\n * Media component names for reference\n */\nexport const mediaComponents = ['Image', 'Template'] as const\n"],"names":["alignmentSchema","transformSchema","mediaInstructions","Image","ai","instructions","fields","image","exclude","alt","aspectRatio","link","openInNewTab","alignment","schema","transform","Template","templateId","content","mediaComponents"],"mappings":"AACA,SAASA,eAAe,EAAEC,eAAe,QAAQ,eAAc;AAE/D;;;;;;;CAOC,GACD,OAAO,MAAMC,oBAA0C;IACrDC,OAAO;QACLC,IAAI;YACFC,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yDAgCoC,CAAC;QACtD;QACAC,QAAQ;YACNC,OAAO;gBACLH,IAAI;oBACFI,SAAS;oBACTH,cACE;gBACJ;YACF;YACAI,KAAK;gBACHL,IAAI;oBACFC,cACE;gBACJ;YACF;YACAK,aAAa;gBACXN,IAAI;oBACFC,cACE;gBACJ;YACF;YACAM,MAAM;gBACJP,IAAI;oBACFC,cAAc;gBAChB;YACF;YACAO,cAAc;gBACZR,IAAI;oBACFC,cAAc;gBAChB;YACF;YACAQ,WAAW;gBACTT,IAAI;oBACFC,cAAc;oBACdS,QAAQd;gBACV;YACF;YACAe,WAAW;gBACTX,IAAI;oBACFC,cAAc,CAAC,+CAA+C,CAAC;oBAC/DS,QAAQb;gBACV;YACF;QACF;IACF;IAEAe,UAAU;QACRZ,IAAI;YACFC,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;6EAyBwD,CAAC;QAC1E;QACAC,QAAQ;YACNW,YAAY;gBACVb,IAAI;oBACFI,SAAS;oBACTH,cACE;gBACJ;YACF;YACAa,SAAS;gBACPd,IAAI;oBACFC,cAAc;gBAChB;YACF;QACF;IACF;AACF,EAAC;AAED;;CAEC,GACD,OAAO,MAAMc,kBAAkB;IAAC;IAAS;CAAW,CAAS"}

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

@@ -4,14 +4,12 @@
  * This module provides comprehensive guidance on how to compose
  * components into complete pages and sections. This context is
  * injected into the AI system prompt to enable intelligent page generation.
- */
-/**
+ */ /**
  * Comprehensive page composition patterns for AI
  *
  * This string is intended to be added to the AI system context
  * to teach it how to build complete, well-structured pages.
- */
-export const pagePatternContext = `
+ */ export const pagePatternContext = `
 ## Page Composition Guidelines
 
 When creating pages, follow these patterns to build professional, well-structured layouts.
@@ -255,8 +253,7 @@ CONTENT WIDTH:
 /**
  * Condensed reference for component field names
  * Useful as a quick reference in AI context
- */
-export const componentFieldReference = `
+ */ export const componentFieldReference = `
 ## Quick Field Reference
 
 BUTTON: text (required), link (required), variant (default/secondary/outline), size (sm/default/lg), openInNewTab (yes/no)
@@ -287,4 +284,5 @@ DIVIDER: style (solid/dashed/dotted)
 
 IMAGE: image (user selects), alt, aspectRatio (auto/1:1/16:9/4:3/3:2), link
 `;
+
 //# sourceMappingURL=pagePatterns.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"pagePatterns.js","sourceRoot":"","sources":["../../../../src/ai/presets/instructions/pagePatterns.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;;;GAKG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgPjC,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BtC,CAAA"}
+{"version":3,"sources":["../../../../src/ai/presets/instructions/pagePatterns.ts"],"sourcesContent":["/**\n * Page Patterns - System context for AI page generation\n *\n * This module provides comprehensive guidance on how to compose\n * components into complete pages and sections. This context is\n * injected into the AI system prompt to enable intelligent page generation.\n */\n\n/**\n * Comprehensive page composition patterns for AI\n *\n * This string is intended to be added to the AI system context\n * to teach it how to build complete, well-structured pages.\n */\nexport const pagePatternContext = `\n## Page Composition Guidelines\n\nWhen creating pages, follow these patterns to build professional, well-structured layouts.\n\n### Page Structure Fundamentals\n\nEVERY page should be composed of multiple Section components at the root level:\n- Pages are built by stacking Section components vertically\n- Each Section represents a distinct content area\n- Sections should NOT be nested inside other Sections\n- Use Flex and Grid INSIDE Sections for layout\n\n### Hero Section Pattern\n\nThe hero is typically the first section on a landing page.\n\nSTRUCTURE:\n\\`\\`\\`\nSection (with sectionPadding, optional sectionBackground)\n  └─ Flex (direction: column, alignItems: center, gap: 24)\n      ├─ Heading (level: h1, alignment: center) - Main headline\n      ├─ Text (size: lg, alignment: center) - Subheadline/description\n      └─ Flex (direction: row, gap: 16, justifyContent: center) - CTA buttons\n          ├─ Button (variant: default, size: lg) - Primary CTA\n          └─ Button (variant: outline) - Secondary CTA\n\\`\\`\\`\n\nVARIATIONS:\n- Minimal: Just Heading + Button\n- Standard: Heading + Text + Button(s)\n- Full: Heading + Text + Buttons + Image below\n\n### Features Section Pattern\n\nShowcase features, services, or benefits.\n\nSTRUCTURE:\n\\`\\`\\`\nSection (light or white background)\n  ├─ Flex (direction: column, alignItems: center, gap: 16)\n  │   ├─ Heading (level: h2, alignment: center) - Section title\n  │   └─ Text (alignment: center) - Section description\n  └─ Grid (numColumns: 3, gap: 24)\n      ├─ Card (heading + text, no image)\n      ├─ Card\n      └─ Card\n\\`\\`\\`\n\nVARIATIONS:\n- 2 columns for comparison features\n- 3 columns for standard features (most common)\n- 4 columns for icon-style features\n\n### Testimonials Section Pattern\n\nSocial proof with customer quotes.\n\nSTRUCTURE:\n\\`\\`\\`\nSection (subtle background color for contrast)\n  ├─ Heading (level: h2, alignment: center) - \"What Our Customers Say\"\n  └─ Grid (numColumns: 2 or 3, gap: 24)\n      ├─ Card (text: quote, heading: name + role)\n      ├─ Card\n      └─ Card\n\\`\\`\\`\n\n### FAQ Section Pattern\n\nFrequently asked questions with expandable answers.\n\nSTRUCTURE:\n\\`\\`\\`\nSection\n  └─ Container (for constrained width)\n      ├─ Heading (level: h2, alignment: center) - \"Frequently Asked Questions\"\n      └─ Accordion (items array with questions/answers)\n\\`\\`\\`\n\n### CTA (Call-to-Action) Section Pattern\n\nFinal conversion section, often with contrasting background.\n\nSTRUCTURE:\n\\`\\`\\`\nSection (contrasting sectionBackground color)\n  └─ Flex (direction: column, alignItems: center, gap: 24)\n      ├─ Heading (level: h2, alignment: center) - Compelling headline\n      ├─ Text (alignment: center) - Supporting message\n      └─ Button (variant: default, size: lg) - Single strong CTA\n\\`\\`\\`\n\n### About Section Pattern\n\nCompany or personal introduction.\n\nSTRUCTURE:\n\\`\\`\\`\nSection\n  └─ Flex (direction: row, gap: 48, alignItems: center)\n      ├─ Image (aspectRatio: 4:3) - Team photo or illustration\n      └─ Flex (direction: column, gap: 16)\n          ├─ Heading (level: h2)\n          ├─ Text or RichText\n          └─ Button (optional)\n\\`\\`\\`\n\n### Team Section Pattern\n\nTeam members or leadership profiles.\n\nSTRUCTURE:\n\\`\\`\\`\nSection\n  ├─ Heading (level: h2, alignment: center) - \"Meet Our Team\"\n  └─ Grid (numColumns: 3 or 4, gap: 24)\n      ├─ Card (image: avatar, heading: name, text: role)\n      ├─ Card\n      ├─ Card\n      └─ Card\n\\`\\`\\`\n\n### Pricing Section Pattern\n\nPricing tiers or plans.\n\nSTRUCTURE:\n\\`\\`\\`\nSection\n  ├─ Flex (direction: column, alignItems: center)\n  │   ├─ Heading (level: h2, alignment: center) - \"Simple Pricing\"\n  │   └─ Text (alignment: center) - \"Choose the plan that works for you\"\n  └─ Grid (numColumns: 3, gap: 24)\n      ├─ Card (heading: plan name, text: price + features)\n      ├─ Card (featured tier)\n      └─ Card\n\\`\\`\\`\n\n---\n\n## Page Type Templates\n\n### Landing Page Structure\n1. Hero Section (headline, subheadline, CTA buttons)\n2. Features Section (3-column grid of benefit cards)\n3. About/How It Works Section (image + text side-by-side)\n4. Testimonials Section (2-3 customer quotes)\n5. FAQ Section (common questions in accordion)\n6. CTA Section (final conversion push)\n\n### About Page Structure\n1. Hero Section (company name, mission statement)\n2. Story Section (company history/journey)\n3. Values Section (3-4 core values in cards)\n4. Team Section (team member grid)\n5. CTA Section (contact or join us)\n\n### Services Page Structure\n1. Hero Section (services overview)\n2. Services Grid (3-4 service cards)\n3. Process Section (how you work)\n4. Testimonials (client success stories)\n5. CTA Section (get started)\n\n### Contact Page Structure\n1. Hero Section (contact headline)\n2. Contact Info Section (address, phone, email)\n3. FAQ Section (common questions)\n\n---\n\n## Typography Hierarchy Rules\n\nHEADING LEVELS:\n- h1: Page title in hero (ONE per page maximum)\n- h2: Major section headings\n- h3: Card titles, subsection headings\n- h4-h6: Rarely needed, for deeply nested content\n\nTEXT SIZES:\n- xl/lg: Hero subtitles, important callouts\n- base: Body text, descriptions (default)\n- sm: Secondary text, captions\n- xs: Legal text, fine print\n\n---\n\n## Spacing Guidelines\n\nSECTION PADDING (sectionPadding):\n- Hero sections: 80-96px top/bottom\n- Standard sections: 48-64px top/bottom\n- Dense sections: 32-48px top/bottom\n\nCOMPONENT GAP:\n- Tight: 8px (buttons in a compact row)\n- Compact: 16px (related elements)\n- Comfortable: 24px (card grids, flex items)\n- Spacious: 32-48px (section content groups)\n\nGRID GAP:\n- Cards: 24px typical\n- Compact grid: 16px\n- Spacious grid: 32px\n\n---\n\n## Color & Background Strategy\n\nUse sectionBackground to create visual hierarchy and professional appearance.\n\nSECTION BACKGROUND PATTERNS:\n- Hero Section: Dark or gradient background to create impact\n- Features/Content: Light or white background\n- Testimonials: Subtle contrasting background\n- CTA Section: Brand color or contrasting background\n- Alternating: Switch between white and light gray for visual rhythm\n\nVISUAL RHYTHM:\n- Alternate section backgrounds to create clear visual separation\n- Hero sections typically have bold backgrounds (dark, gradient, or brand color)\n- Content sections typically have light/white backgrounds\n- CTA sections often use brand colors for emphasis\n\n---\n\n## Responsive Considerations\n\nGRID BEHAVIOR:\n- Grid automatically stacks to single column on mobile\n- Plan content to work in both multi-column and stacked views\n\nFLEX BEHAVIOR:\n- Row layouts wrap on narrow screens\n- Consider how button groups will stack\n\nCONTENT WIDTH:\n- Section content constrained to ~1200px max-width by default\n- Text-heavy sections might use narrower (800-900px) constraint\n`\n\n/**\n * Condensed reference for component field names\n * Useful as a quick reference in AI context\n */\nexport const componentFieldReference = `\n## Quick Field Reference\n\nBUTTON: text (required), link (required), variant (default/secondary/outline), size (sm/default/lg), openInNewTab (yes/no)\n\nCARD: heading (required), text, image (user selects), link, shadow (none/sm/md/lg/xl)\n\nHEADING: text (required), level (h1-h6), alignment (left/center/right)\n\nTEXT: content (required), size (xs/sm/base/lg/xl), alignment (left/center/right)\n\nRICHTEXT: content (required, HTML string)\n\nACCORDION: items (array of {title, content, defaultOpen}), allowMultiple (yes/no)\n\nSECTION: content (slot), semanticElement, id, sectionBackground, sectionPadding\n  - sectionBackground: { type: 'solid', solid: { hex, opacity? } } or { type: 'gradient', gradient: { type, angle, stops } }\n  - sectionPadding: { xs: { top, right, bottom, left, unit: 'px', linked: boolean } }\n\nFLEX: content (slot), direction (row/column), justifyContent, alignItems, gap (number), wrap (wrap/nowrap)\n  - justifyContent: 'flex-start' | 'center' | 'flex-end' | 'space-between'\n  - alignItems: 'flex-start' | 'center' | 'flex-end' | 'stretch'\n\nGRID: content (slot), numColumns (1-12), gap (number)\n\nSPACER: size (8/16/24/32/48/64/80/96/128), direction (vertical/horizontal/both)\n\nDIVIDER: style (solid/dashed/dotted)\n\nIMAGE: image (user selects), alt, aspectRatio (auto/1:1/16:9/4:3/3:2), link\n`\n"],"names":["pagePatternContext","componentFieldReference"],"mappings":"AAAA;;;;;;CAMC,GAED;;;;;CAKC,GACD,OAAO,MAAMA,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgPnC,CAAC,CAAA;AAED;;;CAGC,GACD,OAAO,MAAMC,0BAA0B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BxC,CAAC,CAAA"}