@lonik/oh-image 2.6.0 → 2.7.0

package/dist/cloudinary.js

@@ -1,76 +1,883 @@
-import { t as loaderFactory } from "./loader-factory-6EOKnqj1.js";
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
 
+//#region node_modules/.pnpm/@cloudinary+transformation-builder-sdk@1.21.2/node_modules/@cloudinary/transformation-builder-sdk/internal/qualifier/QualifierValue.js
+/**
+* @summary SDK
+* @memberOf SDK
+*/
+var QualifierValue = class {
+	/**
+	*
+	* @param {QualifierValue | QualifierValue[] | any[] | string | number}qualifierValue
+	*/
+	constructor(qualifierValue) {
+		this.values = [];
+		this.delimiter = ":";
+		if (this.hasValue(qualifierValue)) this.addValue(qualifierValue);
+	}
+	/**
+	* @description Joins the provided values with the provided delimiter
+	*/
+	toString() {
+		return this.values.join(this.delimiter);
+	}
+	/**
+	* @description Checks if the provided argument has a value
+	* @param {any} v
+	* @private
+	* @return {boolean}
+	*/
+	hasValue(v) {
+		return typeof v !== "undefined" && v !== null && v !== "";
+	}
+	/**
+	* @desc Adds a value for the this qualifier instance
+	* @param {any} value
+	* @return {this}
+	*/
+	addValue(value) {
+		if (Array.isArray(value)) this.values = this.values.concat(value);
+		else this.values.push(value);
+		this.values = this.values.filter((v) => this.hasValue(v));
+		return this;
+	}
+	/**
+	* @description Sets the delimiter for this instance
+	* @param delimiter
+	*/
+	setDelimiter(delimiter) {
+		this.delimiter = delimiter;
+		return this;
+	}
+};
+
+//#endregion
+//#region node_modules/.pnpm/@cloudinary+transformation-builder-sdk@1.21.2/node_modules/@cloudinary/transformation-builder-sdk/internal/utils/unsupportedError.js
+var UnsupportedError = class extends Error {
+	constructor(message = "Unsupported") {
+		super(message);
+	}
+};
+/**
+* Creates a new UnsupportedError
+* @param message
+*/
+function createUnsupportedError(message) {
+	return new UnsupportedError(message);
+}
+
+//#endregion
+//#region node_modules/.pnpm/@cloudinary+transformation-builder-sdk@1.21.2/node_modules/@cloudinary/transformation-builder-sdk/internal/models/qualifierToJson.js
+/**
+* Returns the action's model
+*/
+function qualifierToJson() {
+	return this._qualifierModel || { error: createUnsupportedError(`unsupported qualifier ${this.constructor.name}`) };
+}
+
+//#endregion
+//#region node_modules/.pnpm/@cloudinary+transformation-builder-sdk@1.21.2/node_modules/@cloudinary/transformation-builder-sdk/internal/models/QualifierModel.js
+var QualifierModel = class {
+	constructor() {
+		this._qualifierModel = {};
+	}
+	toJson() {
+		return qualifierToJson.apply(this);
+	}
+};
+
+//#endregion
+//#region node_modules/.pnpm/@cloudinary+transformation-builder-sdk@1.21.2/node_modules/@cloudinary/transformation-builder-sdk/internal/qualifier/Qualifier.js
+/**
+* @summary SDK
+* @memberOf SDK
+*/
+var Qualifier = class extends QualifierModel {
+	constructor(key, qualifierValue) {
+		super();
+		this.delimiter = "_";
+		this.key = key;
+		if (qualifierValue instanceof QualifierValue) this.qualifierValue = qualifierValue;
+		else {
+			this.qualifierValue = new QualifierValue();
+			this.qualifierValue.addValue(qualifierValue);
+		}
+	}
+	toString() {
+		const { key, delimiter, qualifierValue } = this;
+		return `${key}${delimiter}${qualifierValue.toString()}`;
+	}
+	addValue(value) {
+		this.qualifierValue.addValue(value);
+		return this;
+	}
+};
+
+//#endregion
+//#region node_modules/.pnpm/@cloudinary+transformation-builder-sdk@1.21.2/node_modules/@cloudinary/transformation-builder-sdk/qualifiers/flag/FlagQualifier.js
+/**
+* @memberOf Qualifiers.Flag
+* @extends {SDK.Qualifier}
+* @description the FlagQualifier class
+*/
+var FlagQualifier = class extends Qualifier {
+	constructor(flagType, flagValue) {
+		let qualifierValue;
+		if (flagValue) qualifierValue = new QualifierValue([flagType, `${flagValue}`]).setDelimiter(":");
+		else qualifierValue = flagType;
+		super("fl", qualifierValue);
+		this.flagValue = flagValue;
+	}
+	toString() {
+		return super.toString().replace(/\./g, "%2E");
+	}
+	getFlagValue() {
+		return this.flagValue;
+	}
+};
+
+//#endregion
+//#region node_modules/.pnpm/@cloudinary+transformation-builder-sdk@1.21.2/node_modules/@cloudinary/transformation-builder-sdk/internal/utils/dataStructureUtils.js
+/**
+* Sort a map by key
+* @private
+* @param map <string, any>
+* @Return array of map's values sorted by key
+*/
+function mapToSortedArray(map, flags) {
+	const array = Array.from(map.entries());
+	flags.forEach((flag) => {
+		array.push(["fl", flag]);
+	});
+	return array.sort().map((v) => v[1]);
+}
+
+//#endregion
+//#region node_modules/.pnpm/@cloudinary+transformation-builder-sdk@1.21.2/node_modules/@cloudinary/transformation-builder-sdk/internal/models/actionToJson.js
+/**
+* Returns the action's model
+*/
+function actionToJson() {
+	var _a, _b, _c;
+	const actionModelIsNotEmpty = this._actionModel && Object.keys(this._actionModel).length;
+	const sourceTransformationError = (_c = (_b = (_a = this._actionModel) === null || _a === void 0 ? void 0 : _a.source) === null || _b === void 0 ? void 0 : _b.transformation) === null || _c === void 0 ? void 0 : _c.error;
+	if (sourceTransformationError && sourceTransformationError instanceof Error) return { error: sourceTransformationError };
+	if (actionModelIsNotEmpty) return this._actionModel;
+	return { error: createUnsupportedError(`unsupported action ${this.constructor.name}`) };
+}
+
+//#endregion
+//#region node_modules/.pnpm/@cloudinary+transformation-builder-sdk@1.21.2/node_modules/@cloudinary/transformation-builder-sdk/internal/models/ActionModel.js
+var ActionModel = class {
+	constructor() {
+		this._actionModel = {};
+	}
+	toJson() {
+		return actionToJson.apply(this);
+	}
+};
+
+//#endregion
+//#region node_modules/.pnpm/@cloudinary+transformation-builder-sdk@1.21.2/node_modules/@cloudinary/transformation-builder-sdk/internal/Action.js
+/**
+* @summary SDK
+* @memberOf SDK
+* @description Defines the category of transformation to perform.
+*/
+var Action = class extends ActionModel {
+	constructor() {
+		super(...arguments);
+		this.qualifiers = /* @__PURE__ */ new Map();
+		this.flags = [];
+		this.delimiter = ",";
+		this.actionTag = "";
+	}
+	prepareQualifiers() {}
+	/**
+	* @description Returns the custom name tag that was given to this action
+	* @return {string}
+	*/
+	getActionTag() {
+		return this.actionTag;
+	}
+	/**
+	* @description Sets the custom name tag for this action
+	* @return {this}
+	*/
+	setActionTag(tag) {
+		this.actionTag = tag;
+		return this;
+	}
+	/**
+	* @description Calls toString() on all child qualifiers (implicitly by using .join()).
+	* @return {string}
+	*/
+	toString() {
+		this.prepareQualifiers();
+		return mapToSortedArray(this.qualifiers, this.flags).join(this.delimiter);
+	}
+	/**
+	* @description Adds the parameter to the action.
+	* @param {SDK.Qualifier} qualifier
+	* @return {this}
+	*/
+	addQualifier(qualifier) {
+		if (typeof qualifier === "string") {
+			const [key, value] = qualifier.toLowerCase().split("_");
+			if (key === "fl") this.flags.push(new FlagQualifier(value));
+			else this.qualifiers.set(key, new Qualifier(key, value));
+		} else this.qualifiers.set(qualifier.key, qualifier);
+		return this;
+	}
+	/**
+	* @description Adds a flag to the current action.
+	* @param {Qualifiers.Flag} flag
+	* @return {this}
+	*/
+	addFlag(flag) {
+		if (typeof flag === "string") this.flags.push(new FlagQualifier(flag));
+		else if (flag instanceof FlagQualifier) this.flags.push(flag);
+		return this;
+	}
+	addValueToQualifier(qualifierKey, qualifierValue) {
+		this.qualifiers.get(qualifierKey).addValue(qualifierValue);
+		return this;
+	}
+};
+
+//#endregion
+//#region node_modules/.pnpm/@cloudinary+transformation-builder-sdk@1.21.2/node_modules/@cloudinary/transformation-builder-sdk/internal/utils/toFloatAsString.js
+/**
+* @description
+* Returns a string representing the float value of the input, if the input was a number-like.
+* Examples:
+* - '1.0' -> '1.0'
+* - 1 -> '1.0'
+* - '5' -> '5.0'
+* - 'auto' -> 'auto'
+* @private
+* @param {string|number} value
+* @return {string}
+*/
+function toFloatAsString(value) {
+	const returnValue = value.toString();
+	if (returnValue.match(/[A-Z]/gi)) return returnValue;
+	if (returnValue.length > 1 && returnValue[0] === "0") return returnValue;
+	if (!isNaN(parseFloat(returnValue)) && returnValue.indexOf(":") === -1 && returnValue.indexOf(".") === -1) return `${returnValue}.0`;
+	else return returnValue;
+}
+
+//#endregion
+//#region node_modules/.pnpm/@cloudinary+transformation-builder-sdk@1.21.2/node_modules/@cloudinary/transformation-builder-sdk/qualifiers/aspectRatio/AspectRatioQualifierValue.js
+/**
+* @memberOf Qualifiers.AspectRatio
+* @extends {SDK.QualifierValue}
+*/
+var AspectRatioQualifierValue = class extends QualifierValue {};
+
+//#endregion
+//#region node_modules/.pnpm/@cloudinary+transformation-builder-sdk@1.21.2/node_modules/@cloudinary/transformation-builder-sdk/qualifiers/flag.js
+/**
+* @description Defines flags that you can use to alter the default transformation behavior.
+* @namespace Flag
+* @memberOf Qualifiers
+*/
+/**
+* @summary qualifier
+* @memberOf Qualifiers.Flag
+* @description * Allows specifying only either width or height so the value of the second axis remains as is, and is not
+* recalculated to maintain the aspect ratio of the original image.
+* @return {Qualifiers.Flag.FlagQualifier}
+*/
+function ignoreInitialAspectRatio() {
+	return new FlagQualifier("ignore_aspect_ratio");
+}
+/**
+* @summary qualifier
+* @memberOf Qualifiers.Flag
+* @description Automatically use lossy compression when delivering animated GIF files.
+*
+* This flag can also be used as a conditional flag for delivering PNG files: it tells Cloudinary to deliver the
+* image in PNG format (as requested) unless there is no transparency channel - in which case deliver in JPEG
+* format.
+* @return {Qualifiers.Flag.FlagQualifier}
+*/
+function lossy() {
+	return new FlagQualifier("lossy");
+}
+/**
+* @summary qualifier
+* @memberOf Qualifiers.Flag
+* @description When used with automatic fetch_format (f_auto): ensures that images with a transparency channel will be
+* delivered in PNG format.
+* @return {Qualifiers.Flag.FlagQualifier}
+*/
+function preserveTransparency() {
+	return new FlagQualifier("preserve_transparency");
+}
+/**
+* @summary qualifier
+* @memberOf Qualifiers.Flag
+* @description Generates a JPG image using the progressive (interlaced) JPG format.
+*
+* This format allows the browser to quickly show a low-quality rendering of the image until the full-quality
+* image is loaded.
+*
+* @param {string} mode? The mode to determine a specific progressive outcome as follows:
+* * semi - A smart optimization of the decoding time, compression level and progressive rendering
+*          (less iterations). This is the default mode when using q_auto.
+* * steep - Delivers a preview very quickly, and in a single later phase improves the image to
+*           the required resolution.
+* * none  - Use this to deliver a non-progressive image. This is the default mode when setting
+*           a specific value for quality.
+* @return {Qualifiers.Flag.FlagQualifier}
+*/
+function progressive(mode) {
+	return new FlagQualifier("progressive", mode);
+}
+/**
+* @summary qualifier
+* @memberOf Qualifiers.Flag
+* @description Modifies percentage-based width & height parameters of overlays and underlays (e.g., 1.0) to be relative to the overlaid region
+* @return {Qualifiers.Flag.FlagQualifier}
+*/
+function regionRelative() {
+	return new FlagQualifier("region_relative");
+}
+/**
+* @summary qualifier
+* @memberOf Qualifiers.Flag
+* @description Modifies percentage-based width & height parameters of overlays and underlays (e.g., 1.0) to be relative to the containing image instead of the added layer.
+* @return {Qualifiers.Flag.FlagQualifier}
+*/
+function relative() {
+	return new FlagQualifier("relative");
+}
+
+//#endregion
+//#region node_modules/.pnpm/@cloudinary+transformation-builder-sdk@1.21.2/node_modules/@cloudinary/transformation-builder-sdk/internal/utils/objectFlip.js
+/**
+* Flip keys and values for given object
+* @param obj
+*/
+function objectFlip(obj) {
+	const result = {};
+	Object.keys(obj).forEach((key) => {
+		result[obj[key]] = key;
+	});
+	return result;
+}
+
+//#endregion
+//#region node_modules/.pnpm/@cloudinary+transformation-builder-sdk@1.21.2/node_modules/@cloudinary/transformation-builder-sdk/internal/internalConstants.js
+/**
+* This file is for internal constants only.
+* It is not intended for public use and is not part of the public API
+*/
+const ACTION_TYPE_TO_CROP_MODE_MAP = {
+	limitFit: "limit",
+	limitFill: "lfill",
+	minimumFit: "mfit",
+	thumbnail: "thumb",
+	limitPad: "lpad",
+	minimumPad: "mpad",
+	autoPad: "auto_pad"
+};
+const ACTION_TYPE_TO_DELIVERY_MODE_MAP = {
+	colorSpace: "cs",
+	dpr: "dpr",
+	density: "dn",
+	defaultImage: "d",
+	format: "f",
+	quality: "q"
+};
+const ACTION_TYPE_TO_EFFECT_MODE_MAP = {
+	redEye: "redeye",
+	advancedRedEye: "adv_redeye",
+	oilPaint: "oil_paint",
+	unsharpMask: "unsharp_mask",
+	makeTransparent: "make_transparent",
+	generativeRestore: "gen_restore",
+	upscale: "upscale"
+};
+const ACTION_TYPE_TO_QUALITY_MODE_MAP = {
+	autoBest: "auto:best",
+	autoEco: "auto:eco",
+	autoGood: "auto:good",
+	autoLow: "auto:low",
+	jpegminiHigh: "jpegmini:1",
+	jpegminiMedium: "jpegmini:2",
+	jpegminiBest: "jpegmini:0"
+};
+const ACTION_TYPE_TO_STREAMING_PROFILE_MODE_MAP = {
+	fullHd: "full_hd",
+	fullHdWifi: "full_hd_wifi",
+	fullHdLean: "full_hd_lean",
+	hdLean: "hd_lean"
+};
+const CHROMA_VALUE_TO_CHROMA_MODEL_ENUM = {
+	444: "CHROMA_444",
+	420: "CHROMA_420"
+};
+const COLOR_SPACE_MODEL_MODE_TO_COLOR_SPACE_MODE_MAP = {
+	"noCmyk": "no_cmyk",
+	"keepCmyk": "keep_cmyk",
+	"tinySrgb": "tinysrgb",
+	"srgbTrueColor": "srgb:truecolor"
+};
+const CHROMA_MODEL_ENUM_TO_CHROMA_VALUE = objectFlip(CHROMA_VALUE_TO_CHROMA_MODEL_ENUM);
+const COLOR_SPACE_MODE_TO_COLOR_SPACE_MODEL_MODE_MAP = objectFlip(COLOR_SPACE_MODEL_MODE_TO_COLOR_SPACE_MODE_MAP);
+const CROP_MODE_TO_ACTION_TYPE_MAP = objectFlip(ACTION_TYPE_TO_CROP_MODE_MAP);
+const DELIVERY_MODE_TO_ACTION_TYPE_MAP = objectFlip(ACTION_TYPE_TO_DELIVERY_MODE_MAP);
+const EFFECT_MODE_TO_ACTION_TYPE_MAP = objectFlip(ACTION_TYPE_TO_EFFECT_MODE_MAP);
+const QUALITY_MODE_TO_ACTION_TYPE_MAP = objectFlip(ACTION_TYPE_TO_QUALITY_MODE_MAP);
+const STREAMING_PROFILE_TO_ACTION_TYPE_MAP = objectFlip(ACTION_TYPE_TO_STREAMING_PROFILE_MODE_MAP);
+
+//#endregion
+//#region node_modules/.pnpm/@cloudinary+transformation-builder-sdk@1.21.2/node_modules/@cloudinary/transformation-builder-sdk/actions/resize/ResizeSimpleAction.js
+/**
+* @description Defines a resize using width and height.
+* @extends SDK.Action
+* @memberOf Actions.Resize
+* @see Visit {@link Actions.Resize| Resize} for examples
+*/
+var ResizeSimpleAction = class extends Action {
+	/**
+	* @param {string} cropType
+	* @param {number | string} cropWidth The required width of a transformed asset.
+	* @param {number | string} cropHeight The required height of a transformed asset.
+	*/
+	constructor(cropType, cropWidth, cropHeight) {
+		super();
+		this._actionModel = { dimensions: {} };
+		this._actionModel.actionType = CROP_MODE_TO_ACTION_TYPE_MAP[cropType] || cropType;
+		this.addQualifier(new Qualifier("c", cropType));
+		cropWidth && this.width(cropWidth);
+		cropHeight && this.height(cropHeight);
+	}
+	/**
+	* @description Sets the height of the resize
+	* @param {string | number} x The height in pixels (if an integer is specified) or as a percentage (if a float is specified).
+	*/
+	height(x) {
+		this._actionModel.dimensions.height = x;
+		return this.addQualifier(new Qualifier("h", x));
+	}
+	/**
+	* @description Sets the width of the resize
+	* @param {string | number} x The width in pixels (if an integer is specified) or as a percentage (if a float is specified).
+	*/
+	width(x) {
+		this._actionModel.dimensions.width = x;
+		return this.addQualifier(new Qualifier("w", x));
+	}
+	/**
+	* @description Sets the aspect ratio of the asset.
+	* For a list of supported types see {@link Qualifiers.AspectRatio|
+	* AspectRatio values}
+	* @param {AspectRatioType|number|string} ratio The new aspect ratio, specified as a percentage or ratio.
+	* @return {this}
+	*/
+	aspectRatio(ratio) {
+		if (ratio instanceof AspectRatioQualifierValue) {
+			this._actionModel.dimensions.aspectRatio = `${ratio}`;
+			return this.addQualifier(new Qualifier("ar", ratio));
+		}
+		if (typeof ratio === "number" || typeof ratio === "string") {
+			this._actionModel.dimensions.aspectRatio = toFloatAsString(ratio);
+			return this.addQualifier(new Qualifier("ar", toFloatAsString(ratio)));
+		}
+		if (ratio instanceof FlagQualifier) {
+			this._actionModel.dimensions.aspectRatio = `${ratio.qualifierValue}`;
+			return this.addFlag(ratio);
+		}
+	}
+	/**
+	* @description Modifies percentage-based width & height parameters of overlays and underlays (e.g., 1.0) to be relative to the containing image instead of the added layer.
+	* @return {this}
+	*/
+	relative() {
+		this._actionModel.relative = true;
+		return this.addFlag(relative());
+	}
+	/**
+	* @description Modifies percentage-based width & height parameters of overlays and underlays (e.g., 1.0) to be relative to the overlaid region
+	* @return {this}
+	*/
+	regionRelative() {
+		this._actionModel.regionRelative = true;
+		return this.addFlag(regionRelative());
+	}
+	static fromJson(actionModel) {
+		const { actionType, dimensions, relative: relative$1, regionRelative: regionRelative$1 } = actionModel;
+		const { aspectRatio, width, height } = dimensions;
+		const cropMode = ACTION_TYPE_TO_CROP_MODE_MAP[actionType] || actionType;
+		const result = new this(cropMode, width, height);
+		aspectRatio && result.aspectRatio(aspectRatio === "ignore_aspect_ratio" ? ignoreInitialAspectRatio() : aspectRatio);
+		relative$1 && result.relative();
+		regionRelative$1 && result.regionRelative();
+		return result;
+	}
+};
+
+//#endregion
+//#region node_modules/.pnpm/@cloudinary+transformation-builder-sdk@1.21.2/node_modules/@cloudinary/transformation-builder-sdk/qualifiers/gravity/GravityQualifier.js
+/**
+* @memberOf Gravity.GravityQualifier
+* @extends {SDK.Qualifier}
+*/
+var GravityQualifier = class extends Qualifier {
+	/**
+	* @param value, an array containing (GravityObject | AutoGravity | string) or a string;
+	*/
+	constructor(value) {
+		super("g", new QualifierValue(value));
+	}
+};
+
+//#endregion
+//#region node_modules/.pnpm/@cloudinary+transformation-builder-sdk@1.21.2/node_modules/@cloudinary/transformation-builder-sdk/qualifiers/quality.js
+/**
+* @memberOf Qualifiers
+* @namespace Quality
+* @see Visit {@link Actions.Delivery.quality|Delivery Quality} for an example
+*/
+/**
+* @summary qualifier
+* @description Quality auto
+* @memberOf Qualifiers.Quality
+* @return {string}
+*/
+function auto$1() {
+	return "auto";
+}
+
+//#endregion
+//#region node_modules/.pnpm/@cloudinary+transformation-builder-sdk@1.21.2/node_modules/@cloudinary/transformation-builder-sdk/qualifiers/format/FormatQualifier.js
+/**
+* @memberOf Qualifiers.Format
+* @extends {SDK.QualifierValue}
+*/
+var FormatQualifier = class extends QualifierValue {
+	constructor(val) {
+		super(val);
+		this.val = val;
+	}
+	getValue() {
+		return this.val;
+	}
+};
+
+//#endregion
+//#region node_modules/.pnpm/@cloudinary+transformation-builder-sdk@1.21.2/node_modules/@cloudinary/transformation-builder-sdk/qualifiers/format.js
+/**
+* @summary qualifier
+* @description Image format auto.
+* @memberOf Qualifiers.Format
+* @return {Qualifiers.Format.FormatQualifier}
+*/
+function auto() {
+	return new FormatQualifier("auto");
+}
+
+//#endregion
+//#region node_modules/.pnpm/@cloudinary+transformation-builder-sdk@1.21.2/node_modules/@cloudinary/transformation-builder-sdk/actions/resize/ResizeScaleAction.js
+/**
+* @description Defines a scaling resize action.
+* @extends Actions.Resize.ResizeSimpleAction
+* @memberOf Actions.Resize
+* @see Visit {@link Actions.Resize| Resize} for examples
+*/
+var ResizeScaleAction = class extends ResizeSimpleAction {
+	/**
+	* @description Changes the aspect ratio of an image while retaining all important content and avoiding unnatural
+	* distortions.
+	* @return {this}
+	*/
+	liquidRescaling() {
+		return this.addQualifier(new GravityQualifier("liquid"));
+	}
+};
+
+//#endregion
+//#region node_modules/.pnpm/@cloudinary+transformation-builder-sdk@1.21.2/node_modules/@cloudinary/transformation-builder-sdk/actions/resize.js
+/**
+* @summary action
+* @description
+* Changes the size of the image exactly to the given width and height without necessarily retaining the original aspect ratio:<br/>
+* all original image parts are visible but might be stretched or shrunk.
+* @memberOf Actions.Resize
+* @param {number|string} width The required width of a transformed asset.
+* @param {number|string} height The required height of a transformed asset.
+* @return {Actions.Resize.ScaleAction}
+*/
+function scale(width, height) {
+	return new ResizeScaleAction("scale", width, height);
+}
+
+//#endregion
+//#region node_modules/.pnpm/@cloudinary+transformation-builder-sdk@1.21.2/node_modules/@cloudinary/transformation-builder-sdk/actions/delivery/DeliveryAction.js
+/**
+* @description Qualifies the delivery of an asset.
+* @memberOf Actions.Delivery
+* @extends SDK.Action
+*/
+var DeliveryAction = class extends Action {
+	/**
+	* @param {string} deliveryKey A generic Delivery Action Key (such as q, f, dn, etc.)
+	* @param {string} deliveryType A Format Qualifiers for the action, such as Quality.auto()
+	* @param {string} modelProperty internal model property of the action, for example quality uses `level` while dpr uses `density`
+	* @see Visit {@link Actions.Delivery|Delivery} for an example
+	*/
+	constructor(deliveryKey, deliveryType, modelProperty) {
+		super();
+		this._actionModel = {};
+		let deliveryTypeValue;
+		if (deliveryType instanceof FormatQualifier) deliveryTypeValue = deliveryType.getValue();
+		else deliveryTypeValue = deliveryType;
+		this._actionModel.actionType = DELIVERY_MODE_TO_ACTION_TYPE_MAP[deliveryKey];
+		this._actionModel[modelProperty] = deliveryTypeValue;
+		this.addQualifier(new Qualifier(deliveryKey, deliveryType));
+	}
+};
+
+//#endregion
+//#region node_modules/.pnpm/@cloudinary+transformation-builder-sdk@1.21.2/node_modules/@cloudinary/transformation-builder-sdk/qualifiers/progressive.js
+/**
+* @description Contains functions to select the mode when using a progressive format.
+* <b>Learn more</b>: {@link https://cloudinary.com/documentation/transformation_reference#fl_progressive|Progressive modes}
+* @memberOf Qualifiers
+* @namespace Progressive
+* @example
+* import {Cloudinary} from "@cloudinary/url-gen";
+* import {format} from "@cloudinary/url-gen/actions/delivery";
+* import {jpg} from "@cloudinary/url-gen/qualifiers/format";
+* import {steep} from "@cloudinary/url-gen/qualifiers/progressive";
+*
+* const yourCldInstance = new Cloudinary({cloud: {cloudName: 'demo'}});
+* const image = yourCldInstance.image('woman');
+* image.delivery(format(jpg()).progressive(steep()))
+*/
+var ProgressiveQualifier = class extends FlagQualifier {
+	constructor(mode) {
+		super("progressive", mode);
+	}
+};
+
+//#endregion
+//#region node_modules/.pnpm/@cloudinary+transformation-builder-sdk@1.21.2/node_modules/@cloudinary/transformation-builder-sdk/actions/delivery/DeliveryFormatAction.js
+/**
+* @memberOf Actions.Delivery
+* @extends {Actions.Delivery.DeliveryAction}
+* @see Visit {@link Actions.Delivery|Delivery} for an example
+*/
+var DeliveryFormatAction = class extends DeliveryAction {
+	constructor(deliveryKey, deliveryType) {
+		super(deliveryKey, deliveryType, "formatType");
+	}
+	/**
+	* @description Uses lossy compression when delivering animated GIF files.
+	* @return {this}
+	*/
+	lossy() {
+		this._actionModel.lossy = true;
+		this.addFlag(lossy());
+		return this;
+	}
+	/**
+	* @description Uses progressive compression when delivering JPG file format.
+	* @return {this}
+	*/
+	progressive(mode) {
+		if (mode instanceof ProgressiveQualifier) {
+			this._actionModel.progressive = { mode: mode.getFlagValue() };
+			this.addFlag(mode);
+		} else {
+			this._actionModel.progressive = { mode };
+			this.addFlag(progressive(mode));
+		}
+		return this;
+	}
+	/**
+	* @description Ensures that images with a transparency channel are delivered in PNG format.
+	*/
+	preserveTransparency() {
+		this._actionModel.preserveTransparency = true;
+		this.addFlag(preserveTransparency());
+		return this;
+	}
+	static fromJson(actionModel) {
+		const { formatType, lossy: lossy$1, progressive: progressive$1, preserveTransparency: preserveTransparency$1 } = actionModel;
+		let result;
+		if (formatType) result = new this("f", formatType);
+		else result = new this("f");
+		if (progressive$1) if (progressive$1.mode) result.progressive(progressive$1.mode);
+		else result.progressive();
+		lossy$1 && result.lossy();
+		preserveTransparency$1 && result.preserveTransparency();
+		return result;
+	}
+};
+
+//#endregion
+//#region node_modules/.pnpm/@cloudinary+transformation-builder-sdk@1.21.2/node_modules/@cloudinary/transformation-builder-sdk/actions/delivery/DeliveryQualityAction.js
+/**
+* @description Controls the quality of the delivered image or video.
+* @memberOf Actions.Delivery
+* @extends {Actions.Delivery.DeliveryAction}
+* @see Visit {@link Actions.Delivery|Delivery} for an example
+*/
+var DeliveryQualityAction = class extends DeliveryAction {
+	/**
+	* @param {Qualifiers.Quality} qualityValue a Quality value
+	*/
+	constructor(qualityValue) {
+		super("q", qualityValue.toString(), "level");
+	}
+	/**
+	* Selet the Chroma sub sampling</br>
+	* <b>Learn more</b>: {@link https://cloudinary.com/documentation/image_optimization#toggle_chroma_subsampling|Toggling chroma subsampling}
+	* @param {420 | 444 | number} type The chroma sub sampling type
+	*/
+	chromaSubSampling(type) {
+		this._actionModel.chromaSubSampling = CHROMA_VALUE_TO_CHROMA_MODEL_ENUM[type];
+		const qualityWithSubSampling = new QualifierValue([this._actionModel.level, type]);
+		qualityWithSubSampling.setDelimiter(":");
+		return this.addQualifier(new Qualifier("q", qualityWithSubSampling));
+	}
+	/**
+	* Controls the final quality by setting a maximum quantization percentage
+	* @param {number} val
+	*/
+	quantization(val) {
+		this._actionModel.quantization = val;
+		const qualityWithQuantization = new QualifierValue([this._actionModel.level, `qmax_${val}`]).setDelimiter(":");
+		return this.addQualifier(new Qualifier("q", qualityWithQuantization));
+	}
+	static fromJson(actionModel) {
+		const { level, chromaSubSampling, quantization } = actionModel;
+		const levelType = ACTION_TYPE_TO_QUALITY_MODE_MAP[level] || level;
+		const result = new this(levelType);
+		if (chromaSubSampling) {
+			const chromaValue = CHROMA_MODEL_ENUM_TO_CHROMA_VALUE[chromaSubSampling.toUpperCase()];
+			chromaValue && result.chromaSubSampling(+chromaValue);
+		}
+		quantization && result.quantization(quantization);
+		return result;
+	}
+};
+
+//#endregion
+//#region node_modules/.pnpm/@cloudinary+transformation-builder-sdk@1.21.2/node_modules/@cloudinary/transformation-builder-sdk/actions/delivery.js
+/**
+* @description Defines transformations for delivering your assets without changing the visual or audio experience for the end user.
+* @memberOf Actions
+* @namespace Delivery
+* @example
+* See the examples under every method
+*/
+/**
+* @summary action
+* @description Defines the format of the delivered asset.
+*
+* <b>Learn more:</b>
+* {@link https://cloudinary.com/documentation/image_transformations#image_format_support|Image formats}
+* {@link https://cloudinary.com/documentation/video_manipulation_and_delivery#transcoding_video_to_other_formats|Video formats}
+*
+* @memberOf Actions.Delivery
+* @param {string} format The file format. For a list of supported format types see {@link Qualifiers.Format| format types} for
+* possible values
+* @return {Actions.Delivery.DeliveryFormat}
+* @example
+* import {Cloudinary} from "@cloudinary/url-gen";
+* import {format} from "@cloudinary/url-gen/actions/delivery";
+*
+* const yourCldInstance = new Cloudinary({cloud:{cloudName:'demo'}});
+* const image = yourCldInstance.image('woman');
+* image.delivery(
+*  format('jpg'),
+* );
+*
+*/
+function format(format$1) {
+	return new DeliveryFormatAction("f", format$1);
+}
+/**
+* @summary action
+* @description Controls the quality of the delivered image or video.
+*
+* <b>Learn more:</b> {@link https://cloudinary.com/documentation/image_optimization#how_to_optimize_image_quality|Image quality}
+*  {@link https://cloudinary.com/documentation/video_optimization#how_to_optimize_video_quality|Video quality}
+* @memberOf Actions.Delivery
+* @param {QualityTypes | string | number | Qualifiers.Quality} qualityType For a list of supported quality types see
+* {@link Qualifiers.Quality| quality types} for
+* possible values.
+* @return {Actions.Delivery.DeliveryQualityAction}
+* @example
+* import {Cloudinary} from "@cloudinary/url-gen";
+* import {quality} from "@cloudinary/url-gen/actions/delivery";
+* import {quality} from "@cloudinary/url-gen/qualifiers/quantity";
+*
+* const yourCldInstance = new Cloudinary({cloud:{cloudName:'demo'}});
+* const image = yourCldInstance.image('woman');
+* image.delivery(
+*  quality('auto'),
+* );
+*/
+function quality(qualityType) {
+	return new DeliveryQualityAction(qualityType);
+}
+
+//#endregion
 //#region src/loaders/cloudinary/cloudinary-loader.tsx
-function customResolver(key, value) {
-	if (typeof value === "boolean") return value ? key : void 0;
-	return `${key}:${value}`;
-}
-const { useLoaderContext: useCloudinaryContext, LoaderProvider: CloudinaryLoaderProvider, useLoader: useCloudinaryLoader } = loaderFactory({
-	transforms: { f: "webp" },
-	placeholder: {
-		q: 10,
-		f: "webp"
-	}
-}, {
-	optionSeparator: "_",
-	paramSeparator: ",",
-	widthKey: "w",
-	heightKey: "h",
-	orders: {
-		b_auto: { orders: [
-			"mode",
-			"number",
-			"direction",
-			"color"
-		] },
-		b_gen_fill: { orders: ["prompt", "seed"] }
-	},
-	customResolver: {
-		art: customResolver,
-		e_accelerate: customResolver,
-		e_adv_redeye: customResolver,
-		e_art: customResolver,
-		e_auto_brightness: customResolver,
-		e_auto_color: customResolver,
-		e_auto_contrast: customResolver,
-		e_auto_enhance: customResolver,
-		e_background_removal: customResolver,
-		e_blur: customResolver,
-		e_blur_faces: customResolver,
-		e_blur_region: customResolver,
-		e_brightness: customResolver,
-		e_cartoonify: customResolver,
-		e_colorize: customResolver,
-		e_contrast: customResolver,
-		e_distort: customResolver,
-		e_drop_shadow: customResolver,
-		e_gamma: customResolver,
-		e_gradient_fade: customResolver,
-		e_grayscale: customResolver,
-		e_hue: customResolver,
-		e_improve: customResolver,
-		e_make_transparent: customResolver,
-		e_negate: customResolver,
-		e_oil_paint: customResolver,
-		e_pixelate: customResolver,
-		e_pixelate_faces: customResolver,
-		e_pixelate_region: customResolver,
-		e_redeye: customResolver,
-		e_saturation: customResolver,
-		e_screen: customResolver,
-		e_sepia: customResolver,
-		e_shadow: customResolver,
-		e_sharpen: customResolver,
-		e_shear: customResolver,
-		e_simulate_colorblind: customResolver,
-		e_tint: customResolver,
-		e_trim: customResolver,
-		e_unsharp_mask: customResolver,
-		e_vectorize: customResolver,
-		e_vignette: customResolver,
-		e_volume_mute: customResolver
-	}
-}, ({ path, params, imageOptions }) => `${path}/image/upload/${params}/${imageOptions.src}`);
+const Context = createContext({
+	transforms: (img) => img.delivery(quality(auto$1())).delivery(format(auto())),
+	placeholder: (img) => img.resize(scale().width(10)).delivery(quality("auto:low")).delivery(format(auto()))
+});
+function CloudinaryLoaderProvider({ client, children, transforms, placeholder }) {
+	return /* @__PURE__ */ jsx(Context.Provider, {
+		value: {
+			cld: client,
+			transforms,
+			placeholder
+		},
+		children
+	});
+}
+function useCloudinaryLoader(options) {
+	const { cld, transforms: defaultTransforms, placeholder: defaultPlaceholder } = useContext(Context);
+	if (!cld) throw new Error("Cloudinary client is not provided. Please wrap your app with CloudinaryLoaderProvider.");
+	let transforms;
+	let placeholder;
+	if (typeof options === "function") transforms = options;
+	else if (options) {
+		transforms = options.transforms;
+		placeholder = options.placeholder;
+	}
+	return (imageOptions) => {
+		const img = cld.image(imageOptions.src);
+		const isPlaceholder = imageOptions.isPlaceholder;
+		if (isPlaceholder) {
+			if (defaultPlaceholder) defaultPlaceholder(img);
+		} else if (defaultTransforms) defaultTransforms(img);
+		if (isPlaceholder && placeholder) placeholder(img);
+		else if (!isPlaceholder && transforms) transforms(img);
+		const resizeAction = scale();
+		let hasResize = false;
+		if (imageOptions.width) {
+			resizeAction.width(imageOptions.width);
+			hasResize = true;
+		}
+		if (imageOptions.height) {
+			resizeAction.height(imageOptions.height);
+			hasResize = true;
+		}
+		if (hasResize) img.resize(resizeAction);
+		return img.toURL();
+	};
+}
+const useCloudinaryContext = () => useContext(Context);
 
 //#endregion
 export { CloudinaryLoaderProvider, useCloudinaryContext, useCloudinaryLoader };