import { d as o } from "./chunk-VPFCY4DH.js";
import { b as t } from "./chunk-6WCGUAQN.js";
import { b as i } from "./chunk-T4LMBG2G.js";
import { b as r, d as p } from "./chunk-ACVLF55Q.js";
import { c as s } from "./chunk-UU2MSQXY.js";
import { a } from "./chunk-T3LIA4YB.js";
import { b as m } from "./chunk-RGLVKILY.js";
import { e as d } from "./chunk-YBGPPF7T.js";
import { a as h } from "./chunk-VGRYSAXA.js";
import { RxImage as l } from "../../../../node_modules/.pnpm/react-icons@5.5.0_react@18.3.0-canary-3d9b20132-20240124/node_modules/react-icons/rx/index.js";
import { Type as e } from "@sinclair/typebox";
/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
var O = h({ type: "image", name: "Image", category: "media", description: "An image brick", defaultWidth: { desktop: "auto", mobile: "100%" }, icon: l, props: s({ image: m({ metadata: { category: "content" } }), backgroundColor: e.Optional(o()), padding: e.Optional(t({})), rounding: e.Optional(p({ default: "rounded-md" })), border: e.Optional(r()), shadow: e.Optional(i()), blurHash: e.Optional(a("Blur Hash", { "ui:field": "hidden", description: "A placeholder for the image while it is loading. Use a blur hash string." })), author: e.Optional(e.Object({ name: a("Image Author", { description: "Image author. Use this to give credit to the author" }), url: a("Image Author URL", { description: "Image author URL. Use this to give credit to the author" }) }, { "ui:field": "hidden" })), provider: e.Optional(a("Image Provider", { "ui:field": "hidden", "ai:instructions": "The provider of the image, e.g. 'unsplash', 'pexels', etc." })), loop: e.Optional(d()) }) }), P = [{ description: "Hero landscape image with 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", type: "image", props: { image: { src: "https://via.placeholder.com/300x300.png?text=Profile+Photo", alt: "Team member profile photo" }, shadow: "shadow-md" } }, { 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", 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: "Gallery thumbnail with hover effect", type: "image", props: { image: { src: "https://via.placeholder.com/250x250.png?text=Gallery+Thumb", alt: "Gallery thumbnail image" }, shadow: "shadow-md" } }, { description: "Logo image with padding", 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", 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", type: "image", props: { 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", 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" } }];
export {
  O as a,
  P as b
};
//# sourceMappingURL=chunk-X43MB5WD.js.map
