{"version":3,"file":"responsive-image.rQy7dz4g.js","sources":["../../../src/lib/image.ts","../../../src/components/ui/responsive-image.tsx"],"sourcesContent":["type ImageConfig = {\n  originalSrc: string\n  pngSrc: string\n  webpSrc: string\n}\n\ntype ProcessedImages = {\n  images: ImageConfig[]\n}\n\nconst getProcessedImage = (processedImages: ProcessedImages, image: ImageMetadata): ImageConfig => {\n  const processedImage = processedImages.images.find((img) => img.originalSrc === image.src)\n\n  if (!processedImage) {\n    throw new Error(\n      `Could not find processed image for ${image.src}. Please add it to your [page].astro file.`\n    )\n  }\n\n  return processedImage\n}\n\nexport { type ImageConfig, type ProcessedImages, getProcessedImage }\n","import type { ImageConfig } from '@lib/image'\n\nconst ResponsiveImage = ({\n  image,\n  className,\n  alt,\n  width,\n  height\n}: {\n  image: ImageConfig\n  className?: string\n  alt: string\n  width: number\n  height: number\n}) => {\n  return (\n    <picture>\n      <source srcSet={image.webpSrc} type=\"image/webp\" />\n      <img\n        src={image.pngSrc}\n        alt={alt}\n        width={width}\n        height={height}\n        decoding=\"async\"\n        loading=\"lazy\"\n        className={className}\n      />\n    </picture>\n  )\n}\n\nexport { ResponsiveImage }\n"],"names":["getProcessedImage","processedImages","image","processedImage","img","ResponsiveImage","className","alt","width","height","jsx"],"mappings":"kZAUM,MAAAA,EAAoB,CAACC,EAAkCC,IAAsC,CAC3F,MAAAC,EAAiBF,EAAgB,OAAO,KAAMG,GAAQA,EAAI,cAAgBF,EAAM,GAAG,EAEzF,GAAI,CAACC,EACH,MAAM,IAAI,MACR,sCAAsCD,EAAM,GAAG,4CAAA,EAI5C,OAAAC,CACT,EClBME,EAAkB,CAAC,CACvB,MAAAH,EACA,UAAAI,EACA,IAAAC,EACA,MAAAC,EACA,OAAAC,CACF,WAQK,UACC,CAAA,SAAA,CAAAC,EAAA,IAAC,SAAO,CAAA,OAAQR,EAAM,QAAS,KAAK,aAAa,EACjDQ,EAAA,IAAC,MAAA,CACC,IAAKR,EAAM,OACX,IAAAK,EACA,MAAAC,EACA,OAAAC,EACA,SAAS,QACT,QAAQ,OACR,UAAAH,CAAA,CACF,CACF,CAAA,CAAA"}