@upstart.gg/sdk 0.0.133 → 0.0.135

package/dist/shared/{chunk-WYVJE6J5.js.map → chunk-GCQURRVB.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/shared/bricks/manifests/images-gallery.manifest.ts"],"sourcesContent":["import { Type } from \"@sinclair/typebox\";\nimport { IoGridOutline } from \"react-icons/io5\";\nimport { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { imageRef } from \"../props/image\";\nimport { string } from \"../props/string\";\nimport type { BrickProps } from \"../props/types\";\nimport { colorPresetRef } from \"../props/color-preset\";\nimport { borderRef, roundingRef } from \"../props/border\";\nimport { loopRef } from \"../props/dynamic\";\nimport { cssLengthRef } from \"../props/css-length\";\n\nexport const manifest = defineBrickManifest({\n  type: \"images-gallery\",\n  name: \"Gallery\",\n  category: \"media\",\n  description: \"Displays an images collection.\",\n  aiInstructions:\n    \"This brick should mostly be used for image galleries. Prefer using card bricks for product showcases, articles lists with images, or other collections.\",\n  consumesMultipleQueryRows: true,\n  defaultInspectorTab: \"content\",\n  isContainer: false,\n  minHeight: {\n    desktop: 200,\n  },\n  minWidth: {\n    desktop: 300,\n  },\n  defaultWidth: {\n    desktop: \"400px\",\n    mobile: \"100%\",\n  },\n  icon: IoGridOutline,\n  props: defineProps({\n    colorPreset: Type.Optional(\n      colorPresetRef({\n        title: \"Color\",\n      }),\n    ),\n    loop: Type.Optional(loopRef()),\n    images: Type.Array(\n      Type.Object({\n        image: imageRef({\n          \"ui:responsive\": \"desktop\",\n          \"ui:no-alt-text\": true,\n          \"ui:no-object-options\": true,\n          \"ui:placeholder\": \"https://example.com/image.jpg\",\n        }),\n        legend: Type.Optional(string(\"Legend\")),\n      }),\n      {\n        title: \"Images\",\n        default: [],\n        maxItems: 12,\n        metadata: {\n          category: \"content\",\n          consumeQuery: true,\n        },\n        examples: [\n          {\n            image: { src: \"https://via.placeholder.com/300x200.png?text=Image+1\" },\n            legend: \"Image 1\",\n          },\n          {\n            image: { src: \"https://via.placeholder.com/300x200.png?text=Image+2\" },\n            legend: \"Image 2\",\n          },\n          {\n            image: { src: \"https://via.placeholder.com/300x200.png?text=Image+3\" },\n            legend: \"Image 3\",\n          },\n        ],\n      },\n    ),\n    columns: Type.Optional(\n      Type.Number({\n        title: \"Columns\",\n        description:\n          \"Number of columns. Only applies to desktop screens. On mobile, it will always display 1 column.\",\n        minimum: 1,\n        maximum: 6,\n        default: 3,\n        \"ui:field\": \"slider\",\n        \"ui:responsive\": \"desktop\",\n      }),\n    ),\n    gap: Type.Optional(\n      cssLengthRef({\n        title: \"Gap\",\n        description: \"The gap between the images.\",\n        default: \"1rem\",\n        \"ui:styleId\": \"styles:gap\",\n      }),\n    ),\n    padding: Type.Optional(\n      cssLengthRef({\n        default: \"3rem\",\n        description: \"Padding inside the gallery.\",\n        \"ai:instructions\": \"Use only a single value like '1rem' or '10px'\",\n        title: \"Padding\",\n        \"ui:responsive\": true,\n        \"ui:placeholder\": \"Not specified\",\n        \"ui:styleId\": \"styles:padding\",\n      }),\n    ),\n    rounding: Type.Optional(roundingRef()),\n    border: Type.Optional(borderRef()),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: {\n  description: string;\n  type: string;\n  props: BrickProps<Manifest>[\"brick\"][\"props\"];\n}[] = [\n  {\n    description: \"Product portfolio gallery (3-column grid)\",\n    type: \"images-gallery\",\n    props: {\n      columns: 3,\n      gap: \"2.5rem\",\n      padding: \"p-4\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x400.png?text=Product+1\",\n          },\n          legend: \"Premium wireless headphones\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x400.png?text=Product+2\",\n          },\n          legend: \"Bluetooth speaker\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x400.png?text=Product+3\",\n          },\n          legend: \"Smart fitness tracker\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x400.png?text=Product+4\",\n          },\n          legend: \"Wireless charging pad\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Team photos gallery (4-column grid), light neutral background\",\n    type: \"images-gallery\",\n    props: {\n      columns: 4,\n      gap: \"1rem\",\n      padding: \"p-6\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=CEO\",\n          },\n          legend: \"Sarah Johnson - Chief Executive Officer\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=CTO\",\n          },\n          legend: \"Mike Chen - Chief Technology Officer\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Design\",\n          },\n          legend: \"Emily Rodriguez - Head of Design\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Marketing\",\n          },\n          legend: \"David Park - Marketing Director\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Sales\",\n          },\n          legend: \"Lisa Wong - Sales Manager\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Support\",\n          },\n          legend: \"Alex Thompson - Customer Support Lead\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Dev\",\n          },\n          legend: \"Carlos Martinez - Senior Developer\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=HR\",\n          },\n          legend: \"Jennifer Adams - HR Specialist\",\n        },\n      ],\n      colorPreset: {\n        color: \"neutral-100\",\n      },\n    },\n  },\n  {\n    description: \"Project showcase (2-column grid with larger spacing)\",\n    type: \"images-gallery\",\n    props: {\n      columns: 2,\n      gap: \"1rem\",\n      padding: \"p-6\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/600x400.png?text=Website+Redesign\",\n          },\n          legend: \"Modern e-commerce website redesign project\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/600x400.png?text=Mobile+App\",\n          },\n          legend: \"iOS and Android mobile application\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/600x400.png?text=Brand+Identity\",\n          },\n          legend: \"Complete brand identity design package\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/600x400.png?text=Dashboard+UI\",\n          },\n          legend: \"Analytics dashboard user interface\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Event photos gallery with tight spacing and minimal padding\",\n    type: \"images-gallery\",\n    props: {\n      columns: 4,\n      gap: \"1rem\",\n      padding: \"p-6\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/250x180.png?text=Opening\",\n          },\n          legend: \"Conference opening ceremony\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/250x180.png?text=Keynote\",\n          },\n          legend: \"Keynote presentation\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/250x180.png?text=Workshop\",\n          },\n          legend: \"Technical workshop session\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/250x180.png?text=Networking\",\n          },\n          legend: \"Networking lunch break\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/250x180.png?text=Panel\",\n          },\n          legend: \"Expert panel discussion\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/250x180.png?text=Awards\",\n          },\n          legend: \"Awards ceremony\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Photography portfolio with single column layout and primary background\",\n    type: \"images-gallery\",\n    props: {\n      columns: 1,\n      gap: \"3rem\",\n      padding: \"4rem\",\n      colorPreset: {\n        color: \"primary-50\",\n      },\n      rounding: \"rounded-lg\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/800x600.png?text=Landscape+1\",\n          },\n          legend: \"Mountain sunrise landscape photography\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/800x600.png?text=Portrait+1\",\n          },\n          legend: \"Professional business portrait session\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/800x600.png?text=Architecture+1\",\n          },\n          legend: \"Modern architectural photography\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Real estate property gallery with secondary colors and borders\",\n    type: \"images-gallery\",\n    props: {\n      columns: 3,\n      gap: \"1.5rem\",\n      padding: \"2rem\",\n      colorPreset: {\n        color: \"secondary-100\",\n      },\n      border: {\n        width: \"border\",\n        color: \"border-secondary-300\",\n      },\n      rounding: \"rounded-xl\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x300.png?text=Living+Room\",\n          },\n          legend: \"Spacious living room with natural light\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x300.png?text=Kitchen\",\n          },\n          legend: \"Modern kitchen with granite countertops\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x300.png?text=Master+Bedroom\",\n          },\n          legend: \"Master bedroom with walk-in closet\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x300.png?text=Bathroom\",\n          },\n          legend: \"Luxury bathroom with marble finishes\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x300.png?text=Backyard\",\n          },\n          legend: \"Private backyard with pool\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x300.png?text=Garage\",\n          },\n          legend: \"Two-car garage with storage\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Restaurant food gallery with 5-column grid and accent colors\",\n    type: \"images-gallery\",\n    props: {\n      columns: 5,\n      gap: \"0.75rem\",\n      padding: \"1.5rem\",\n      colorPreset: {\n        color: \"accent-200\",\n      },\n      rounding: \"rounded-md\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Appetizer\",\n          },\n          legend: \"Bruschetta with fresh tomatoes\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Soup\",\n          },\n          legend: \"Creamy mushroom bisque\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Salad\",\n          },\n          legend: \"Mediterranean quinoa salad\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Main+Course\",\n          },\n          legend: \"Grilled salmon with herbs\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Dessert\",\n          },\n          legend: \"Chocolate lava cake\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Beverage\",\n          },\n          legend: \"Artisan coffee selection\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Pasta\",\n          },\n          legend: \"Homemade fettuccine alfredo\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Pizza\",\n          },\n          legend: \"Wood-fired margherita pizza\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Art gallery exhibition with 6-column grid and minimal styling\",\n    type: \"images-gallery\",\n    props: {\n      columns: 6,\n      gap: \"0.5rem\",\n      padding: \"1rem\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/200x250.png?text=Abstract+1\",\n          },\n          legend: \"Abstract composition #1\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/200x250.png?text=Portrait+Art\",\n          },\n          legend: \"Contemporary portrait\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/200x250.png?text=Landscape+Art\",\n          },\n          legend: \"Impressionist landscape\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/200x250.png?text=Still+Life\",\n          },\n          legend: \"Modern still life\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/200x250.png?text=Sculpture\",\n          },\n          legend: \"Bronze sculpture piece\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/200x250.png?text=Digital+Art\",\n          },\n          legend: \"Digital artwork collection\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/200x250.png?text=Mixed+Media\",\n          },\n          legend: \"Mixed media installation\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/200x250.png?text=Photography\",\n          },\n          legend: \"Fine art photography\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/200x250.png?text=Watercolor\",\n          },\n          legend: \"Watercolor painting\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Fashion lookbook with 2-column layout and neutral dark theme\",\n    type: \"images-gallery\",\n    props: {\n      columns: 2,\n      gap: \"2rem\",\n      padding: \"3rem\",\n      colorPreset: {\n        color: \"neutral-800\",\n      },\n      border: {\n        width: \"border-2\",\n        color: \"border-neutral-600\",\n      },\n      rounding: \"rounded-2xl\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x600.png?text=Spring+Look\",\n          },\n          legend: \"Spring casual collection 2024\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x600.png?text=Summer+Look\",\n          },\n          legend: \"Summer evening wear\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x600.png?text=Business+Look\",\n          },\n          legend: \"Professional business attire\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x600.png?text=Weekend+Look\",\n          },\n          legend: \"Weekend comfort style\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x600.png?text=Formal+Look\",\n          },\n          legend: \"Formal evening collection\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x600.png?text=Street+Style\",\n          },\n          legend: \"Urban street fashion\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Travel destinations gallery with 3-column grid and no legends\",\n    type: \"images-gallery\",\n    props: {\n      columns: 3,\n      gap: \"1.25rem\",\n      padding: \"2.5rem\",\n      colorPreset: {\n        color: \"primary-100\",\n      },\n      rounding: \"rounded-lg\",\n      border: {\n        width: \"border\",\n        color: \"border-primary-200\",\n      },\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/350x250.png?text=Paris\",\n          },\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/350x250.png?text=Tokyo\",\n          },\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/350x250.png?text=New+York\",\n          },\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/350x250.png?text=London\",\n          },\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/350x250.png?text=Rome\",\n          },\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/350x250.png?text=Barcelona\",\n          },\n        },\n      ],\n    },\n  },\n  {\n    description: \"Technical equipment gallery with 4-column grid and accent styling\",\n    type: \"images-gallery\",\n    props: {\n      columns: 4,\n      gap: \"1rem\",\n      padding: \"2rem\",\n      colorPreset: {\n        color: \"accent-100\",\n      },\n      border: {\n        width: \"border-4\",\n        color: \"border-accent-400\",\n      },\n      rounding: \"rounded-xl\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Camera\",\n          },\n          legend: \"Professional DSLR camera\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Laptop\",\n          },\n          legend: \"High-performance laptop\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Microphone\",\n          },\n          legend: \"Studio recording microphone\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Monitor\",\n          },\n          legend: \"4K professional monitor\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Tablet\",\n          },\n          legend: \"Digital drawing tablet\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Speakers\",\n          },\n          legend: \"Studio monitor speakers\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Keyboard\",\n          },\n          legend: \"Mechanical keyboard\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Mouse\",\n          },\n          legend: \"Precision gaming mouse\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Minimal product showcase with large gaps and no padding\",\n    type: \"images-gallery\",\n    props: {\n      columns: 3,\n      gap: \"4rem\",\n      padding: \"0rem\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x400.png?text=Watch\",\n          },\n          legend: \"Luxury Swiss timepiece\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x400.png?text=Jewelry\",\n          },\n          legend: \"Handcrafted gold necklace\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x400.png?text=Sunglasses\",\n          },\n          legend: \"Designer sunglasses collection\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Dynamic product gallery using products query with loop\",\n    type: \"images-gallery\",\n    props: {\n      columns: 4,\n      gap: \"1.5rem\",\n      padding: \"2rem\",\n      colorPreset: {\n        color: \"primary-50\",\n      },\n      rounding: \"rounded-lg\",\n      border: {\n        width: \"border\",\n        color: \"border-primary-200\",\n      },\n      images: [\n        {\n          image: {\n            src: \"{{products.image}}\",\n          },\n          legend: \"{{products.name}} - ${{products.price}}\",\n        },\n      ],\n      loop: {\n        over: \"products\",\n      },\n    },\n  },\n  {\n    description: \"Portfolio showcase using portfolioProjects query with loop\",\n    type: \"images-gallery\",\n    props: {\n      columns: 3,\n      gap: \"2rem\",\n      padding: \"3rem\",\n      colorPreset: {\n        color: \"secondary-100\",\n      },\n      rounding: \"rounded-xl\",\n      images: [\n        {\n          image: {\n            src: \"{{portfolioProjects.thumbnail}}\",\n          },\n          legend:\n            \"{{portfolioProjects.projectName}} - {{portfolioProjects.clientName}} ({{portfolioProjects.year}})\",\n        },\n      ],\n      loop: {\n        over: \"portfolioProjects\",\n      },\n    },\n  },\n  {\n    description: \"Event photo gallery using eventPhotos query with loop\",\n    type: \"images-gallery\",\n    props: {\n      columns: 5,\n      gap: \"1rem\",\n      padding: \"1.5rem\",\n      colorPreset: {\n        color: \"accent-50\",\n      },\n      border: {\n        width: \"border-2\",\n        color: \"border-accent-300\",\n      },\n      rounding: \"rounded-md\",\n      images: [\n        {\n          image: {\n            src: \"{{eventPhotos.imageUrl}}\",\n          },\n          legend: \"{{eventPhotos.caption}} - {{eventPhotos.eventDate}}\",\n        },\n      ],\n      loop: {\n        over: \"eventPhotos\",\n      },\n    },\n  },\n  {\n    description: \"Team member gallery using teamMembers query with loop\",\n    type: \"images-gallery\",\n    props: {\n      columns: 6,\n      gap: \"0.75rem\",\n      padding: \"2.5rem\",\n      colorPreset: {\n        color: \"neutral-100\",\n      },\n      rounding: \"rounded-lg\",\n      border: {\n        width: \"border\",\n        color: \"border-neutral-300\",\n      },\n      images: [\n        {\n          image: {\n            src: \"{{teamMembers.profilePhoto}}\",\n          },\n          legend: \"{{teamMembers.fullName}} - {{teamMembers.position}}\",\n        },\n      ],\n      loop: {\n        over: \"teamMembers\",\n      },\n    },\n  },\n];\n"],"mappings":";;kUAAA,OAAS,QAAAA,MAAY,oBACrB,OAAS,iBAAAC,MAAqB,kBAWvB,IAAMC,EAAWC,EAAoB,CAC1C,KAAM,iBACN,KAAM,UACN,SAAU,QACV,YAAa,iCACb,eACE,0JACF,0BAA2B,GAC3B,oBAAqB,UACrB,YAAa,GACb,UAAW,CACT,QAAS,GACX,EACA,SAAU,CACR,QAAS,GACX,EACA,aAAc,CACZ,QAAS,QACT,OAAQ,MACV,EACA,KAAMC,EACN,MAAOC,EAAY,CACjB,YAAaC,EAAK,SAChBC,EAAe,CACb,MAAO,OACT,CAAC,CACH,EACA,KAAMD,EAAK,SAASE,EAAQ,CAAC,EAC7B,OAAQF,EAAK,MACXA,EAAK,OAAO,CACV,MAAOG,EAAS,CACd,gBAAiB,UACjB,iBAAkB,GAClB,uBAAwB,GACxB,iBAAkB,+BACpB,CAAC,EACD,OAAQH,EAAK,SAASI,EAAO,QAAQ,CAAC,CACxC,CAAC,EACD,CACE,MAAO,SACP,QAAS,CAAC,EACV,SAAU,GACV,SAAU,CACR,SAAU,UACV,aAAc,EAChB,EACA,SAAU,CACR,CACE,MAAO,CAAE,IAAK,sDAAuD,EACrE,OAAQ,SACV,EACA,CACE,MAAO,CAAE,IAAK,sDAAuD,EACrE,OAAQ,SACV,EACA,CACE,MAAO,CAAE,IAAK,sDAAuD,EACrE,OAAQ,SACV,CACF,CACF,CACF,EACA,QAASJ,EAAK,SACZA,EAAK,OAAO,CACV,MAAO,UACP,YACE,kGACF,QAAS,EACT,QAAS,EACT,QAAS,EACT,WAAY,SACZ,gBAAiB,SACnB,CAAC,CACH,EACA,IAAKA,EAAK,SACRK,EAAa,CACX,MAAO,MACP,YAAa,8BACb,QAAS,OACT,aAAc,YAChB,CAAC,CACH,EACA,QAASL,EAAK,SACZK,EAAa,CACX,QAAS,OACT,YAAa,8BACb,kBAAmB,gDACnB,MAAO,UACP,gBAAiB,GACjB,iBAAkB,gBAClB,aAAc,gBAChB,CAAC,CACH,EACA,SAAUL,EAAK,SAASM,EAAY,CAAC,EACrC,OAAQN,EAAK,SAASO,EAAU,CAAC,CACnC,CAAC,CACH,CAAC,EAIYC,EAIP,CACJ,CACE,YAAa,4CACb,KAAM,iBACN,MAAO,CACL,QAAS,EACT,IAAK,SACL,QAAS,MACT,OAAQ,CACN,CACE,MAAO,CACL,IAAK,wDACP,EACA,OAAQ,6BACV,EACA,CACE,MAAO,CACL,IAAK,wDACP,EACA,OAAQ,mBACV,EACA,CACE,MAAO,CACL,IAAK,wDACP,EACA,OAAQ,uBACV,EACA,CACE,MAAO,CACL,IAAK,wDACP,EACA,OAAQ,uBACV,CACF,CACF,CACF,EACA,CACE,YAAa,gEACb,KAAM,iBACN,MAAO,CACL,QAAS,EACT,IAAK,OACL,QAAS,MACT,OAAQ,CACN,CACE,MAAO,CACL,IAAK,kDACP,EACA,OAAQ,yCACV,EACA,CACE,MAAO,CACL,IAAK,kDACP,EACA,OAAQ,sCACV,EACA,CACE,MAAO,CACL,IAAK,qDACP,EACA,OAAQ,kCACV,EACA,CACE,MAAO,CACL,IAAK,wDACP,EACA,OAAQ,iCACV,EACA,CACE,MAAO,CACL,IAAK,oDACP,EACA,OAAQ,2BACV,EACA,CACE,MAAO,CACL,IAAK,sDACP,EACA,OAAQ,uCACV,EACA,CACE,MAAO,CACL,IAAK,kDACP,EACA,OAAQ,oCACV,EACA,CACE,MAAO,CACL,IAAK,iDACP,EACA,OAAQ,gCACV,CACF,EACA,YAAa,CACX,MAAO,aACT,CACF,CACF,EACA,CACE,YAAa,uDACb,KAAM,iBACN,MAAO,CACL,QAAS,EACT,IAAK,OACL,QAAS,MACT,OAAQ,CACN,CACE,MAAO,CACL,IAAK,+DACP,EACA,OAAQ,4CACV,EACA,CACE,MAAO,CACL,IAAK,yDACP,EACA,OAAQ,oCACV,EACA,CACE,MAAO,CACL,IAAK,6DACP,EACA,OAAQ,wCACV,EACA,CACE,MAAO,CACL,IAAK,2DACP,EACA,OAAQ,oCACV,CACF,CACF,CACF,EACA,CACE,YAAa,8DACb,KAAM,iBACN,MAAO,CACL,QAAS,EACT,IAAK,OACL,QAAS,MACT,OAAQ,CACN,CACE,MAAO,CACL,IAAK,sDACP,EACA,OAAQ,6BACV,EACA,CACE,MAAO,CACL,IAAK,sDACP,EACA,OAAQ,sBACV,EACA,CACE,MAAO,CACL,IAAK,uDACP,EACA,OAAQ,4BACV,EACA,CACE,MAAO,CACL,IAAK,yDACP,EACA,OAAQ,wBACV,EACA,CACE,MAAO,CACL,IAAK,oDACP,EACA,OAAQ,yBACV,EACA,CACE,MAAO,CACL,IAAK,qDACP,EACA,OAAQ,iBACV,CACF,CACF,CACF,EACA,CACE,YAAa,yEACb,KAAM,iBACN,MAAO,CACL,QAAS,EACT,IAAK,OACL,QAAS,OACT,YAAa,CACX,MAAO,YACT,EACA,SAAU,aACV,OAAQ,CACN,CACE,MAAO,CACL,IAAK,0DACP,EACA,OAAQ,wCACV,EACA,CACE,MAAO,CACL,IAAK,yDACP,EACA,OAAQ,wCACV,EACA,CACE,MAAO,CACL,IAAK,6DACP,EACA,OAAQ,kCACV,CACF,CACF,CACF,EACA,CACE,YAAa,iEACb,KAAM,iBACN,MAAO,CACL,QAAS,EACT,IAAK,SACL,QAAS,OACT,YAAa,CACX,MAAO,eACT,EACA,OAAQ,CACN,MAAO,SACP,MAAO,sBACT,EACA,SAAU,aACV,OAAQ,CACN,CACE,MAAO,CACL,IAAK,0DACP,EACA,OAAQ,yCACV,EACA,CACE,MAAO,CACL,IAAK,sDACP,EACA,OAAQ,yCACV,EACA,CACE,MAAO,CACL,IAAK,6DACP,EACA,OAAQ,oCACV,EACA,CACE,MAAO,CACL,IAAK,uDACP,EACA,OAAQ,sCACV,EACA,CACE,MAAO,CACL,IAAK,uDACP,EACA,OAAQ,4BACV,EACA,CACE,MAAO,CACL,IAAK,qDACP,EACA,OAAQ,6BACV,CACF,CACF,CACF,EACA,CACE,YAAa,+DACb,KAAM,iBACN,MAAO,CACL,QAAS,EACT,IAAK,UACL,QAAS,SACT,YAAa,CACX,MAAO,YACT,EACA,SAAU,aACV,OAAQ,CACN,CACE,MAAO,CACL,IAAK,wDACP,EACA,OAAQ,gCACV,EACA,CACE,MAAO,CACL,IAAK,mDACP,EACA,OAAQ,wBACV,EACA,CACE,MAAO,CACL,IAAK,oDACP,EACA,OAAQ,4BACV,EACA,CACE,MAAO,CACL,IAAK,0DACP,EACA,OAAQ,2BACV,EACA,CACE,MAAO,CACL,IAAK,sDACP,EACA,OAAQ,qBACV,EACA,CACE,MAAO,CACL,IAAK,uDACP,EACA,OAAQ,0BACV,EACA,CACE,MAAO,CACL,IAAK,oDACP,EACA,OAAQ,6BACV,EACA,CACE,MAAO,CACL,IAAK,oDACP,EACA,OAAQ,6BACV,CACF,CACF,CACF,EACA,CACE,YAAa,gEACb,KAAM,iBACN,MAAO,CACL,QAAS,EACT,IAAK,SACL,QAAS,OACT,OAAQ,CACN,CACE,MAAO,CACL,IAAK,yDACP,EACA,OAAQ,yBACV,EACA,CACE,MAAO,CACL,IAAK,2DACP,EACA,OAAQ,uBACV,EACA,CACE,MAAO,CACL,IAAK,4DACP,EACA,OAAQ,yBACV,EACA,CACE,MAAO,CACL,IAAK,yDACP,EACA,OAAQ,mBACV,EACA,CACE,MAAO,CACL,IAAK,wDACP,EACA,OAAQ,wBACV,EACA,CACE,MAAO,CACL,IAAK,0DACP,EACA,OAAQ,4BACV,EACA,CACE,MAAO,CACL,IAAK,0DACP,EACA,OAAQ,0BACV,EACA,CACE,MAAO,CACL,IAAK,0DACP,EACA,OAAQ,sBACV,EACA,CACE,MAAO,CACL,IAAK,yDACP,EACA,OAAQ,qBACV,CACF,CACF,CACF,EACA,CACE,YAAa,+DACb,KAAM,iBACN,MAAO,CACL,QAAS,EACT,IAAK,OACL,QAAS,OACT,YAAa,CACX,MAAO,aACT,EACA,OAAQ,CACN,MAAO,WACP,MAAO,oBACT,EACA,SAAU,cACV,OAAQ,CACN,CACE,MAAO,CACL,IAAK,0DACP,EACA,OAAQ,+BACV,EACA,CACE,MAAO,CACL,IAAK,0DACP,EACA,OAAQ,qBACV,EACA,CACE,MAAO,CACL,IAAK,4DACP,EACA,OAAQ,8BACV,EACA,CACE,MAAO,CACL,IAAK,2DACP,EACA,OAAQ,uBACV,EACA,CACE,MAAO,CACL,IAAK,0DACP,EACA,OAAQ,2BACV,EACA,CACE,MAAO,CACL,IAAK,2DACP,EACA,OAAQ,sBACV,CACF,CACF,CACF,EACA,CACE,YAAa,gEACb,KAAM,iBACN,MAAO,CACL,QAAS,EACT,IAAK,UACL,QAAS,SACT,YAAa,CACX,MAAO,aACT,EACA,SAAU,aACV,OAAQ,CACN,MAAO,SACP,MAAO,oBACT,EACA,OAAQ,CACN,CACE,MAAO,CACL,IAAK,oDACP,CACF,EACA,CACE,MAAO,CACL,IAAK,oDACP,CACF,EACA,CACE,MAAO,CACL,IAAK,uDACP,CACF,EACA,CACE,MAAO,CACL,IAAK,qDACP,CACF,EACA,CACE,MAAO,CACL,IAAK,mDACP,CACF,EACA,CACE,MAAO,CACL,IAAK,wDACP,CACF,CACF,CACF,CACF,EACA,CACE,YAAa,oEACb,KAAM,iBACN,MAAO,CACL,QAAS,EACT,IAAK,OACL,QAAS,OACT,YAAa,CACX,MAAO,YACT,EACA,OAAQ,CACN,MAAO,WACP,MAAO,mBACT,EACA,SAAU,aACV,OAAQ,CACN,CACE,MAAO,CACL,IAAK,qDACP,EACA,OAAQ,0BACV,EACA,CACE,MAAO,CACL,IAAK,qDACP,EACA,OAAQ,yBACV,EACA,CACE,MAAO,CACL,IAAK,yDACP,EACA,OAAQ,6BACV,EACA,CACE,MAAO,CACL,IAAK,sDACP,EACA,OAAQ,yBACV,EACA,CACE,MAAO,CACL,IAAK,qDACP,EACA,OAAQ,wBACV,EACA,CACE,MAAO,CACL,IAAK,uDACP,EACA,OAAQ,yBACV,EACA,CACE,MAAO,CACL,IAAK,uDACP,EACA,OAAQ,qBACV,EACA,CACE,MAAO,CACL,IAAK,oDACP,EACA,OAAQ,wBACV,CACF,CACF,CACF,EACA,CACE,YAAa,0DACb,KAAM,iBACN,MAAO,CACL,QAAS,EACT,IAAK,OACL,QAAS,OACT,OAAQ,CACN,CACE,MAAO,CACL,IAAK,oDACP,EACA,OAAQ,wBACV,EACA,CACE,MAAO,CACL,IAAK,sDACP,EACA,OAAQ,2BACV,EACA,CACE,MAAO,CACL,IAAK,yDACP,EACA,OAAQ,gCACV,CACF,CACF,CACF,EACA,CACE,YAAa,yDACb,KAAM,iBACN,MAAO,CACL,QAAS,EACT,IAAK,SACL,QAAS,OACT,YAAa,CACX,MAAO,YACT,EACA,SAAU,aACV,OAAQ,CACN,MAAO,SACP,MAAO,oBACT,EACA,OAAQ,CACN,CACE,MAAO,CACL,IAAK,oBACP,EACA,OAAQ,yCACV,CACF,EACA,KAAM,CACJ,KAAM,UACR,CACF,CACF,EACA,CACE,YAAa,6DACb,KAAM,iBACN,MAAO,CACL,QAAS,EACT,IAAK,OACL,QAAS,OACT,YAAa,CACX,MAAO,eACT,EACA,SAAU,aACV,OAAQ,CACN,CACE,MAAO,CACL,IAAK,iCACP,EACA,OACE,mGACJ,CACF,EACA,KAAM,CACJ,KAAM,mBACR,CACF,CACF,EACA,CACE,YAAa,wDACb,KAAM,iBACN,MAAO,CACL,QAAS,EACT,IAAK,OACL,QAAS,SACT,YAAa,CACX,MAAO,WACT,EACA,OAAQ,CACN,MAAO,WACP,MAAO,mBACT,EACA,SAAU,aACV,OAAQ,CACN,CACE,MAAO,CACL,IAAK,0BACP,EACA,OAAQ,qDACV,CACF,EACA,KAAM,CACJ,KAAM,aACR,CACF,CACF,EACA,CACE,YAAa,wDACb,KAAM,iBACN,MAAO,CACL,QAAS,EACT,IAAK,UACL,QAAS,SACT,YAAa,CACX,MAAO,aACT,EACA,SAAU,aACV,OAAQ,CACN,MAAO,SACP,MAAO,oBACT,EACA,OAAQ,CACN,CACE,MAAO,CACL,IAAK,8BACP,EACA,OAAQ,qDACV,CACF,EACA,KAAM,CACJ,KAAM,aACR,CACF,CACF,CACF","names":["Type","IoGridOutline","manifest","defineBrickManifest","IoGridOutline","defineProps","Type","colorPresetRef","loopRef","imageRef","string","cssLengthRef","roundingRef","borderRef","examples"]}
+{"version":3,"sources":["../../src/shared/bricks/manifests/images-gallery.manifest.ts"],"sourcesContent":["import { Type } from \"@sinclair/typebox\";\nimport { IoGridOutline } from \"react-icons/io5\";\nimport { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { imageRef } from \"../props/image\";\nimport { string } from \"../props/string\";\nimport type { BrickProps } from \"../props/types\";\nimport { colorPresetRef } from \"../props/color-preset\";\nimport { borderRef, roundingRef } from \"../props/border\";\nimport { loopRef } from \"../props/dynamic\";\nimport { cssLengthRef } from \"../props/css-length\";\n\nexport const manifest = defineBrickManifest({\n  type: \"images-gallery\",\n  name: \"Gallery\",\n  category: \"media\",\n  description: \"Displays an images collection.\",\n  aiInstructions:\n    \"This brick should mostly be used for image galleries. Prefer using card bricks for product showcases, articles lists with images, or other collections.\",\n  consumesMultipleQueryRows: true,\n  defaultInspectorTab: \"content\",\n  isContainer: false,\n  minHeight: {\n    desktop: 200,\n  },\n  minWidth: {\n    desktop: 300,\n  },\n  defaultWidth: {\n    desktop: \"400px\",\n    mobile: \"100%\",\n  },\n  icon: IoGridOutline,\n  props: defineProps({\n    colorPreset: Type.Optional(\n      colorPresetRef({\n        title: \"Color\",\n      }),\n    ),\n    loop: Type.Optional(loopRef()),\n    images: Type.Array(\n      Type.Object({\n        image: imageRef({\n          \"ui:responsive\": \"desktop\",\n          \"ui:no-alt-text\": true,\n          \"ui:no-object-options\": true,\n          \"ui:placeholder\": \"https://example.com/image.jpg\",\n        }),\n        legend: Type.Optional(string(\"Legend\")),\n      }),\n      {\n        title: \"Images\",\n        default: [],\n        maxItems: 12,\n        metadata: {\n          category: \"content\",\n          consumeQuery: true,\n        },\n        examples: [\n          {\n            image: { src: \"https://via.placeholder.com/300x200.png?text=Image+1\" },\n            legend: \"Image 1\",\n          },\n          {\n            image: { src: \"https://via.placeholder.com/300x200.png?text=Image+2\" },\n            legend: \"Image 2\",\n          },\n          {\n            image: { src: \"https://via.placeholder.com/300x200.png?text=Image+3\" },\n            legend: \"Image 3\",\n          },\n        ],\n      },\n    ),\n    columns: Type.Optional(\n      Type.Number({\n        title: \"Columns\",\n        description:\n          \"Number of columns. Only applies to desktop screens. On mobile, it will always display 1 column.\",\n        minimum: 1,\n        maximum: 6,\n        default: 3,\n        \"ui:field\": \"slider\",\n        \"ui:responsive\": \"desktop\",\n      }),\n    ),\n    gap: Type.Optional(\n      cssLengthRef({\n        title: \"Gap\",\n        description: \"The gap between the images.\",\n        default: \"1rem\",\n        \"ui:styleId\": \"styles:gap\",\n      }),\n    ),\n    padding: Type.Optional(\n      cssLengthRef({\n        default: \"3rem\",\n        description: \"Padding inside the gallery.\",\n        \"ai:instructions\": \"Use only a single value like '1rem' or '10px'\",\n        title: \"Padding\",\n        \"ui:responsive\": true,\n        \"ui:placeholder\": \"Not specified\",\n        \"ui:styleId\": \"styles:padding\",\n      }),\n    ),\n    rounding: Type.Optional(roundingRef()),\n    border: Type.Optional(borderRef()),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: {\n  description: string;\n  type: string;\n  props: BrickProps<Manifest>[\"brick\"][\"props\"];\n}[] = [\n  {\n    description: \"Product portfolio gallery (3-column grid)\",\n    type: \"images-gallery\",\n    props: {\n      columns: 3,\n      gap: \"2.5rem\",\n      padding: \"p-4\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x400.png?text=Product+1\",\n          },\n          legend: \"Premium wireless headphones\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x400.png?text=Product+2\",\n          },\n          legend: \"Bluetooth speaker\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x400.png?text=Product+3\",\n          },\n          legend: \"Smart fitness tracker\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x400.png?text=Product+4\",\n          },\n          legend: \"Wireless charging pad\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Team photos gallery (4-column grid), light neutral background\",\n    type: \"images-gallery\",\n    props: {\n      columns: 4,\n      gap: \"1rem\",\n      padding: \"p-6\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=CEO\",\n          },\n          legend: \"Sarah Johnson - Chief Executive Officer\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=CTO\",\n          },\n          legend: \"Mike Chen - Chief Technology Officer\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Design\",\n          },\n          legend: \"Emily Rodriguez - Head of Design\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Marketing\",\n          },\n          legend: \"David Park - Marketing Director\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Sales\",\n          },\n          legend: \"Lisa Wong - Sales Manager\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Support\",\n          },\n          legend: \"Alex Thompson - Customer Support Lead\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Dev\",\n          },\n          legend: \"Carlos Martinez - Senior Developer\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=HR\",\n          },\n          legend: \"Jennifer Adams - HR Specialist\",\n        },\n      ],\n      colorPreset: {\n        color: \"neutral-100\",\n      },\n    },\n  },\n  {\n    description: \"Project showcase (2-column grid with larger spacing)\",\n    type: \"images-gallery\",\n    props: {\n      columns: 2,\n      gap: \"1rem\",\n      padding: \"p-6\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/600x400.png?text=Website+Redesign\",\n          },\n          legend: \"Modern e-commerce website redesign project\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/600x400.png?text=Mobile+App\",\n          },\n          legend: \"iOS and Android mobile application\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/600x400.png?text=Brand+Identity\",\n          },\n          legend: \"Complete brand identity design package\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/600x400.png?text=Dashboard+UI\",\n          },\n          legend: \"Analytics dashboard user interface\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Event photos gallery with tight spacing and minimal padding\",\n    type: \"images-gallery\",\n    props: {\n      columns: 4,\n      gap: \"1rem\",\n      padding: \"p-6\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/250x180.png?text=Opening\",\n          },\n          legend: \"Conference opening ceremony\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/250x180.png?text=Keynote\",\n          },\n          legend: \"Keynote presentation\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/250x180.png?text=Workshop\",\n          },\n          legend: \"Technical workshop session\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/250x180.png?text=Networking\",\n          },\n          legend: \"Networking lunch break\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/250x180.png?text=Panel\",\n          },\n          legend: \"Expert panel discussion\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/250x180.png?text=Awards\",\n          },\n          legend: \"Awards ceremony\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Photography portfolio with single column layout and primary background\",\n    type: \"images-gallery\",\n    props: {\n      columns: 1,\n      gap: \"3rem\",\n      padding: \"4rem\",\n      colorPreset: {\n        color: \"primary-50\",\n      },\n      rounding: \"rounded-lg\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/800x600.png?text=Landscape+1\",\n          },\n          legend: \"Mountain sunrise landscape photography\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/800x600.png?text=Portrait+1\",\n          },\n          legend: \"Professional business portrait session\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/800x600.png?text=Architecture+1\",\n          },\n          legend: \"Modern architectural photography\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Real estate property gallery with secondary colors and borders\",\n    type: \"images-gallery\",\n    props: {\n      columns: 3,\n      gap: \"1.5rem\",\n      padding: \"2rem\",\n      colorPreset: {\n        color: \"secondary-100\",\n      },\n      border: {\n        width: \"border\",\n        color: \"border-secondary-300\",\n      },\n      rounding: \"rounded-xl\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x300.png?text=Living+Room\",\n          },\n          legend: \"Spacious living room with natural light\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x300.png?text=Kitchen\",\n          },\n          legend: \"Modern kitchen with granite countertops\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x300.png?text=Master+Bedroom\",\n          },\n          legend: \"Master bedroom with walk-in closet\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x300.png?text=Bathroom\",\n          },\n          legend: \"Luxury bathroom with marble finishes\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x300.png?text=Backyard\",\n          },\n          legend: \"Private backyard with pool\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x300.png?text=Garage\",\n          },\n          legend: \"Two-car garage with storage\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Restaurant food gallery with 5-column grid and accent colors\",\n    type: \"images-gallery\",\n    props: {\n      columns: 5,\n      gap: \"0.75rem\",\n      padding: \"1.5rem\",\n      colorPreset: {\n        color: \"accent-200\",\n      },\n      rounding: \"rounded-md\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Appetizer\",\n          },\n          legend: \"Bruschetta with fresh tomatoes\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Soup\",\n          },\n          legend: \"Creamy mushroom bisque\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Salad\",\n          },\n          legend: \"Mediterranean quinoa salad\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Main+Course\",\n          },\n          legend: \"Grilled salmon with herbs\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Dessert\",\n          },\n          legend: \"Chocolate lava cake\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Beverage\",\n          },\n          legend: \"Artisan coffee selection\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Pasta\",\n          },\n          legend: \"Homemade fettuccine alfredo\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Pizza\",\n          },\n          legend: \"Wood-fired margherita pizza\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Art gallery exhibition with 6-column grid and minimal styling\",\n    type: \"images-gallery\",\n    props: {\n      columns: 6,\n      gap: \"0.5rem\",\n      padding: \"1rem\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/200x250.png?text=Abstract+1\",\n          },\n          legend: \"Abstract composition #1\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/200x250.png?text=Portrait+Art\",\n          },\n          legend: \"Contemporary portrait\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/200x250.png?text=Landscape+Art\",\n          },\n          legend: \"Impressionist landscape\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/200x250.png?text=Still+Life\",\n          },\n          legend: \"Modern still life\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/200x250.png?text=Sculpture\",\n          },\n          legend: \"Bronze sculpture piece\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/200x250.png?text=Digital+Art\",\n          },\n          legend: \"Digital artwork collection\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/200x250.png?text=Mixed+Media\",\n          },\n          legend: \"Mixed media installation\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/200x250.png?text=Photography\",\n          },\n          legend: \"Fine art photography\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/200x250.png?text=Watercolor\",\n          },\n          legend: \"Watercolor painting\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Fashion lookbook with 2-column layout and neutral dark theme\",\n    type: \"images-gallery\",\n    props: {\n      columns: 2,\n      gap: \"2rem\",\n      padding: \"3rem\",\n      colorPreset: {\n        color: \"neutral-800\",\n      },\n      border: {\n        width: \"border-2\",\n        color: \"border-neutral-600\",\n      },\n      rounding: \"rounded-2xl\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x600.png?text=Spring+Look\",\n          },\n          legend: \"Spring casual collection 2024\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x600.png?text=Summer+Look\",\n          },\n          legend: \"Summer evening wear\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x600.png?text=Business+Look\",\n          },\n          legend: \"Professional business attire\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x600.png?text=Weekend+Look\",\n          },\n          legend: \"Weekend comfort style\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x600.png?text=Formal+Look\",\n          },\n          legend: \"Formal evening collection\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x600.png?text=Street+Style\",\n          },\n          legend: \"Urban street fashion\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Travel destinations gallery with 3-column grid and no legends\",\n    type: \"images-gallery\",\n    props: {\n      columns: 3,\n      gap: \"1.25rem\",\n      padding: \"2.5rem\",\n      colorPreset: {\n        color: \"primary-100\",\n      },\n      rounding: \"rounded-lg\",\n      border: {\n        width: \"border\",\n        color: \"border-primary-200\",\n      },\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/350x250.png?text=Paris\",\n          },\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/350x250.png?text=Tokyo\",\n          },\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/350x250.png?text=New+York\",\n          },\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/350x250.png?text=London\",\n          },\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/350x250.png?text=Rome\",\n          },\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/350x250.png?text=Barcelona\",\n          },\n        },\n      ],\n    },\n  },\n  {\n    description: \"Technical equipment gallery with 4-column grid and accent styling\",\n    type: \"images-gallery\",\n    props: {\n      columns: 4,\n      gap: \"1rem\",\n      padding: \"2rem\",\n      colorPreset: {\n        color: \"accent-100\",\n      },\n      border: {\n        width: \"border-4\",\n        color: \"border-accent-400\",\n      },\n      rounding: \"rounded-xl\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Camera\",\n          },\n          legend: \"Professional DSLR camera\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Laptop\",\n          },\n          legend: \"High-performance laptop\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Microphone\",\n          },\n          legend: \"Studio recording microphone\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Monitor\",\n          },\n          legend: \"4K professional monitor\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Tablet\",\n          },\n          legend: \"Digital drawing tablet\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Speakers\",\n          },\n          legend: \"Studio monitor speakers\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Keyboard\",\n          },\n          legend: \"Mechanical keyboard\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Mouse\",\n          },\n          legend: \"Precision gaming mouse\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Minimal product showcase with large gaps and no padding\",\n    type: \"images-gallery\",\n    props: {\n      columns: 3,\n      gap: \"4rem\",\n      padding: \"0rem\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x400.png?text=Watch\",\n          },\n          legend: \"Luxury Swiss timepiece\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x400.png?text=Jewelry\",\n          },\n          legend: \"Handcrafted gold necklace\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x400.png?text=Sunglasses\",\n          },\n          legend: \"Designer sunglasses collection\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Dynamic product gallery using products query with loop\",\n    type: \"images-gallery\",\n    props: {\n      columns: 4,\n      gap: \"1.5rem\",\n      padding: \"2rem\",\n      colorPreset: {\n        color: \"primary-50\",\n      },\n      rounding: \"rounded-lg\",\n      border: {\n        width: \"border\",\n        color: \"border-primary-200\",\n      },\n      images: [\n        {\n          image: {\n            src: \"{{products.image}}\",\n          },\n          legend: \"{{products.name}} - ${{products.price}}\",\n        },\n      ],\n      loop: {\n        over: \"products\",\n      },\n    },\n  },\n  {\n    description: \"Portfolio showcase using portfolioProjects query with loop\",\n    type: \"images-gallery\",\n    props: {\n      columns: 3,\n      gap: \"2rem\",\n      padding: \"3rem\",\n      colorPreset: {\n        color: \"secondary-100\",\n      },\n      rounding: \"rounded-xl\",\n      images: [\n        {\n          image: {\n            src: \"{{portfolioProjects.thumbnail}}\",\n          },\n          legend:\n            \"{{portfolioProjects.projectName}} - {{portfolioProjects.clientName}} ({{portfolioProjects.year}})\",\n        },\n      ],\n      loop: {\n        over: \"portfolioProjects\",\n      },\n    },\n  },\n  {\n    description: \"Event photo gallery using eventPhotos query with loop\",\n    type: \"images-gallery\",\n    props: {\n      columns: 5,\n      gap: \"1rem\",\n      padding: \"1.5rem\",\n      colorPreset: {\n        color: \"accent-50\",\n      },\n      border: {\n        width: \"border-2\",\n        color: \"border-accent-300\",\n      },\n      rounding: \"rounded-md\",\n      images: [\n        {\n          image: {\n            src: \"{{eventPhotos.imageUrl}}\",\n          },\n          legend: \"{{eventPhotos.caption}} - {{eventPhotos.eventDate}}\",\n        },\n      ],\n      loop: {\n        over: \"eventPhotos\",\n      },\n    },\n  },\n  {\n    description: \"Team member gallery using teamMembers query with loop\",\n    type: \"images-gallery\",\n    props: {\n      columns: 6,\n      gap: \"0.75rem\",\n      padding: \"2.5rem\",\n      colorPreset: {\n        color: \"neutral-100\",\n      },\n      rounding: \"rounded-lg\",\n      border: {\n        width: \"border\",\n        color: \"border-neutral-300\",\n      },\n      images: [\n        {\n          image: {\n            src: \"{{teamMembers.profilePhoto}}\",\n          },\n          legend: \"{{teamMembers.fullName}} - {{teamMembers.position}}\",\n        },\n      ],\n      loop: {\n        over: \"teamMembers\",\n      },\n    },\n  },\n];\n"],"mappings":"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","names":[]}

package/dist/shared/chunk-GPCI2N2A.js

@@ -0,0 +1,395 @@
+/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
+
+import {
+  defineProps
+} from "./chunk-BHC2A43S.js";
+import {
+  defineBrickManifest
+} from "./chunk-TB3X4LRQ.js";
+import {
+  loopRef
+} from "./chunk-BW6EFRSF.js";
+import {
+  shadowRef
+} from "./chunk-TNMNMYOB.js";
+import {
+  string
+} from "./chunk-UQF52PWK.js";
+import {
+  imageRef
+} from "./chunk-W6MRYRGJ.js";
+import {
+  borderRef,
+  roundingRef
+} from "./chunk-NTLAKMMQ.js";
+import {
+  colorPresetRef
+} from "./chunk-TFGGYU6Y.js";
+import {
+  cssLengthRef
+} from "./chunk-BPBKHEQ5.js";
+
+// src/shared/bricks/manifests/image.manifest.ts
+import { RxImage } from "react-icons/rx";
+import { Type } from "@sinclair/typebox";
+var manifest = defineBrickManifest({
+  type: "image",
+  name: "Image",
+  category: "media",
+  description: "An image brick",
+  aiInstructions: "An image brick that can display an image with optional styling such as padding, border radius, and shadow. It supports giving credit to the image author and specifying the image provider.",
+  defaultWidth: { desktop: "auto", mobile: "100%" },
+  icon: RxImage,
+  props: defineProps({
+    image: imageRef({
+      metadata: {
+        category: "content"
+      }
+    }),
+    colorPreset: Type.Optional(colorPresetRef()),
+    padding: Type.Optional(
+      cssLengthRef({
+        description: "Padding inside the image.",
+        title: "Padding",
+        "ai:instructions": "Use only a single value like '1rem' or '10px'",
+        "ui:responsive": true,
+        "ui:placeholder": "Not specified",
+        "ui:styleId": "styles:padding"
+      })
+    ),
+    rounding: Type.Optional(
+      roundingRef({
+        default: "rounded-md"
+      })
+    ),
+    border: Type.Optional(borderRef()),
+    shadow: Type.Optional(shadowRef()),
+    blurHash: Type.Optional(
+      string("Blur Hash", {
+        "ui:field": "hidden",
+        description: "A placeholder for the image while it is loading. Use a blur hash string."
+      })
+    ),
+    author: Type.Optional(
+      Type.Object(
+        {
+          name: string("Image Author", {
+            description: "Image author. Use this to give credit to the author"
+          }),
+          url: string("Image Author URL", {
+            description: "Image author URL. Use this to give credit to the author"
+          })
+        },
+        {
+          "ui:field": "hidden"
+        }
+      )
+    ),
+    provider: Type.Optional(
+      string("Image Provider", {
+        "ui:field": "hidden",
+        "ai:instructions": "The provider of the image, e.g. 'unsplash', 'pexels', etc."
+      })
+    ),
+    loop: Type.Optional(loopRef())
+  })
+});
+var examples = [
+  {
+    description: "Hero landscape image with large shadow",
+    type: "image",
+    props: {
+      image: {
+        src: "https://via.placeholder.com/800x400.png?text=Hero+Landscape",
+        alt: "Beautiful landscape view for hero section"
+      },
+      shadow: "shadow-lg"
+    }
+  },
+  {
+    description: "Team member profile photo, full rounded",
+    type: "image",
+    props: {
+      image: {
+        src: "https://via.placeholder.com/300x300.png?text=Profile+Photo",
+        alt: "Team member profile photo"
+      },
+      shadow: "shadow-md",
+      rounding: "rounded-full"
+    }
+  },
+  {
+    description: "Product showcase image",
+    type: "image",
+    props: {
+      image: {
+        src: "https://via.placeholder.com/400x400.png?text=Product+Image",
+        alt: "Premium product showcase"
+      },
+      shadow: "shadow-sm"
+    }
+  },
+  {
+    description: "Blog article featured image with medium shadow and full author info",
+    type: "image",
+    props: {
+      image: {
+        src: "https://via.placeholder.com/600x300.png?text=Article+Featured",
+        alt: "Featured image for blog article"
+      },
+      author: {
+        name: "John Photographer",
+        url: "https://example.com/john"
+      },
+      provider: "unsplash",
+      shadow: "shadow-md"
+    }
+  },
+  {
+    description: "Logo image with padding and small shadow",
+    type: "image",
+    props: {
+      image: {
+        src: "https://via.placeholder.com/200x80.png?text=Company+Logo",
+        alt: "Company logo"
+      },
+      padding: "p-8",
+      shadow: "shadow-sm"
+    }
+  },
+  {
+    description: "Testimonial customer photo with large shadow and small padding",
+    type: "image",
+    props: {
+      image: {
+        src: "https://via.placeholder.com/120x120.png?text=Customer",
+        alt: "Happy customer testimonial photo"
+      },
+      shadow: "shadow-lg",
+      padding: "p-2"
+    }
+  },
+  {
+    description: "Event banner image with neutral-500 background",
+    type: "image",
+    props: {
+      colorPreset: { color: "neutral-500" },
+      image: {
+        src: "https://via.placeholder.com/800x200.png?text=Event+Banner",
+        alt: "Annual conference event banner"
+      },
+      shadow: "shadow-xl",
+      author: {
+        name: "Event Photographer",
+        url: "https://example.com/photographer"
+      },
+      provider: "pexels"
+    }
+  },
+  {
+    description: "Illustration with background and padding",
+    type: "image",
+    props: {
+      image: {
+        src: "https://via.placeholder.com/150x150.png?text=Blabla+Feature",
+        alt: "Feature illustration"
+      },
+      padding: "p-8",
+      shadow: "shadow-sm"
+    }
+  },
+  {
+    description: "Image with blurHash",
+    type: "image",
+    props: {
+      image: {
+        src: "https://via.placeholder.com/300x200.png?text=Card+Image",
+        alt: "My image"
+      },
+      shadow: "shadow-md",
+      blurHash: "L6PZfSi_.AyE_3t7t7R**0o#DgR4"
+    }
+  },
+  {
+    description: "Dynamic employee photo using employee query",
+    type: "image",
+    props: {
+      image: {
+        src: "{{employee.photo}}",
+        alt: "Photo of {{employee.fullName}}"
+      },
+      rounding: "rounded-full",
+      shadow: "shadow-lg",
+      padding: "1rem"
+    }
+  },
+  {
+    description: "Dynamic product image using product query with author attribution",
+    type: "image",
+    props: {
+      image: {
+        src: "{{product.featuredImage}}",
+        alt: "{{product.name}} - {{product.category}}"
+      },
+      author: {
+        name: "{{product.photographer}}",
+        url: "{{product.photographerUrl}}"
+      },
+      provider: "company-assets",
+      shadow: "shadow-md",
+      rounding: "rounded-lg"
+    }
+  },
+  {
+    description: "Dynamic company logo using company query",
+    type: "image",
+    props: {
+      image: {
+        src: "{{company.logo}}",
+        alt: "{{company.name}} logo"
+      },
+      padding: "2rem",
+      shadow: "shadow-sm",
+      colorPreset: { color: "neutral-100" }
+    }
+  },
+  {
+    description: "Dynamic event banner using event query",
+    type: "image",
+    props: {
+      image: {
+        src: "{{event.bannerImage}}",
+        alt: "{{event.title}} event banner"
+      },
+      shadow: "shadow-xl",
+      rounding: "rounded-xl",
+      author: {
+        name: "{{event.photographer}}",
+        url: "{{event.photographerProfile}}"
+      },
+      provider: "event-photography"
+    }
+  },
+  {
+    description: "Dynamic article featured image using article query",
+    type: "image",
+    props: {
+      image: {
+        src: "{{article.featuredImage}}",
+        alt: "Featured image for {{article.title}}"
+      },
+      author: {
+        name: "{{article.imageCredit}}",
+        url: "{{article.imageCreditUrl}}"
+      },
+      provider: "{{article.imageProvider}}",
+      shadow: "shadow-md",
+      rounding: "rounded-lg"
+    }
+  },
+  {
+    description: "Dynamic property photo using property query",
+    type: "image",
+    props: {
+      image: {
+        src: "{{property.mainPhoto}}",
+        alt: "{{property.address}} - {{property.propertyType}}"
+      },
+      shadow: "shadow-lg",
+      rounding: "rounded-xl",
+      colorPreset: { color: "primary-50" },
+      padding: "1rem"
+    }
+  },
+  {
+    description: "Dynamic portfolio piece using portfolio query",
+    type: "image",
+    props: {
+      image: {
+        src: "{{portfolio.imageUrl}}",
+        alt: "{{portfolio.projectName}} for {{portfolio.clientName}}"
+      },
+      author: {
+        name: "{{portfolio.photographer}}",
+        url: "{{portfolio.photographerWebsite}}"
+      },
+      provider: "portfolio-assets",
+      shadow: "shadow-md",
+      rounding: "rounded-lg",
+      padding: "0.5rem"
+    }
+  },
+  {
+    description: "Dynamic service illustration using service query",
+    type: "image",
+    props: {
+      image: {
+        src: "{{service.illustration}}",
+        alt: "{{service.name}} service illustration"
+      },
+      colorPreset: { color: "secondary-100" },
+      padding: "2rem",
+      shadow: "shadow-sm",
+      rounding: "rounded-full"
+    }
+  },
+  {
+    description: "Dynamic testimonial customer photo using testimonial query",
+    type: "image",
+    props: {
+      image: {
+        src: "{{testimonial.customerPhoto}}",
+        alt: "{{testimonial.customerName}} from {{testimonial.company}}"
+      },
+      rounding: "rounded-full",
+      shadow: "shadow-lg",
+      padding: "0.25rem",
+      colorPreset: { color: "accent-50" }
+    }
+  },
+  {
+    description: "Product gallery using products query with loop",
+    type: "image",
+    props: {
+      image: {
+        src: "{{products.mainImage}}",
+        alt: "{{products.name}} - {{products.category}}"
+      },
+      author: {
+        name: "{{products.photographer}}",
+        url: "{{products.photographerUrl}}"
+      },
+      provider: "product-catalog",
+      shadow: "shadow-md",
+      rounding: "rounded-lg",
+      padding: "0.5rem",
+      colorPreset: { color: "primary-50" },
+      loop: {
+        over: "products"
+      }
+    }
+  },
+  {
+    description: "Team member photos using teamMembers query with loop",
+    type: "image",
+    props: {
+      image: {
+        src: "{{teamMembers.profilePhoto}}",
+        alt: "{{teamMembers.fullName}} - {{teamMembers.position}}"
+      },
+      rounding: "rounded-full",
+      shadow: "shadow-lg",
+      padding: "0.75rem",
+      colorPreset: { color: "secondary-100" },
+      loop: {
+        over: "teamMembers"
+      }
+    }
+  }
+];
+
+export {
+  manifest,
+  examples
+};
+//# sourceMappingURL=chunk-GPCI2N2A.js.map

package/dist/shared/{chunk-WBZW5LVH.js.map → chunk-GPCI2N2A.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/shared/bricks/manifests/image.manifest.ts"],"sourcesContent":["import { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { imageRef } from \"../props/image\";\nimport { shadowRef } from \"../props/effects\";\nimport { RxImage } from \"react-icons/rx\";\nimport { string } from \"../props/string\";\nimport { Type } from \"@sinclair/typebox\";\nimport type { BrickProps } from \"../props/types\";\nimport { backgroundColorRef } from \"../props/background\";\nimport { borderRef, roundingRef } from \"../props/border\";\nimport { loopRef } from \"../props/dynamic\";\nimport { colorPresetRef } from \"../props/color-preset\";\nimport { cssLengthRef } from \"../props/css-length\";\n\nexport const manifest = defineBrickManifest({\n  type: \"image\",\n  name: \"Image\",\n  category: \"media\",\n  description: \"An image brick\",\n  aiInstructions:\n    \"An image brick that can display an image with optional styling such as padding, border radius, and shadow. It supports giving credit to the image author and specifying the image provider.\",\n  defaultWidth: { desktop: \"auto\", mobile: \"100%\" },\n  icon: RxImage,\n  props: defineProps({\n    image: imageRef({\n      metadata: {\n        category: \"content\",\n      },\n    }),\n    colorPreset: Type.Optional(colorPresetRef()),\n    padding: Type.Optional(\n      cssLengthRef({\n        description: \"Padding inside the image.\",\n        title: \"Padding\",\n        \"ai:instructions\": \"Use only a single value like '1rem' or '10px'\",\n        \"ui:responsive\": true,\n        \"ui:placeholder\": \"Not specified\",\n        \"ui:styleId\": \"styles:padding\",\n      }),\n    ),\n    rounding: Type.Optional(\n      roundingRef({\n        default: \"rounded-md\",\n      }),\n    ),\n    border: Type.Optional(borderRef()),\n    shadow: Type.Optional(shadowRef()),\n    blurHash: Type.Optional(\n      string(\"Blur Hash\", {\n        \"ui:field\": \"hidden\",\n        description: \"A placeholder for the image while it is loading. Use a blur hash string.\",\n      }),\n    ),\n    author: Type.Optional(\n      Type.Object(\n        {\n          name: string(\"Image Author\", {\n            description: \"Image author. Use this to give credit to the author\",\n          }),\n          url: string(\"Image Author URL\", {\n            description: \"Image author URL. Use this to give credit to the author\",\n          }),\n        },\n        {\n          \"ui:field\": \"hidden\",\n        },\n      ),\n    ),\n    provider: Type.Optional(\n      string(\"Image Provider\", {\n        \"ui:field\": \"hidden\",\n        \"ai:instructions\": \"The provider of the image, e.g. 'unsplash', 'pexels', etc.\",\n      }),\n    ),\n    loop: Type.Optional(loopRef()),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: {\n  description: string;\n  type: string;\n  props: BrickProps<Manifest>[\"brick\"][\"props\"];\n}[] = [\n  {\n    description: \"Hero landscape image with large shadow\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/800x400.png?text=Hero+Landscape\",\n        alt: \"Beautiful landscape view for hero section\",\n      },\n      shadow: \"shadow-lg\",\n    },\n  },\n  {\n    description: \"Team member profile photo, full rounded\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/300x300.png?text=Profile+Photo\",\n        alt: \"Team member profile photo\",\n      },\n      shadow: \"shadow-md\",\n      rounding: \"rounded-full\",\n    },\n  },\n  {\n    description: \"Product showcase image\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/400x400.png?text=Product+Image\",\n        alt: \"Premium product showcase\",\n      },\n      shadow: \"shadow-sm\",\n    },\n  },\n  {\n    description: \"Blog article featured image with medium shadow and full author info\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/600x300.png?text=Article+Featured\",\n        alt: \"Featured image for blog article\",\n      },\n      author: {\n        name: \"John Photographer\",\n        url: \"https://example.com/john\",\n      },\n      provider: \"unsplash\",\n      shadow: \"shadow-md\",\n    },\n  },\n\n  {\n    description: \"Logo image with padding and small shadow\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/200x80.png?text=Company+Logo\",\n        alt: \"Company logo\",\n      },\n      padding: \"p-8\",\n      shadow: \"shadow-sm\",\n    },\n  },\n  {\n    description: \"Testimonial customer photo with large shadow and small padding\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/120x120.png?text=Customer\",\n        alt: \"Happy customer testimonial photo\",\n      },\n      shadow: \"shadow-lg\",\n      padding: \"p-2\",\n    },\n  },\n  {\n    description: \"Event banner image with neutral-500 background\",\n    type: \"image\",\n    props: {\n      colorPreset: { color: \"neutral-500\" },\n      image: {\n        src: \"https://via.placeholder.com/800x200.png?text=Event+Banner\",\n        alt: \"Annual conference event banner\",\n      },\n      shadow: \"shadow-xl\",\n      author: {\n        name: \"Event Photographer\",\n        url: \"https://example.com/photographer\",\n      },\n      provider: \"pexels\",\n    },\n  },\n  {\n    description: \"Illustration with background and padding\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/150x150.png?text=Blabla+Feature\",\n        alt: \"Feature illustration\",\n      },\n      padding: \"p-8\",\n      shadow: \"shadow-sm\",\n    },\n  },\n  {\n    description: \"Image with blurHash\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/300x200.png?text=Card+Image\",\n        alt: \"My image\",\n      },\n      shadow: \"shadow-md\",\n      blurHash: \"L6PZfSi_.AyE_3t7t7R**0o#DgR4\",\n    },\n  },\n  {\n    description: \"Dynamic employee photo using employee query\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{employee.photo}}\",\n        alt: \"Photo of {{employee.fullName}}\",\n      },\n      rounding: \"rounded-full\",\n      shadow: \"shadow-lg\",\n      padding: \"1rem\",\n    },\n  },\n  {\n    description: \"Dynamic product image using product query with author attribution\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{product.featuredImage}}\",\n        alt: \"{{product.name}} - {{product.category}}\",\n      },\n      author: {\n        name: \"{{product.photographer}}\",\n        url: \"{{product.photographerUrl}}\",\n      },\n      provider: \"company-assets\",\n      shadow: \"shadow-md\",\n      rounding: \"rounded-lg\",\n    },\n  },\n  {\n    description: \"Dynamic company logo using company query\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{company.logo}}\",\n        alt: \"{{company.name}} logo\",\n      },\n      padding: \"2rem\",\n      shadow: \"shadow-sm\",\n      colorPreset: { color: \"neutral-100\" },\n    },\n  },\n  {\n    description: \"Dynamic event banner using event query\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{event.bannerImage}}\",\n        alt: \"{{event.title}} event banner\",\n      },\n      shadow: \"shadow-xl\",\n      rounding: \"rounded-xl\",\n      author: {\n        name: \"{{event.photographer}}\",\n        url: \"{{event.photographerProfile}}\",\n      },\n      provider: \"event-photography\",\n    },\n  },\n  {\n    description: \"Dynamic article featured image using article query\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{article.featuredImage}}\",\n        alt: \"Featured image for {{article.title}}\",\n      },\n      author: {\n        name: \"{{article.imageCredit}}\",\n        url: \"{{article.imageCreditUrl}}\",\n      },\n      provider: \"{{article.imageProvider}}\",\n      shadow: \"shadow-md\",\n      rounding: \"rounded-lg\",\n    },\n  },\n  {\n    description: \"Dynamic property photo using property query\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{property.mainPhoto}}\",\n        alt: \"{{property.address}} - {{property.propertyType}}\",\n      },\n      shadow: \"shadow-lg\",\n      rounding: \"rounded-xl\",\n      colorPreset: { color: \"primary-50\" },\n      padding: \"1rem\",\n    },\n  },\n  {\n    description: \"Dynamic portfolio piece using portfolio query\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{portfolio.imageUrl}}\",\n        alt: \"{{portfolio.projectName}} for {{portfolio.clientName}}\",\n      },\n      author: {\n        name: \"{{portfolio.photographer}}\",\n        url: \"{{portfolio.photographerWebsite}}\",\n      },\n      provider: \"portfolio-assets\",\n      shadow: \"shadow-md\",\n      rounding: \"rounded-lg\",\n      padding: \"0.5rem\",\n    },\n  },\n  {\n    description: \"Dynamic service illustration using service query\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{service.illustration}}\",\n        alt: \"{{service.name}} service illustration\",\n      },\n      colorPreset: { color: \"secondary-100\" },\n      padding: \"2rem\",\n      shadow: \"shadow-sm\",\n      rounding: \"rounded-full\",\n    },\n  },\n  {\n    description: \"Dynamic testimonial customer photo using testimonial query\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{testimonial.customerPhoto}}\",\n        alt: \"{{testimonial.customerName}} from {{testimonial.company}}\",\n      },\n      rounding: \"rounded-full\",\n      shadow: \"shadow-lg\",\n      padding: \"0.25rem\",\n      colorPreset: { color: \"accent-50\" },\n    },\n  },\n  {\n    description: \"Product gallery using products query with loop\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{products.mainImage}}\",\n        alt: \"{{products.name}} - {{products.category}}\",\n      },\n      author: {\n        name: \"{{products.photographer}}\",\n        url: \"{{products.photographerUrl}}\",\n      },\n      provider: \"product-catalog\",\n      shadow: \"shadow-md\",\n      rounding: \"rounded-lg\",\n      padding: \"0.5rem\",\n      colorPreset: { color: \"primary-50\" },\n      loop: {\n        over: \"products\",\n      },\n    },\n  },\n  {\n    description: \"Team member photos using teamMembers query with loop\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{teamMembers.profilePhoto}}\",\n        alt: \"{{teamMembers.fullName}} - {{teamMembers.position}}\",\n      },\n      rounding: \"rounded-full\",\n      shadow: \"shadow-lg\",\n      padding: \"0.75rem\",\n      colorPreset: { color: \"secondary-100\" },\n      loop: {\n        over: \"teamMembers\",\n      },\n    },\n  },\n];\n"],"mappings":";;+WAIA,OAAS,WAAAA,MAAe,iBAExB,OAAS,QAAAC,MAAY,oBAQd,IAAMC,EAAWC,EAAoB,CAC1C,KAAM,QACN,KAAM,QACN,SAAU,QACV,YAAa,iBACb,eACE,8LACF,aAAc,CAAE,QAAS,OAAQ,OAAQ,MAAO,EAChD,KAAMC,EACN,MAAOC,EAAY,CACjB,MAAOC,EAAS,CACd,SAAU,CACR,SAAU,SACZ,CACF,CAAC,EACD,YAAaC,EAAK,SAASC,EAAe,CAAC,EAC3C,QAASD,EAAK,SACZE,EAAa,CACX,YAAa,4BACb,MAAO,UACP,kBAAmB,gDACnB,gBAAiB,GACjB,iBAAkB,gBAClB,aAAc,gBAChB,CAAC,CACH,EACA,SAAUF,EAAK,SACbG,EAAY,CACV,QAAS,YACX,CAAC,CACH,EACA,OAAQH,EAAK,SAASI,EAAU,CAAC,EACjC,OAAQJ,EAAK,SAASK,EAAU,CAAC,EACjC,SAAUL,EAAK,SACbM,EAAO,YAAa,CAClB,WAAY,SACZ,YAAa,0EACf,CAAC,CACH,EACA,OAAQN,EAAK,SACXA,EAAK,OACH,CACE,KAAMM,EAAO,eAAgB,CAC3B,YAAa,qDACf,CAAC,EACD,IAAKA,EAAO,mBAAoB,CAC9B,YAAa,yDACf,CAAC,CACH,EACA,CACE,WAAY,QACd,CACF,CACF,EACA,SAAUN,EAAK,SACbM,EAAO,iBAAkB,CACvB,WAAY,SACZ,kBAAmB,4DACrB,CAAC,CACH,EACA,KAAMN,EAAK,SAASO,EAAQ,CAAC,CAC/B,CAAC,CACH,CAAC,EAIYC,EAIP,CACJ,CACE,YAAa,yCACb,KAAM,QACN,MAAO,CACL,MAAO,CACL,IAAK,8DACL,IAAK,2CACP,EACA,OAAQ,WACV,CACF,EACA,CACE,YAAa,0CACb,KAAM,QACN,MAAO,CACL,MAAO,CACL,IAAK,6DACL,IAAK,2BACP,EACA,OAAQ,YACR,SAAU,cACZ,CACF,EACA,CACE,YAAa,yBACb,KAAM,QACN,MAAO,CACL,MAAO,CACL,IAAK,6DACL,IAAK,0BACP,EACA,OAAQ,WACV,CACF,EACA,CACE,YAAa,sEACb,KAAM,QACN,MAAO,CACL,MAAO,CACL,IAAK,gEACL,IAAK,iCACP,EACA,OAAQ,CACN,KAAM,oBACN,IAAK,0BACP,EACA,SAAU,WACV,OAAQ,WACV,CACF,EAEA,CACE,YAAa,2CACb,KAAM,QACN,MAAO,CACL,MAAO,CACL,IAAK,2DACL,IAAK,cACP,EACA,QAAS,MACT,OAAQ,WACV,CACF,EACA,CACE,YAAa,iEACb,KAAM,QACN,MAAO,CACL,MAAO,CACL,IAAK,wDACL,IAAK,kCACP,EACA,OAAQ,YACR,QAAS,KACX,CACF,EACA,CACE,YAAa,iDACb,KAAM,QACN,MAAO,CACL,YAAa,CAAE,MAAO,aAAc,EACpC,MAAO,CACL,IAAK,4DACL,IAAK,gCACP,EACA,OAAQ,YACR,OAAQ,CACN,KAAM,qBACN,IAAK,kCACP,EACA,SAAU,QACZ,CACF,EACA,CACE,YAAa,2CACb,KAAM,QACN,MAAO,CACL,MAAO,CACL,IAAK,8DACL,IAAK,sBACP,EACA,QAAS,MACT,OAAQ,WACV,CACF,EACA,CACE,YAAa,sBACb,KAAM,QACN,MAAO,CACL,MAAO,CACL,IAAK,0DACL,IAAK,UACP,EACA,OAAQ,YACR,SAAU,8BACZ,CACF,EACA,CACE,YAAa,8CACb,KAAM,QACN,MAAO,CACL,MAAO,CACL,IAAK,qBACL,IAAK,gCACP,EACA,SAAU,eACV,OAAQ,YACR,QAAS,MACX,CACF,EACA,CACE,YAAa,oEACb,KAAM,QACN,MAAO,CACL,MAAO,CACL,IAAK,4BACL,IAAK,yCACP,EACA,OAAQ,CACN,KAAM,2BACN,IAAK,6BACP,EACA,SAAU,iBACV,OAAQ,YACR,SAAU,YACZ,CACF,EACA,CACE,YAAa,2CACb,KAAM,QACN,MAAO,CACL,MAAO,CACL,IAAK,mBACL,IAAK,uBACP,EACA,QAAS,OACT,OAAQ,YACR,YAAa,CAAE,MAAO,aAAc,CACtC,CACF,EACA,CACE,YAAa,yCACb,KAAM,QACN,MAAO,CACL,MAAO,CACL,IAAK,wBACL,IAAK,8BACP,EACA,OAAQ,YACR,SAAU,aACV,OAAQ,CACN,KAAM,yBACN,IAAK,+BACP,EACA,SAAU,mBACZ,CACF,EACA,CACE,YAAa,qDACb,KAAM,QACN,MAAO,CACL,MAAO,CACL,IAAK,4BACL,IAAK,sCACP,EACA,OAAQ,CACN,KAAM,0BACN,IAAK,4BACP,EACA,SAAU,4BACV,OAAQ,YACR,SAAU,YACZ,CACF,EACA,CACE,YAAa,8CACb,KAAM,QACN,MAAO,CACL,MAAO,CACL,IAAK,yBACL,IAAK,kDACP,EACA,OAAQ,YACR,SAAU,aACV,YAAa,CAAE,MAAO,YAAa,EACnC,QAAS,MACX,CACF,EACA,CACE,YAAa,gDACb,KAAM,QACN,MAAO,CACL,MAAO,CACL,IAAK,yBACL,IAAK,wDACP,EACA,OAAQ,CACN,KAAM,6BACN,IAAK,mCACP,EACA,SAAU,mBACV,OAAQ,YACR,SAAU,aACV,QAAS,QACX,CACF,EACA,CACE,YAAa,mDACb,KAAM,QACN,MAAO,CACL,MAAO,CACL,IAAK,2BACL,IAAK,uCACP,EACA,YAAa,CAAE,MAAO,eAAgB,EACtC,QAAS,OACT,OAAQ,YACR,SAAU,cACZ,CACF,EACA,CACE,YAAa,6DACb,KAAM,QACN,MAAO,CACL,MAAO,CACL,IAAK,gCACL,IAAK,2DACP,EACA,SAAU,eACV,OAAQ,YACR,QAAS,UACT,YAAa,CAAE,MAAO,WAAY,CACpC,CACF,EACA,CACE,YAAa,iDACb,KAAM,QACN,MAAO,CACL,MAAO,CACL,IAAK,yBACL,IAAK,2CACP,EACA,OAAQ,CACN,KAAM,4BACN,IAAK,8BACP,EACA,SAAU,kBACV,OAAQ,YACR,SAAU,aACV,QAAS,SACT,YAAa,CAAE,MAAO,YAAa,EACnC,KAAM,CACJ,KAAM,UACR,CACF,CACF,EACA,CACE,YAAa,uDACb,KAAM,QACN,MAAO,CACL,MAAO,CACL,IAAK,+BACL,IAAK,qDACP,EACA,SAAU,eACV,OAAQ,YACR,QAAS,UACT,YAAa,CAAE,MAAO,eAAgB,EACtC,KAAM,CACJ,KAAM,aACR,CACF,CACF,CACF","names":["RxImage","Type","manifest","defineBrickManifest","RxImage","defineProps","imageRef","Type","colorPresetRef","cssLengthRef","roundingRef","borderRef","shadowRef","string","loopRef","examples"]}
+{"version":3,"sources":["../../src/shared/bricks/manifests/image.manifest.ts"],"sourcesContent":["import { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { imageRef } from \"../props/image\";\nimport { shadowRef } from \"../props/effects\";\nimport { RxImage } from \"react-icons/rx\";\nimport { string } from \"../props/string\";\nimport { Type } from \"@sinclair/typebox\";\nimport type { BrickProps } from \"../props/types\";\nimport { backgroundColorRef } from \"../props/background\";\nimport { borderRef, roundingRef } from \"../props/border\";\nimport { loopRef } from \"../props/dynamic\";\nimport { colorPresetRef } from \"../props/color-preset\";\nimport { cssLengthRef } from \"../props/css-length\";\n\nexport const manifest = defineBrickManifest({\n  type: \"image\",\n  name: \"Image\",\n  category: \"media\",\n  description: \"An image brick\",\n  aiInstructions:\n    \"An image brick that can display an image with optional styling such as padding, border radius, and shadow. It supports giving credit to the image author and specifying the image provider.\",\n  defaultWidth: { desktop: \"auto\", mobile: \"100%\" },\n  icon: RxImage,\n  props: defineProps({\n    image: imageRef({\n      metadata: {\n        category: \"content\",\n      },\n    }),\n    colorPreset: Type.Optional(colorPresetRef()),\n    padding: Type.Optional(\n      cssLengthRef({\n        description: \"Padding inside the image.\",\n        title: \"Padding\",\n        \"ai:instructions\": \"Use only a single value like '1rem' or '10px'\",\n        \"ui:responsive\": true,\n        \"ui:placeholder\": \"Not specified\",\n        \"ui:styleId\": \"styles:padding\",\n      }),\n    ),\n    rounding: Type.Optional(\n      roundingRef({\n        default: \"rounded-md\",\n      }),\n    ),\n    border: Type.Optional(borderRef()),\n    shadow: Type.Optional(shadowRef()),\n    blurHash: Type.Optional(\n      string(\"Blur Hash\", {\n        \"ui:field\": \"hidden\",\n        description: \"A placeholder for the image while it is loading. Use a blur hash string.\",\n      }),\n    ),\n    author: Type.Optional(\n      Type.Object(\n        {\n          name: string(\"Image Author\", {\n            description: \"Image author. Use this to give credit to the author\",\n          }),\n          url: string(\"Image Author URL\", {\n            description: \"Image author URL. Use this to give credit to the author\",\n          }),\n        },\n        {\n          \"ui:field\": \"hidden\",\n        },\n      ),\n    ),\n    provider: Type.Optional(\n      string(\"Image Provider\", {\n        \"ui:field\": \"hidden\",\n        \"ai:instructions\": \"The provider of the image, e.g. 'unsplash', 'pexels', etc.\",\n      }),\n    ),\n    loop: Type.Optional(loopRef()),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: {\n  description: string;\n  type: string;\n  props: BrickProps<Manifest>[\"brick\"][\"props\"];\n}[] = [\n  {\n    description: \"Hero landscape image with large shadow\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/800x400.png?text=Hero+Landscape\",\n        alt: \"Beautiful landscape view for hero section\",\n      },\n      shadow: \"shadow-lg\",\n    },\n  },\n  {\n    description: \"Team member profile photo, full rounded\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/300x300.png?text=Profile+Photo\",\n        alt: \"Team member profile photo\",\n      },\n      shadow: \"shadow-md\",\n      rounding: \"rounded-full\",\n    },\n  },\n  {\n    description: \"Product showcase image\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/400x400.png?text=Product+Image\",\n        alt: \"Premium product showcase\",\n      },\n      shadow: \"shadow-sm\",\n    },\n  },\n  {\n    description: \"Blog article featured image with medium shadow and full author info\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/600x300.png?text=Article+Featured\",\n        alt: \"Featured image for blog article\",\n      },\n      author: {\n        name: \"John Photographer\",\n        url: \"https://example.com/john\",\n      },\n      provider: \"unsplash\",\n      shadow: \"shadow-md\",\n    },\n  },\n\n  {\n    description: \"Logo image with padding and small shadow\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/200x80.png?text=Company+Logo\",\n        alt: \"Company logo\",\n      },\n      padding: \"p-8\",\n      shadow: \"shadow-sm\",\n    },\n  },\n  {\n    description: \"Testimonial customer photo with large shadow and small padding\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/120x120.png?text=Customer\",\n        alt: \"Happy customer testimonial photo\",\n      },\n      shadow: \"shadow-lg\",\n      padding: \"p-2\",\n    },\n  },\n  {\n    description: \"Event banner image with neutral-500 background\",\n    type: \"image\",\n    props: {\n      colorPreset: { color: \"neutral-500\" },\n      image: {\n        src: \"https://via.placeholder.com/800x200.png?text=Event+Banner\",\n        alt: \"Annual conference event banner\",\n      },\n      shadow: \"shadow-xl\",\n      author: {\n        name: \"Event Photographer\",\n        url: \"https://example.com/photographer\",\n      },\n      provider: \"pexels\",\n    },\n  },\n  {\n    description: \"Illustration with background and padding\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/150x150.png?text=Blabla+Feature\",\n        alt: \"Feature illustration\",\n      },\n      padding: \"p-8\",\n      shadow: \"shadow-sm\",\n    },\n  },\n  {\n    description: \"Image with blurHash\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/300x200.png?text=Card+Image\",\n        alt: \"My image\",\n      },\n      shadow: \"shadow-md\",\n      blurHash: \"L6PZfSi_.AyE_3t7t7R**0o#DgR4\",\n    },\n  },\n  {\n    description: \"Dynamic employee photo using employee query\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{employee.photo}}\",\n        alt: \"Photo of {{employee.fullName}}\",\n      },\n      rounding: \"rounded-full\",\n      shadow: \"shadow-lg\",\n      padding: \"1rem\",\n    },\n  },\n  {\n    description: \"Dynamic product image using product query with author attribution\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{product.featuredImage}}\",\n        alt: \"{{product.name}} - {{product.category}}\",\n      },\n      author: {\n        name: \"{{product.photographer}}\",\n        url: \"{{product.photographerUrl}}\",\n      },\n      provider: \"company-assets\",\n      shadow: \"shadow-md\",\n      rounding: \"rounded-lg\",\n    },\n  },\n  {\n    description: \"Dynamic company logo using company query\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{company.logo}}\",\n        alt: \"{{company.name}} logo\",\n      },\n      padding: \"2rem\",\n      shadow: \"shadow-sm\",\n      colorPreset: { color: \"neutral-100\" },\n    },\n  },\n  {\n    description: \"Dynamic event banner using event query\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{event.bannerImage}}\",\n        alt: \"{{event.title}} event banner\",\n      },\n      shadow: \"shadow-xl\",\n      rounding: \"rounded-xl\",\n      author: {\n        name: \"{{event.photographer}}\",\n        url: \"{{event.photographerProfile}}\",\n      },\n      provider: \"event-photography\",\n    },\n  },\n  {\n    description: \"Dynamic article featured image using article query\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{article.featuredImage}}\",\n        alt: \"Featured image for {{article.title}}\",\n      },\n      author: {\n        name: \"{{article.imageCredit}}\",\n        url: \"{{article.imageCreditUrl}}\",\n      },\n      provider: \"{{article.imageProvider}}\",\n      shadow: \"shadow-md\",\n      rounding: \"rounded-lg\",\n    },\n  },\n  {\n    description: \"Dynamic property photo using property query\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{property.mainPhoto}}\",\n        alt: \"{{property.address}} - {{property.propertyType}}\",\n      },\n      shadow: \"shadow-lg\",\n      rounding: \"rounded-xl\",\n      colorPreset: { color: \"primary-50\" },\n      padding: \"1rem\",\n    },\n  },\n  {\n    description: \"Dynamic portfolio piece using portfolio query\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{portfolio.imageUrl}}\",\n        alt: \"{{portfolio.projectName}} for {{portfolio.clientName}}\",\n      },\n      author: {\n        name: \"{{portfolio.photographer}}\",\n        url: \"{{portfolio.photographerWebsite}}\",\n      },\n      provider: \"portfolio-assets\",\n      shadow: \"shadow-md\",\n      rounding: \"rounded-lg\",\n      padding: \"0.5rem\",\n    },\n  },\n  {\n    description: \"Dynamic service illustration using service query\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{service.illustration}}\",\n        alt: \"{{service.name}} service illustration\",\n      },\n      colorPreset: { color: \"secondary-100\" },\n      padding: \"2rem\",\n      shadow: \"shadow-sm\",\n      rounding: \"rounded-full\",\n    },\n  },\n  {\n    description: \"Dynamic testimonial customer photo using testimonial query\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{testimonial.customerPhoto}}\",\n        alt: \"{{testimonial.customerName}} from {{testimonial.company}}\",\n      },\n      rounding: \"rounded-full\",\n      shadow: \"shadow-lg\",\n      padding: \"0.25rem\",\n      colorPreset: { color: \"accent-50\" },\n    },\n  },\n  {\n    description: \"Product gallery using products query with loop\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{products.mainImage}}\",\n        alt: \"{{products.name}} - {{products.category}}\",\n      },\n      author: {\n        name: \"{{products.photographer}}\",\n        url: \"{{products.photographerUrl}}\",\n      },\n      provider: \"product-catalog\",\n      shadow: \"shadow-md\",\n      rounding: \"rounded-lg\",\n      padding: \"0.5rem\",\n      colorPreset: { color: \"primary-50\" },\n      loop: {\n        over: \"products\",\n      },\n    },\n  },\n  {\n    description: \"Team member photos using teamMembers query with loop\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{teamMembers.profilePhoto}}\",\n        alt: \"{{teamMembers.fullName}} - {{teamMembers.position}}\",\n      },\n      rounding: \"rounded-full\",\n      shadow: \"shadow-lg\",\n      padding: \"0.75rem\",\n      colorPreset: { color: \"secondary-100\" },\n      loop: {\n        over: \"teamMembers\",\n      },\n    },\n  },\n];\n"],"mappings":"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","names":[]}