@ubean/image 0.1.2 → 0.1.3

package/dist/components.d.ts

@@ -0,0 +1,167 @@
+import { i as ImageFormat, r as ImageFit, s as ImagePosition } from "./types-DosomQo8.js";
+import { PropType } from "vue";
+//#region src/components.d.ts
+declare const NuxtImg: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  src: {
+    type: PropType<string>;
+    required: true;
+  };
+  alt: {
+    type: StringConstructor;
+    default: string;
+  };
+  title: StringConstructor;
+  width: (StringConstructor | NumberConstructor)[];
+  height: (StringConstructor | NumberConstructor)[];
+  sizes: StringConstructor;
+  srcset: StringConstructor;
+  loading: {
+    type: PropType<"lazy" | "eager">;
+    default: string;
+  };
+  crossorigin: PropType<"" | "anonymous" | "use-credentials">;
+  referrerpolicy: StringConstructor;
+  placeholder: {
+    type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+    default: undefined;
+  };
+  format: PropType<ImageFormat>;
+  quality: (StringConstructor | NumberConstructor)[];
+  fit: PropType<ImageFit>;
+  position: PropType<ImagePosition>;
+  background: StringConstructor;
+  blur: (StringConstructor | NumberConstructor)[];
+  preset: StringConstructor;
+  provider: StringConstructor;
+  densities: StringConstructor;
+  preload: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  noModule: BooleanConstructor;
+  sizesList: PropType<number[]>;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  src: {
+    type: PropType<string>;
+    required: true;
+  };
+  alt: {
+    type: StringConstructor;
+    default: string;
+  };
+  title: StringConstructor;
+  width: (StringConstructor | NumberConstructor)[];
+  height: (StringConstructor | NumberConstructor)[];
+  sizes: StringConstructor;
+  srcset: StringConstructor;
+  loading: {
+    type: PropType<"lazy" | "eager">;
+    default: string;
+  };
+  crossorigin: PropType<"" | "anonymous" | "use-credentials">;
+  referrerpolicy: StringConstructor;
+  placeholder: {
+    type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+    default: undefined;
+  };
+  format: PropType<ImageFormat>;
+  quality: (StringConstructor | NumberConstructor)[];
+  fit: PropType<ImageFit>;
+  position: PropType<ImagePosition>;
+  background: StringConstructor;
+  blur: (StringConstructor | NumberConstructor)[];
+  preset: StringConstructor;
+  provider: StringConstructor;
+  densities: StringConstructor;
+  preload: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  noModule: BooleanConstructor;
+  sizesList: PropType<number[]>;
+}>> & Readonly<{}>, {
+  noModule: boolean;
+  alt: string;
+  loading: "lazy" | "eager";
+  placeholder: string | number | boolean;
+  preload: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const NuxtPicture: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  src: {
+    type: StringConstructor;
+    required: true;
+  };
+  alt: {
+    type: StringConstructor;
+    default: string;
+  };
+  title: StringConstructor;
+  width: (StringConstructor | NumberConstructor)[];
+  height: (StringConstructor | NumberConstructor)[];
+  sizes: StringConstructor;
+  loading: {
+    type: PropType<"lazy" | "eager">;
+    default: string;
+  };
+  crossorigin: StringConstructor;
+  referrerpolicy: StringConstructor;
+  placeholder: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+  format: PropType<ImageFormat[]>;
+  quality: (StringConstructor | NumberConstructor)[];
+  fit: PropType<ImageFit>;
+  position: PropType<ImagePosition>;
+  background: StringConstructor;
+  blur: (StringConstructor | NumberConstructor)[];
+  preset: StringConstructor;
+  provider: StringConstructor;
+  densities: StringConstructor;
+  sizesList: PropType<number[]>;
+  formats: {
+    type: PropType<Record<string, ImageFormat[]>>;
+    default: () => {};
+  };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  src: {
+    type: StringConstructor;
+    required: true;
+  };
+  alt: {
+    type: StringConstructor;
+    default: string;
+  };
+  title: StringConstructor;
+  width: (StringConstructor | NumberConstructor)[];
+  height: (StringConstructor | NumberConstructor)[];
+  sizes: StringConstructor;
+  loading: {
+    type: PropType<"lazy" | "eager">;
+    default: string;
+  };
+  crossorigin: StringConstructor;
+  referrerpolicy: StringConstructor;
+  placeholder: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+  format: PropType<ImageFormat[]>;
+  quality: (StringConstructor | NumberConstructor)[];
+  fit: PropType<ImageFit>;
+  position: PropType<ImagePosition>;
+  background: StringConstructor;
+  blur: (StringConstructor | NumberConstructor)[];
+  preset: StringConstructor;
+  provider: StringConstructor;
+  densities: StringConstructor;
+  sizesList: PropType<number[]>;
+  formats: {
+    type: PropType<Record<string, ImageFormat[]>>;
+    default: () => {};
+  };
+}>> & Readonly<{}>, {
+  alt: string;
+  loading: "lazy" | "eager";
+  formats: Record<string, ImageFormat[]>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { NuxtImg, NuxtImg as default, NuxtPicture };

package/dist/components.js

@@ -0,0 +1,296 @@
+import { E as srcSetToString, a as useImage, g as detectFormat, i as resolveImage, r as getImageContext, x as isDataUrl } from "./runtime-3aSOG0e9.js";
+import { computed, defineComponent, h, onBeforeUnmount, onMounted, ref, watchEffect } from "vue";
+//#region src/components.ts
+const NuxtImg = defineComponent({
+	name: "UbeanImg",
+	props: {
+		src: {
+			type: String,
+			required: true
+		},
+		alt: {
+			type: String,
+			default: ""
+		},
+		title: String,
+		width: [String, Number],
+		height: [String, Number],
+		sizes: String,
+		srcset: String,
+		loading: {
+			type: String,
+			default: "lazy"
+		},
+		crossorigin: String,
+		referrerpolicy: String,
+		placeholder: {
+			type: [
+				Boolean,
+				String,
+				Number
+			],
+			default: void 0
+		},
+		format: String,
+		quality: [String, Number],
+		fit: String,
+		position: String,
+		background: String,
+		blur: [String, Number],
+		preset: String,
+		provider: String,
+		densities: String,
+		preload: {
+			type: Boolean,
+			default: void 0
+		},
+		noModule: Boolean,
+		sizesList: Array
+	},
+	setup(props, { attrs }) {
+		const img = useImage();
+		const ctx = getImageContext();
+		const isLoaded = ref(false);
+		const isError = ref(false);
+		const imgEl = ref(null);
+		let observer = null;
+		const getNumber = (val) => {
+			if (val === void 0 || val === "") return void 0;
+			const num = Number(val);
+			return isNaN(num) ? void 0 : num;
+		};
+		const modifiers = computed(() => ({
+			width: getNumber(props.width),
+			height: getNumber(props.height),
+			format: props.format,
+			quality: getNumber(props.quality),
+			fit: props.fit,
+			position: props.position,
+			background: props.background,
+			blur: getNumber(props.blur)
+		}));
+		const resolved = computed(() => {
+			const opts = { ...modifiers.value };
+			if (props.preset) opts.preset = props.preset;
+			if (props.provider) opts.provider = props.provider;
+			return resolveImage(props.src, opts);
+		});
+		const placeholderUrl = computed(() => {
+			if (props.placeholder === false) return null;
+			if (isDataUrl(props.src)) return null;
+			const size = typeof props.placeholder === "number" ? props.placeholder : 10;
+			return img.getPlaceholder(props.src, modifiers.value, size);
+		});
+		const displaySrc = computed(() => {
+			if (isLoaded.value || props.loading === "eager") return resolved.value.url;
+			return placeholderUrl.value || "";
+		});
+		const srcsetAttr = computed(() => {
+			if (props.srcset) return props.srcset;
+			const sizes = props.sizesList || (modifiers.value.width ? void 0 : ctx.options.responsiveSizes);
+			const densities = props.densities ? props.densities.split(",").map(Number) : void 0;
+			let items = [];
+			if (sizes && sizes.length > 0) items = img.srcset(props.src, sizes, modifiers.value, props.format ? [props.format] : void 0);
+			else if (densities && densities.length > 0 && modifiers.value.width) items = img.densitySrcset(props.src, densities, modifiers.value, props.format ? [props.format] : void 0);
+			return items.length > 0 ? srcSetToString(items) : void 0;
+		});
+		const sizesAttr = computed(() => {
+			if (props.sizes) return props.sizes;
+			if (!modifiers.value.width && (props.sizesList || ctx.options.responsiveSizes.length > 0)) return ctx.options.screens ? Object.entries(ctx.options.screens).reverse().map(([, width], i, arr) => {
+				if (i === arr.length - 1) return `${width}px`;
+				return `(min-width: ${width}px) ${width}px`;
+			}).join(", ") : void 0;
+		});
+		const onLoad = () => {
+			isLoaded.value = true;
+			isError.value = false;
+		};
+		const onError = () => {
+			isError.value = true;
+		};
+		onMounted(() => {
+			if (props.loading === "eager" || !imgEl.value) {
+				if (imgEl.value) imgEl.value.src = resolved.value.url;
+				isLoaded.value = true;
+				return;
+			}
+			if ("IntersectionObserver" in window) {
+				observer = new IntersectionObserver((entries) => {
+					entries.forEach((entry) => {
+						if (entry.isIntersecting && imgEl.value) {
+							imgEl.value.src = resolved.value.url;
+							observer?.disconnect();
+							observer = null;
+						}
+					});
+				}, ctx.options.intersectOptions);
+				observer.observe(imgEl.value);
+			} else {
+				if (imgEl.value) imgEl.value.src = resolved.value.url;
+				isLoaded.value = true;
+			}
+		});
+		onBeforeUnmount(() => {
+			if (observer) {
+				observer.disconnect();
+				observer = null;
+			}
+		});
+		watchEffect(() => {
+			if (isLoaded.value && imgEl.value && resolved.value.url) imgEl.value.src = resolved.value.url;
+		});
+		return () => {
+			return h("img", {
+				...attrs,
+				ref: imgEl,
+				src: displaySrc.value || resolved.value.url,
+				alt: props.alt,
+				title: props.title,
+				width: getNumber(props.width),
+				height: getNumber(props.height),
+				sizes: sizesAttr.value,
+				srcset: srcsetAttr.value,
+				loading: props.loading,
+				crossorigin: props.crossorigin,
+				referrerpolicy: props.referrerpolicy,
+				decoding: "async",
+				onLoad,
+				onError,
+				"data-loaded": isLoaded.value ? "" : void 0,
+				"data-error": isError.value ? "" : void 0,
+				style: {
+					...attrs.style,
+					backgroundSize: "cover",
+					backgroundPosition: "center",
+					backgroundRepeat: "no-repeat"
+				}
+			});
+		};
+	}
+});
+const NuxtPicture = defineComponent({
+	name: "UbeanPicture",
+	props: {
+		src: {
+			type: String,
+			required: true
+		},
+		alt: {
+			type: String,
+			default: ""
+		},
+		title: String,
+		width: [String, Number],
+		height: [String, Number],
+		sizes: String,
+		loading: {
+			type: String,
+			default: "lazy"
+		},
+		crossorigin: String,
+		referrerpolicy: String,
+		placeholder: [
+			Boolean,
+			String,
+			Number
+		],
+		format: Array,
+		quality: [String, Number],
+		fit: String,
+		position: String,
+		background: String,
+		blur: [String, Number],
+		preset: String,
+		provider: String,
+		densities: String,
+		sizesList: Array,
+		formats: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	setup(props, { attrs, slots }) {
+		const img = useImage();
+		const ctx = getImageContext();
+		const getNumber = (val) => {
+			if (val === void 0 || val === "") return void 0;
+			const num = Number(val);
+			return isNaN(num) ? void 0 : num;
+		};
+		const modifiers = computed(() => ({
+			width: getNumber(props.width),
+			height: getNumber(props.height),
+			quality: getNumber(props.quality),
+			fit: props.fit,
+			position: props.position,
+			background: props.background,
+			blur: getNumber(props.blur)
+		}));
+		const fallbackFormat = computed(() => {
+			return detectFormat(props.src) || "jpeg";
+		});
+		const formats = computed(() => {
+			if (props.format && props.format.length > 0) return props.format;
+			return ctx.options.format.includes(fallbackFormat.value) ? ctx.options.format : [...ctx.options.format, fallbackFormat.value];
+		});
+		const sources = computed(() => {
+			const sizes = props.sizesList || (modifiers.value.width ? void 0 : ctx.options.responsiveSizes);
+			const densities = props.densities ? props.densities.split(",").map(Number) : void 0;
+			return formats.value.map((format) => {
+				let items = [];
+				if (sizes && sizes.length > 0) items = img.srcset(props.src, sizes, {
+					...modifiers.value,
+					format
+				}, [format]);
+				else if (densities && densities.length > 0 && modifiers.value.width) items = img.densitySrcset(props.src, densities, {
+					...modifiers.value,
+					format
+				}, [format]);
+				else items = [{
+					url: resolveImage(props.src, {
+						...modifiers.value,
+						format
+					}).url,
+					format
+				}];
+				return {
+					type: `image/${format === "jpg" ? "jpeg" : format}`,
+					srcset: srcSetToString(items)
+				};
+			});
+		});
+		const sizesAttr = computed(() => {
+			if (props.sizes) return props.sizes;
+		});
+		return () => {
+			return h("picture", {}, [...sources.value.map((source) => h("source", {
+				type: source.type,
+				srcset: source.srcset,
+				sizes: sizesAttr.value
+			})), slots.default?.() || h(NuxtImg, {
+				...attrs,
+				src: props.src,
+				alt: props.alt,
+				title: props.title,
+				width: props.width,
+				height: props.height,
+				sizes: props.sizes,
+				loading: props.loading,
+				crossorigin: props.crossorigin,
+				referrerpolicy: props.referrerpolicy,
+				placeholder: props.placeholder,
+				quality: props.quality,
+				fit: props.fit,
+				position: props.position,
+				background: props.background,
+				blur: props.blur,
+				preset: props.preset,
+				provider: props.provider,
+				densities: props.densities,
+				sizesList: props.sizesList
+			})]);
+		};
+	}
+});
+//#endregion
+export { NuxtImg, NuxtImg as default, NuxtPicture };

package/dist/index.d.ts

@@ -0,0 +1,180 @@
+import { a as ImageModifiers, c as ImageProvider, d as ResolvedImage, i as ImageFormat, l as ImageSize, n as ImageCTX, o as ImageOptions, r as ImageFit, s as ImagePosition, t as CreateImageOptions, u as ImageSrcsetItem } from "./types-DosomQo8.js";
+import { NuxtImg, NuxtPicture } from "./components.js";
+import ubeanImagePlugin, { UbeanImageOptions } from "./vite.js";
+import { C as resolveAlias, D as staticProvider, E as srcSetToString, O as validateDomain, S as isRemoteUrl, _ as getPlaceholder, a as useImage, b as ipxProvider, c as cloudinaryProvider, d as createImageContext, f as createImageHash, g as detectFormat, h as defaultScreens, i as resolveImage, l as createDensitySrcSet, m as createStaticUrl, n as defineImagePreset, o as buildImgAttributes, p as createSrcSet, r as getImageContext, s as builtinProviders, t as configureImageRuntime, u as createIPXUrl, x as isDataUrl, y as imgixProvider } from "./runtime-B5AxhRTR.js";
+//#region src/index.d.ts
+declare const UbeanImg: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  src: {
+    type: import("vue").PropType<string>;
+    required: true;
+  };
+  alt: {
+    type: StringConstructor;
+    default: string;
+  };
+  title: StringConstructor;
+  width: (StringConstructor | NumberConstructor)[];
+  height: (StringConstructor | NumberConstructor)[];
+  sizes: StringConstructor;
+  srcset: StringConstructor;
+  loading: {
+    type: import("vue").PropType<"lazy" | "eager">;
+    default: string;
+  };
+  crossorigin: import("vue").PropType<"" | "anonymous" | "use-credentials">;
+  referrerpolicy: StringConstructor;
+  placeholder: {
+    type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+    default: undefined;
+  };
+  format: import("vue").PropType<ImageFormat>;
+  quality: (StringConstructor | NumberConstructor)[];
+  fit: import("vue").PropType<ImageFit>;
+  position: import("vue").PropType<ImagePosition>;
+  background: StringConstructor;
+  blur: (StringConstructor | NumberConstructor)[];
+  preset: StringConstructor;
+  provider: StringConstructor;
+  densities: StringConstructor;
+  preload: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  noModule: BooleanConstructor;
+  sizesList: import("vue").PropType<number[]>;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  src: {
+    type: import("vue").PropType<string>;
+    required: true;
+  };
+  alt: {
+    type: StringConstructor;
+    default: string;
+  };
+  title: StringConstructor;
+  width: (StringConstructor | NumberConstructor)[];
+  height: (StringConstructor | NumberConstructor)[];
+  sizes: StringConstructor;
+  srcset: StringConstructor;
+  loading: {
+    type: import("vue").PropType<"lazy" | "eager">;
+    default: string;
+  };
+  crossorigin: import("vue").PropType<"" | "anonymous" | "use-credentials">;
+  referrerpolicy: StringConstructor;
+  placeholder: {
+    type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+    default: undefined;
+  };
+  format: import("vue").PropType<ImageFormat>;
+  quality: (StringConstructor | NumberConstructor)[];
+  fit: import("vue").PropType<ImageFit>;
+  position: import("vue").PropType<ImagePosition>;
+  background: StringConstructor;
+  blur: (StringConstructor | NumberConstructor)[];
+  preset: StringConstructor;
+  provider: StringConstructor;
+  densities: StringConstructor;
+  preload: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  noModule: BooleanConstructor;
+  sizesList: import("vue").PropType<number[]>;
+}>> & Readonly<{}>, {
+  noModule: boolean;
+  alt: string;
+  loading: "lazy" | "eager";
+  placeholder: string | number | boolean;
+  preload: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const UbeanPicture: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  src: {
+    type: StringConstructor;
+    required: true;
+  };
+  alt: {
+    type: StringConstructor;
+    default: string;
+  };
+  title: StringConstructor;
+  width: (StringConstructor | NumberConstructor)[];
+  height: (StringConstructor | NumberConstructor)[];
+  sizes: StringConstructor;
+  loading: {
+    type: import("vue").PropType<"lazy" | "eager">;
+    default: string;
+  };
+  crossorigin: StringConstructor;
+  referrerpolicy: StringConstructor;
+  placeholder: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+  format: import("vue").PropType<ImageFormat[]>;
+  quality: (StringConstructor | NumberConstructor)[];
+  fit: import("vue").PropType<ImageFit>;
+  position: import("vue").PropType<ImagePosition>;
+  background: StringConstructor;
+  blur: (StringConstructor | NumberConstructor)[];
+  preset: StringConstructor;
+  provider: StringConstructor;
+  densities: StringConstructor;
+  sizesList: import("vue").PropType<number[]>;
+  formats: {
+    type: import("vue").PropType<Record<string, ImageFormat[]>>;
+    default: () => {};
+  };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  src: {
+    type: StringConstructor;
+    required: true;
+  };
+  alt: {
+    type: StringConstructor;
+    default: string;
+  };
+  title: StringConstructor;
+  width: (StringConstructor | NumberConstructor)[];
+  height: (StringConstructor | NumberConstructor)[];
+  sizes: StringConstructor;
+  loading: {
+    type: import("vue").PropType<"lazy" | "eager">;
+    default: string;
+  };
+  crossorigin: StringConstructor;
+  referrerpolicy: StringConstructor;
+  placeholder: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+  format: import("vue").PropType<ImageFormat[]>;
+  quality: (StringConstructor | NumberConstructor)[];
+  fit: import("vue").PropType<ImageFit>;
+  position: import("vue").PropType<ImagePosition>;
+  background: StringConstructor;
+  blur: (StringConstructor | NumberConstructor)[];
+  preset: StringConstructor;
+  provider: StringConstructor;
+  densities: StringConstructor;
+  sizesList: import("vue").PropType<number[]>;
+  formats: {
+    type: import("vue").PropType<Record<string, ImageFormat[]>>;
+    default: () => {};
+  };
+}>> & Readonly<{}>, {
+  alt: string;
+  loading: "lazy" | "eager";
+  formats: Record<string, ImageFormat[]>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare module 'vue' {
+  interface GlobalComponents {
+    UbeanImg: typeof NuxtImg;
+    NuxtImg: typeof NuxtImg;
+    UbeanPicture: typeof NuxtPicture;
+    NuxtPicture: typeof NuxtPicture;
+  }
+}
+declare const _default: {
+  install(app: any, options?: any): void;
+};
+//#endregion
+export { type CreateImageOptions, type ImageCTX, type ImageFit, type ImageFormat, type ImageModifiers, type ImageOptions, type ImagePosition, type ImageProvider, type ImageSize, type ImageSrcsetItem, NuxtImg, NuxtPicture, type ResolvedImage, type UbeanImageOptions, UbeanImg, UbeanPicture, buildImgAttributes, builtinProviders, cloudinaryProvider, configureImageRuntime, createDensitySrcSet, createIPXUrl, createImageContext, createImageHash, createSrcSet, createStaticUrl, _default as default, defaultScreens, defineImagePreset, detectFormat, getImageContext, getPlaceholder, imgixProvider, ipxProvider, isDataUrl, isRemoteUrl, resolveAlias, resolveImage, srcSetToString, staticProvider, ubeanImagePlugin, useImage, validateDomain };

package/dist/index.js

@@ -0,0 +1,15 @@
+import { C as resolveAlias, D as staticProvider, E as srcSetToString, O as validateDomain, S as isRemoteUrl, _ as getPlaceholder, a as useImage, b as ipxProvider, c as cloudinaryProvider, d as createImageContext, f as createImageHash, g as detectFormat, h as defaultScreens, i as resolveImage, l as createDensitySrcSet, m as createStaticUrl, n as defineImagePreset, o as buildImgAttributes, p as createSrcSet, r as getImageContext, s as builtinProviders, t as configureImageRuntime, u as createIPXUrl, x as isDataUrl, y as imgixProvider } from "./runtime-3aSOG0e9.js";
+import { NuxtImg, NuxtPicture } from "./components.js";
+import ubeanImagePlugin from "./vite.js";
+//#region src/index.ts
+const UbeanImg = NuxtImg;
+const UbeanPicture = NuxtPicture;
+var src_default = { install(app, options) {
+	configureImageRuntime(options);
+	app.component("UbeanImg", NuxtImg);
+	app.component("NuxtImg", NuxtImg);
+	app.component("UbeanPicture", NuxtPicture);
+	app.component("NuxtPicture", NuxtPicture);
+} };
+//#endregion
+export { NuxtImg, NuxtPicture, UbeanImg, UbeanPicture, buildImgAttributes, builtinProviders, cloudinaryProvider, configureImageRuntime, createDensitySrcSet, createIPXUrl, createImageContext, createImageHash, createSrcSet, createStaticUrl, src_default as default, defaultScreens, defineImagePreset, detectFormat, getImageContext, getPlaceholder, imgixProvider, ipxProvider, isDataUrl, isRemoteUrl, resolveAlias, resolveImage, srcSetToString, staticProvider, ubeanImagePlugin, useImage, validateDomain };