@upstart.gg/sdk 0.0.138 → 0.0.139

package/dist/shared/bricks/manifests/image.manifest.js

@@ -1,28 +1,457 @@
-/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
-
-import {
-  examples,
-  manifest
-} from "../../chunk-B5T2LFV2.js";
-import "../../chunk-VYA2FCTY.js";
-import "../../chunk-EUFVTHAG.js";
-import "../../chunk-UC75KRLX.js";
-import "../../chunk-2Z5WOCFS.js";
-import "../../chunk-5RCC2STG.js";
-import "../../chunk-XFZQGRRL.js";
-import "../../chunk-IEMCCHM4.js";
-import "../../chunk-2UEPTT5J.js";
-import "../../chunk-2EOCK66Z.js";
-import "../../chunk-OJ6KL7FU.js";
-import "../../chunk-ZRBTAC3G.js";
-import "../../chunk-EMF5TCPX.js";
-import "../../chunk-MO6CRLQA.js";
-import "../../chunk-GNTJT7MR.js";
-import "../../chunk-TZ6X7ZM5.js";
-import "../../chunk-GDYCCB3B.js";
-import "../../chunk-ZGQ3AQBG.js";
-export {
-  examples,
-  manifest
-};
+import { defineBrickManifest } from "../../brick-manifest.js";
+import { cssLength } from "../props/css-length.js";
+import { defineProps } from "../props/helpers.js";
+import { image } from "../props/image.js";
+import { shadow } from "../props/effects.js";
+import { colorPreset } from "../props/color-preset.js";
+import { loop } from "../props/dynamic.js";
+import { border, rounding } from "../props/border.js";
+import { Type } from "@sinclair/typebox";
+import { RxImage } from "react-icons/rx";
+
+//#region src/shared/bricks/manifests/image.manifest.ts
+const manifest = defineBrickManifest({
+	type: "image",
+	name: "Image",
+	category: "media",
+	description: "An image brick",
+	aiInstructions: `PURPOSE
+Display a single image with optional framing (padding, rounding, border, shadow, colorPreset) and attribution (author/provider). Can also loop over a dataset showing one image per item.
+
+REQUIRED
+• 'image.src' and 'image.alt' (alt must be meaningful, not empty; may interpolate page queries fields).
+
+STYLING
+• padding should be a single css length value (like '1rem' or '0.75rem').
+• rounding defaults to a modest radius; override for circular avatars (rounded-full) or strong accent (rounded-xl).
+• border optional: keep subtle (border / border-2) unless emphasis required.
+• Use shadow sparingly (shadow-sm / shadow-md); large (shadow-xl) for hero or banner impact.
+
+ATTRIBUTION
+• If using external photography include author { name, url } and provider (e.g. 'unsplash'). Omit provider if internal asset.
+
+DYNAMIC DATA
+• Interpolate dataset fields with {{dataset.field}} in src and alt.
+• For lists: use loop.over = "datasetName". Provide exactly one example object (this component itself) when looping (do not replicate multiple objects).
+
+RESPONSIVE
+• mobileProps may reduce padding or alter rounding only if it materially improves mobile layout. Always repeat required fields (image.src, image.alt) if providing mobileProps.
+
+DON'TS
+✗ Don't add unrelated props.
+✗ Don't fabricate color tokens (no success-, warning-, danger- etc.).
+✗ Don't use HTML markup inside alt.
+
+DO
+✓ Provide descriptive alt text (<125 chars) describing content or function.
+✓ Use semantic color presets consistently.
+✓ Add author/provider when you have them.
+`,
+	defaultWidth: {
+		desktop: "auto",
+		mobile: "100%"
+	},
+	icon: RxImage,
+	props: defineProps({
+		image: image({ metadata: { category: "content" } }),
+		colorPreset: Type.Optional(colorPreset()),
+		padding: Type.Optional(cssLength({
+			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(rounding()),
+		border: Type.Optional(border()),
+		shadow: Type.Optional(shadow()),
+		blurHash: Type.Optional(Type.String({
+			title: "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: Type.String({
+				title: "Image Author",
+				description: "Image author. Use this to give credit to the author"
+			}),
+			url: Type.String({
+				title: "Image Author URL",
+				format: "uri",
+				description: "Image author URL. Use this to give credit to the author"
+			})
+		}, { "ui:field": "hidden" })),
+		provider: Type.Optional(Type.String({
+			title: "Image Provider",
+			"ui:field": "hidden",
+			"ai:instructions": "The provider of the image, e.g. 'unsplash', 'pexels', etc."
+		})),
+		loop: Type.Optional(loop())
+	})
+});
+const 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: "Framed image with accent gradient background and padding",
+		type: "image",
+		props: {
+			image: {
+				src: "https://via.placeholder.com/640x360.png?text=Showcase",
+				alt: "Showcase screenshot inside accent gradient frame"
+			},
+			colorPreset: {
+				color: "accent-gradient-400",
+				gradientDirection: "bg-gradient-to-br"
+			},
+			padding: "1rem",
+			rounding: "rounded-xl",
+			shadow: "shadow-md"
+		}
+	},
+	{
+		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: "Dark framed image with neutral-800 background and subtle border",
+		type: "image",
+		props: {
+			image: {
+				src: "https://via.placeholder.com/500x300.png?text=Dark+Mode",
+				alt: "Interface preview in dark mode"
+			},
+			colorPreset: { color: "neutral-800" },
+			padding: "1rem",
+			border: {
+				width: "border",
+				color: "border-neutral-700"
+			},
+			rounding: "rounded-lg",
+			shadow: "shadow-md"
+		}
+	},
+	{
+		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: "Responsive image with reduced mobile padding",
+		type: "image",
+		props: {
+			image: {
+				src: "https://via.placeholder.com/640x360.png?text=Responsive",
+				alt: "Responsive framed screenshot"
+			},
+			padding: "2rem",
+			colorPreset: { color: "primary-50" },
+			rounding: "rounded-xl",
+			shadow: "shadow-sm"
+		},
+		mobileProps: {
+			image: {
+				src: "https://via.placeholder.com/640x360.png?text=Responsive",
+				alt: "Responsive framed screenshot"
+			},
+			padding: "1rem",
+			colorPreset: { color: "primary-50" },
+			rounding: "rounded-lg"
+		}
+	},
+	{
+		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: "Loop template: product gallery (one definition, repeated by loop.over)",
+		type: "image",
+		props: {
+			image: {
+				src: "{{products.mainImage}}",
+				alt: "{{products.name}} – {{products.category}}"
+			},
+			rounding: "rounded-md",
+			padding: "0.5rem",
+			shadow: "shadow-sm",
+			loop: { over: "products" }
+		}
+	},
+	{
+		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" }
+		}
+	}
+];
+
+//#endregion
+export { examples, manifest };
 //# sourceMappingURL=image.manifest.js.map

package/dist/shared/bricks/manifests/image.manifest.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"file":"image.manifest.js","names":["examples: {\n  description: string;\n  type: string;\n  props: BrickProps<Manifest>[\"brick\"][\"props\"];\n  mobileProps?: BrickProps<Manifest>[\"brick\"][\"props\"];\n}[]"],"sources":["../../../../src/shared/bricks/manifests/image.manifest.ts"],"sourcesContent":["import { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { image } from \"../props/image\";\nimport { shadow } from \"../props/effects\";\nimport { RxImage } from \"react-icons/rx\";\nimport { Type } from \"@sinclair/typebox\";\nimport type { BrickProps } from \"../props/types\";\nimport { border, rounding } from \"../props/border\";\nimport { loop } from \"../props/dynamic\";\nimport { cssLength } from \"../props/css-length\";\nimport { colorPreset } from \"../props/color-preset\";\n\nexport const manifest = defineBrickManifest({\n  type: \"image\",\n  name: \"Image\",\n  category: \"media\",\n  description: \"An image brick\",\n  aiInstructions: `PURPOSE\nDisplay a single image with optional framing (padding, rounding, border, shadow, colorPreset) and attribution (author/provider). Can also loop over a dataset showing one image per item.\n\nREQUIRED\n• 'image.src' and 'image.alt' (alt must be meaningful, not empty; may interpolate page queries fields).\n\nSTYLING\n• padding should be a single css length value (like '1rem' or '0.75rem').\n• rounding defaults to a modest radius; override for circular avatars (rounded-full) or strong accent (rounded-xl).\n• border optional: keep subtle (border / border-2) unless emphasis required.\n• Use shadow sparingly (shadow-sm / shadow-md); large (shadow-xl) for hero or banner impact.\n\nATTRIBUTION\n• If using external photography include author { name, url } and provider (e.g. 'unsplash'). Omit provider if internal asset.\n\nDYNAMIC DATA\n• Interpolate dataset fields with {{dataset.field}} in src and alt.\n• For lists: use loop.over = \"datasetName\". Provide exactly one example object (this component itself) when looping (do not replicate multiple objects).\n\nRESPONSIVE\n• mobileProps may reduce padding or alter rounding only if it materially improves mobile layout. Always repeat required fields (image.src, image.alt) if providing mobileProps.\n\nDON'TS\n✗ Don't add unrelated props.\n✗ Don't fabricate color tokens (no success-, warning-, danger- etc.).\n✗ Don't use HTML markup inside alt.\n\nDO\n✓ Provide descriptive alt text (<125 chars) describing content or function.\n✓ Use semantic color presets consistently.\n✓ Add author/provider when you have them.\n`,\n  defaultWidth: { desktop: \"auto\", mobile: \"100%\" },\n  icon: RxImage,\n  props: defineProps({\n    image: image({\n      metadata: {\n        category: \"content\",\n      },\n    }),\n    colorPreset: Type.Optional(colorPreset()),\n    padding: Type.Optional(\n      cssLength({\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(rounding()),\n    border: Type.Optional(border()),\n    shadow: Type.Optional(shadow()),\n    blurHash: Type.Optional(\n      Type.String({\n        title: \"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: Type.String({\n            title: \"Image Author\",\n            description: \"Image author. Use this to give credit to the author\",\n          }),\n          url: Type.String({\n            title: \"Image Author URL\",\n            format: \"uri\",\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      Type.String({\n        title: \"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(loop()),\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  mobileProps?: 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: \"Framed image with accent gradient background and padding\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/640x360.png?text=Showcase\",\n        alt: \"Showcase screenshot inside accent gradient frame\",\n      },\n      colorPreset: { color: \"accent-gradient-400\", gradientDirection: \"bg-gradient-to-br\" },\n      padding: \"1rem\",\n      rounding: \"rounded-xl\",\n      shadow: \"shadow-md\",\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: \"Dark framed image with neutral-800 background and subtle border\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/500x300.png?text=Dark+Mode\",\n        alt: \"Interface preview in dark mode\",\n      },\n      colorPreset: { color: \"neutral-800\" },\n      padding: \"1rem\",\n      border: { width: \"border\", color: \"border-neutral-700\" },\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-md\",\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: \"Responsive image with reduced mobile padding\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/640x360.png?text=Responsive\",\n        alt: \"Responsive framed screenshot\",\n      },\n      padding: \"2rem\",\n      colorPreset: { color: \"primary-50\" },\n      rounding: \"rounded-xl\",\n      shadow: \"shadow-sm\",\n    },\n    mobileProps: {\n      image: {\n        src: \"https://via.placeholder.com/640x360.png?text=Responsive\",\n        alt: \"Responsive framed screenshot\",\n      },\n      padding: \"1rem\",\n      colorPreset: { color: \"primary-50\" },\n      rounding: \"rounded-lg\",\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: \"Loop template: product gallery (one definition, repeated by loop.over)\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{products.mainImage}}\",\n        alt: \"{{products.name}} – {{products.category}}\",\n      },\n      rounding: \"rounded-md\",\n      padding: \"0.5rem\",\n      shadow: \"shadow-sm\",\n      loop: { over: \"products\" },\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":";;;;;;;;;;;;AAYA,MAAa,WAAW,oBAAoB;CAC1C,MAAM;CACN,MAAM;CACN,UAAU;CACV,aAAa;CACb,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgChB,cAAc;EAAE,SAAS;EAAQ,QAAQ;EAAQ;CACjD,MAAM;CACN,OAAO,YAAY;EACjB,OAAO,MAAM,EACX,UAAU,EACR,UAAU,WACX,EACF,CAAC;EACF,aAAa,KAAK,SAAS,aAAa,CAAC;EACzC,SAAS,KAAK,SACZ,UAAU;GACR,aAAa;GACb,OAAO;GACP,mBAAmB;GACnB,iBAAiB;GACjB,kBAAkB;GAClB,cAAc;GACf,CAAC,CACH;EACD,UAAU,KAAK,SAAS,UAAU,CAAC;EACnC,QAAQ,KAAK,SAAS,QAAQ,CAAC;EAC/B,QAAQ,KAAK,SAAS,QAAQ,CAAC;EAC/B,UAAU,KAAK,SACb,KAAK,OAAO;GACV,OAAO;GACP,YAAY;GACZ,aAAa;GACd,CAAC,CACH;EACD,QAAQ,KAAK,SACX,KAAK,OACH;GACE,MAAM,KAAK,OAAO;IAChB,OAAO;IACP,aAAa;IACd,CAAC;GACF,KAAK,KAAK,OAAO;IACf,OAAO;IACP,QAAQ;IACR,aAAa;IACd,CAAC;GACH,EACD,EACE,YAAY,UACb,CACF,CACF;EACD,UAAU,KAAK,SACb,KAAK,OAAO;GACV,OAAO;GACP,YAAY;GACZ,mBAAmB;GACpB,CAAC,CACH;EACD,MAAM,KAAK,SAAS,MAAM,CAAC;EAC5B,CAAC;CACH,CAAC;AAIF,MAAaA,WAKP;CACJ;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;IACL,KAAK;IACL,KAAK;IACN;GACD,QAAQ;GACT;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;IACL,KAAK;IACL,KAAK;IACN;GACD,aAAa;IAAE,OAAO;IAAuB,mBAAmB;IAAqB;GACrF,SAAS;GACT,UAAU;GACV,QAAQ;GACT;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;IACL,KAAK;IACL,KAAK;IACN;GACD,QAAQ;GACR,UAAU;GACX;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;IACL,KAAK;IACL,KAAK;IACN;GACD,QAAQ;GACT;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;IACL,KAAK;IACL,KAAK;IACN;GACD,QAAQ;IACN,MAAM;IACN,KAAK;IACN;GACD,UAAU;GACV,QAAQ;GACT;EACF;CAED;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;IACL,KAAK;IACL,KAAK;IACN;GACD,SAAS;GACT,QAAQ;GACT;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;IACL,KAAK;IACL,KAAK;IACN;GACD,aAAa,EAAE,OAAO,eAAe;GACrC,SAAS;GACT,QAAQ;IAAE,OAAO;IAAU,OAAO;IAAsB;GACxD,UAAU;GACV,QAAQ;GACT;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;IACL,KAAK;IACL,KAAK;IACN;GACD,QAAQ;GACR,SAAS;GACV;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,aAAa,EAAE,OAAO,eAAe;GACrC,OAAO;IACL,KAAK;IACL,KAAK;IACN;GACD,QAAQ;GACR,QAAQ;IACN,MAAM;IACN,KAAK;IACN;GACD,UAAU;GACX;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;IACL,KAAK;IACL,KAAK;IACN;GACD,SAAS;GACT,QAAQ;GACT;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;IACL,KAAK;IACL,KAAK;IACN;GACD,QAAQ;GACR,UAAU;GACX;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;IACL,KAAK;IACL,KAAK;IACN;GACD,SAAS;GACT,aAAa,EAAE,OAAO,cAAc;GACpC,UAAU;GACV,QAAQ;GACT;EACD,aAAa;GACX,OAAO;IACL,KAAK;IACL,KAAK;IACN;GACD,SAAS;GACT,aAAa,EAAE,OAAO,cAAc;GACpC,UAAU;GACX;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;IACL,KAAK;IACL,KAAK;IACN;GACD,UAAU;GACV,QAAQ;GACR,SAAS;GACV;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;IACL,KAAK;IACL,KAAK;IACN;GACD,QAAQ;IACN,MAAM;IACN,KAAK;IACN;GACD,UAAU;GACV,QAAQ;GACR,UAAU;GACX;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;IACL,KAAK;IACL,KAAK;IACN;GACD,SAAS;GACT,QAAQ;GACR,aAAa,EAAE,OAAO,eAAe;GACtC;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;IACL,KAAK;IACL,KAAK;IACN;GACD,QAAQ;GACR,UAAU;GACV,QAAQ;IACN,MAAM;IACN,KAAK;IACN;GACD,UAAU;GACX;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;IACL,KAAK;IACL,KAAK;IACN;GACD,UAAU;GACV,SAAS;GACT,QAAQ;GACR,MAAM,EAAE,MAAM,YAAY;GAC3B;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;IACL,KAAK;IACL,KAAK;IACN;GACD,QAAQ;IACN,MAAM;IACN,KAAK;IACN;GACD,UAAU;GACV,QAAQ;GACR,UAAU;GACX;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;IACL,KAAK;IACL,KAAK;IACN;GACD,QAAQ;GACR,UAAU;GACV,aAAa,EAAE,OAAO,cAAc;GACpC,SAAS;GACV;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;IACL,KAAK;IACL,KAAK;IACN;GACD,QAAQ;IACN,MAAM;IACN,KAAK;IACN;GACD,UAAU;GACV,QAAQ;GACR,UAAU;GACV,SAAS;GACV;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;IACL,KAAK;IACL,KAAK;IACN;GACD,aAAa,EAAE,OAAO,iBAAiB;GACvC,SAAS;GACT,QAAQ;GACR,UAAU;GACX;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;IACL,KAAK;IACL,KAAK;IACN;GACD,UAAU;GACV,QAAQ;GACR,SAAS;GACT,aAAa,EAAE,OAAO,aAAa;GACpC;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;IACL,KAAK;IACL,KAAK;IACN;GACD,QAAQ;IACN,MAAM;IACN,KAAK;IACN;GACD,UAAU;GACV,QAAQ;GACR,UAAU;GACV,SAAS;GACT,aAAa,EAAE,OAAO,cAAc;GACpC,MAAM,EACJ,MAAM,YACP;GACF;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;IACL,KAAK;IACL,KAAK;IACN;GACD,UAAU;GACV,QAAQ;GACR,SAAS;GACT,aAAa,EAAE,OAAO,iBAAiB;GACvC,MAAM,EACJ,MAAM,eACP;GACF;EACF;CACF"}