img-upload-kit 1.1.1 → 2.0.1

package/dist/chunk-IDLLCVGB.js

@@ -0,0 +1,2370 @@
+'use client';
+import {
+  QUALITY_PRESETS,
+  createSuccessMessage,
+  getStatusMessage
+} from "./chunk-25GYKQ6J.js";
+import {
+  DEFAULT_BLUR_COLOR,
+  STANDARD_PRESETS,
+  normalizeColorInput,
+  validateImageFile,
+  validateMultipleFiles
+} from "./chunk-HILELQGS.js";
+
+// src/react/hooks/useClipboardPaste.ts
+import { useCallback, useEffect, useRef } from "react";
+function isEditableTextTarget(target) {
+  if (!target || typeof HTMLElement === "undefined" || !(target instanceof HTMLElement)) {
+    return false;
+  }
+  const tag = target.tagName;
+  if (tag === "TEXTAREA" || target.isContentEditable) return true;
+  if (tag === "INPUT") {
+    const type = target.type?.toLowerCase();
+    return type !== "file" && type !== "button" && type !== "checkbox" && type !== "radio";
+  }
+  return false;
+}
+function extractClipboardImageFiles(clipboardData, multiple) {
+  if (!clipboardData) return [];
+  const extracted = [];
+  if (clipboardData.files && clipboardData.files.length > 0) {
+    for (let i = 0; i < clipboardData.files.length; i++) {
+      const file = clipboardData.files[i];
+      if (file && file.type.startsWith("image/")) {
+        extracted.push(file);
+      }
+    }
+  }
+  if (extracted.length === 0 && clipboardData.items && clipboardData.items.length > 0) {
+    for (let i = 0; i < clipboardData.items.length; i++) {
+      const item = clipboardData.items[i];
+      if (item && item.kind === "file" && item.type.startsWith("image/")) {
+        const file = item.getAsFile();
+        if (file) extracted.push(file);
+      }
+    }
+  }
+  if (extracted.length === 0) return [];
+  return multiple ? extracted : [extracted[0]];
+}
+function toFileListLike(files) {
+  if (typeof DataTransfer !== "undefined") {
+    try {
+      const dt = new DataTransfer();
+      for (const file of files) dt.items.add(file);
+      if (dt.files.length === files.length) return dt.files;
+    } catch {
+    }
+  }
+  const arrayWithItem = Object.assign([...files], {
+    item: (index) => files[index] ?? null
+  });
+  return arrayWithItem;
+}
+function useClipboardPaste({
+  enabled = true,
+  pasteTarget = "dropzone",
+  disabled = false,
+  multiple = false,
+  onPasteFiles
+}) {
+  const onPasteFilesRef = useRef(onPasteFiles);
+  onPasteFilesRef.current = onPasteFiles;
+  const handledNativeEventsRef = useRef(/* @__PURE__ */ new WeakSet());
+  const processPaste = useCallback(
+    (clipboardData, target, nativeEvent, preventDefault) => {
+      if (!enabled || disabled) return;
+      if (handledNativeEventsRef.current.has(nativeEvent)) return;
+      if (isEditableTextTarget(target)) return;
+      const files = extractClipboardImageFiles(clipboardData, multiple);
+      if (files.length === 0) return;
+      handledNativeEventsRef.current.add(nativeEvent);
+      preventDefault();
+      onPasteFilesRef.current(toFileListLike(files));
+    },
+    [enabled, disabled, multiple]
+  );
+  const onPaste = useCallback(
+    (event) => {
+      processPaste(
+        event.clipboardData,
+        event.target,
+        event.nativeEvent,
+        () => event.preventDefault()
+      );
+    },
+    [processPaste]
+  );
+  useEffect(() => {
+    if (!enabled || disabled || pasteTarget !== "document" || typeof document === "undefined") {
+      return;
+    }
+    const handleDocumentPaste = (event) => {
+      processPaste(
+        event.clipboardData,
+        event.target,
+        event,
+        () => event.preventDefault()
+      );
+    };
+    document.addEventListener("paste", handleDocumentPaste);
+    return () => document.removeEventListener("paste", handleDocumentPaste);
+  }, [enabled, disabled, pasteTarget, processPaste]);
+  return { onPaste };
+}
+
+// src/react/hooks/useDragAndDrop.ts
+import { useCallback as useCallback2, useEffect as useEffect2, useRef as useRef2, useState } from "react";
+function useDragAndDrop({ disabled, onDrop }) {
+  const [isDragging, setIsDragging] = useState(false);
+  const dragDepthRef = useRef2(0);
+  useEffect2(() => {
+    if (disabled) {
+      dragDepthRef.current = 0;
+      setIsDragging(false);
+    }
+  }, [disabled]);
+  const handleDragEnter = useCallback2(
+    (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      if (disabled) return;
+      dragDepthRef.current += 1;
+      setIsDragging(true);
+    },
+    [disabled]
+  );
+  const handleDragLeave = useCallback2((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    dragDepthRef.current = Math.max(0, dragDepthRef.current - 1);
+    if (dragDepthRef.current === 0) {
+      setIsDragging(false);
+    }
+  }, []);
+  const handleDragOver = useCallback2((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+  }, []);
+  const handleDrop = useCallback2(
+    (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      dragDepthRef.current = 0;
+      setIsDragging(false);
+      if (disabled) return;
+      const files = e.dataTransfer?.files;
+      if (files && files.length > 0) {
+        onDrop(files);
+      }
+    },
+    [disabled, onDrop]
+  );
+  return {
+    isDragging,
+    dragHandlers: {
+      onDragEnter: handleDragEnter,
+      onDragLeave: handleDragLeave,
+      onDragOver: handleDragOver,
+      onDrop: handleDrop
+    }
+  };
+}
+
+// src/react/hooks/useSingleImageState.ts
+import { useCallback as useCallback5, useEffect as useEffect5, useMemo as useMemo2, useRef as useRef5, useState as useState3 } from "react";
+
+// src/react/context.tsx
+import { createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var DEFAULT_CONTEXT = {
+  endpoint: "/api/upload",
+  locale: void 0,
+  storageKeyPrefix: "iuk",
+  requireAltText: true,
+  unstyled: false
+};
+var ImageUploadContext = createContext(DEFAULT_CONTEXT);
+function ImageUploadProvider({
+  children,
+  endpoint = "/api/upload",
+  uploader,
+  headers,
+  withCredentials,
+  locale,
+  translations,
+  renderImage,
+  storageKeyPrefix = "iuk",
+  requireAltText = true,
+  unstyled = false,
+  singleClassNames,
+  singleStyles,
+  multiClassNames,
+  multiStyles
+}) {
+  const value = useMemo(
+    () => ({
+      endpoint,
+      uploader,
+      headers,
+      withCredentials,
+      locale,
+      translations,
+      renderImage,
+      storageKeyPrefix,
+      requireAltText,
+      unstyled,
+      singleClassNames,
+      singleStyles,
+      multiClassNames,
+      multiStyles
+    }),
+    [
+      endpoint,
+      uploader,
+      headers,
+      withCredentials,
+      locale,
+      translations,
+      renderImage,
+      storageKeyPrefix,
+      requireAltText,
+      unstyled,
+      singleClassNames,
+      singleStyles,
+      multiClassNames,
+      multiStyles
+    ]
+  );
+  return /* @__PURE__ */ jsx(ImageUploadContext.Provider, { value, children });
+}
+function useImageUploadContext() {
+  return useContext(ImageUploadContext);
+}
+
+// src/react/i18n/ar.ts
+var arTranslations = {
+  uploadWindow: "\u0646\u0627\u0641\u0630\u0629 \u0627\u0644\u0631\u0641\u0639",
+  tapToResume: "\u0627\u0636\u063A\u0637 \u0644\u0644\u0627\u0633\u062A\u0626\u0646\u0627\u0641",
+  restoreUploadWindow: "\u0627\u0633\u062A\u0639\u0627\u062F\u0629 \u0646\u0627\u0641\u0630\u0629 \u0627\u0644\u0631\u0641\u0639",
+  minimize: "\u062A\u0635\u063A\u064A\u0631",
+  minimizeUploader: "\u062A\u0635\u063A\u064A\u0631 \u0646\u0627\u0641\u0630\u0629 \u0627\u0644\u0631\u0641\u0639",
+  close: "\u0625\u063A\u0644\u0627\u0642",
+  editPrefix: "\u062A\u0639\u062F\u064A\u0644 - {title}",
+  uploadImage: "\u0631\u0641\u0639 \u0635\u0648\u0631\u0629",
+  uploadImages: "\u0631\u0641\u0639 \u0635\u0648\u0631",
+  noValidImageFiles: "\u0644\u0645 \u064A\u062A\u0645 \u0627\u0644\u0639\u062B\u0648\u0631 \u0639\u0644\u0649 \u0645\u0644\u0641\u0627\u062A \u0635\u0648\u0631 \u0635\u0627\u0644\u062D\u0629. \u064A\u0631\u062C\u0649 \u0627\u062E\u062A\u064A\u0627\u0631 \u0635\u0648\u0631 (JPEG, PNG, WebP, AVIF, SVG).",
+  selectedImagesSkipped: "\u062A\u0645 \u0627\u062E\u062A\u064A\u0627\u0631 {imageCount} \u0635\u0648\u0631\u0629. \u0648\u062A\u0645 \u062A\u062C\u0627\u0647\u0644 {skippedCount} \u0645\u0644\u0641 \u063A\u064A\u0631 \u0635\u0648\u0631\u064A.",
+  queued: "\u0641\u064A \u0627\u0644\u0627\u0646\u062A\u0638\u0627\u0631...",
+  retrying: "\u062C\u0627\u0631\u064A \u0625\u0639\u0627\u062F\u0629 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629...",
+  preparingUpload: "\u062C\u0627\u0631\u064A \u062A\u062C\u0647\u064A\u0632 \u0627\u0644\u0631\u0641\u0639...",
+  uploadFailed: "\u0641\u0634\u0644 \u0627\u0644\u0631\u0641\u0639",
+  failedCreatePreview: "\u062A\u0639\u0630\u0631 \u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0645\u0639\u0627\u064A\u0646\u0629",
+  failedCreatePreviewFor: "\u062A\u0639\u0630\u0631 \u0625\u0646\u0634\u0627\u0621 \u0645\u0639\u0627\u064A\u0646\u0629 \u0644\u0644\u0645\u0644\u0641: {file}",
+  selectAll: "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644",
+  deselectAll: "\u0625\u0644\u063A\u0627\u0621 \u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644",
+  removeSelected: "\u062D\u0630\u0641 \u0627\u0644\u0645\u062D\u062F\u062F",
+  uploading: "\u062C\u0627\u0631\u064D \u0627\u0644\u0631\u0641\u0639",
+  uploadingCount: "\u062C\u0627\u0631\u064D \u0631\u0641\u0639 {count} \u0635\u0648\u0631\u0629",
+  someUploadsFailed: "\u0641\u0634\u0644 \u0631\u0641\u0639 \u0628\u0639\u0636 \u0627\u0644\u0645\u0644\u0641\u0627\u062A.",
+  retryFailedUploads: "\u0625\u0639\u0627\u062F\u0629 \u0631\u0641\u0639 \u0627\u0644\u0645\u0644\u0641\u0627\u062A \u0627\u0644\u0641\u0627\u0634\u0644\u0629",
+  needsAltBeforeSave: "\u064A\u0648\u062C\u062F {count} \u0635\u0648\u0631\u0629 \u0628\u062F\u0648\u0646 \u0646\u0635 \u0628\u062F\u064A\u0644. \u0623\u0636\u0641 \u0648\u0635\u0641\u064B\u0627 \u0642\u0628\u0644 \u0627\u0644\u062D\u0641\u0638 \u0645\u0646 \u0632\u0631 \u0627\u0644\u0648\u0635\u0641 \u0639\u0644\u0649 \u0643\u0644 \u0635\u0648\u0631\u0629.",
+  networkError: "\u062E\u0637\u0623 \u0641\u064A \u0627\u0644\u0634\u0628\u0643\u0629 \u0623\u062B\u0646\u0627\u0621 \u0631\u0641\u0639 \u0627\u0644\u0635\u0648\u0631\u0629",
+  invalidUploadResponse: "\u0627\u0633\u062A\u062C\u0627\u0628\u0629 \u063A\u064A\u0631 \u0635\u0627\u0644\u062D\u0629 \u0645\u0646 \u062E\u0627\u062F\u0645 \u0627\u0644\u0631\u0641\u0639",
+  uploadAborted: "\u062A\u0645 \u0625\u0644\u063A\u0627\u0621 \u0627\u0644\u0631\u0641\u0639",
+  uploadStartedLive: "\u0628\u062F\u0623 \u0627\u0644\u0631\u0641\u0639",
+  uploadProgressLive: "\u0627\u0643\u062A\u0645\u0644 \u0627\u0644\u0631\u0641\u0639 \u0628\u0646\u0633\u0628\u0629 {progress}%",
+  uploadCompleteLive: "\u0627\u0643\u062A\u0645\u0644 \u0627\u0644\u0631\u0641\u0639",
+  qualityTitle: "\u062C\u0648\u062F\u0629 \u0627\u0644\u0636\u063A\u0637",
+  qualityLevelAria: "\u0645\u0633\u062A\u0648\u0649 \u0627\u0644\u062C\u0648\u062F\u0629",
+  qualitySaved: "\u062A\u0648\u0641\u064A\u0631",
+  qualityRecommended: "\u2B50 \u0645\u0648\u0635\u0649 \u0628\u0647",
+  selectFilesAria: "\u0627\u062E\u062A\u064A\u0627\u0631 \u0645\u0644\u0641\u0627\u062A",
+  selectMoreFilesAria: "\u0627\u062E\u062A\u064A\u0627\u0631 \u0645\u0644\u0641\u0627\u062A \u0625\u0636\u0627\u0641\u064A\u0629",
+  selectFolderAria: "\u0627\u062E\u062A\u064A\u0627\u0631 \u0645\u062C\u0644\u062F",
+  dropImagesHere: "\u0623\u0633\u0642\u0637 \u0627\u0644\u0635\u0648\u0631 \u0647\u0646\u0627",
+  releaseToUpload: "\u0627\u062A\u0631\u0643 \u0644\u0644\u0625\u0641\u0644\u0627\u062A \u0648\u0627\u0644\u0631\u0641\u0639",
+  dragDropOrChoose: "\u0627\u0633\u062D\u0628 \u0648\u0623\u0641\u0644\u062A \u0627\u0644\u0635\u0648\u0631 \u0647\u0646\u0627\u060C \u0623\u0648 \u0627\u062E\u062A\u0631 \u0637\u0631\u064A\u0642\u0629 \u0627\u0644\u0631\u0641\u0639 \u0645\u0646 \u0627\u0644\u0623\u0633\u0641\u0644",
+  selectFiles: "\u0627\u062E\u062A\u064A\u0627\u0631 \u0645\u0644\u0641\u0627\u062A",
+  selectFolder: "\u0627\u062E\u062A\u064A\u0627\u0631 \u0645\u062C\u0644\u062F",
+  supportsFormats: "\u0627\u0644\u0635\u064A\u063A \u0627\u0644\u0645\u062F\u0639\u0648\u0645\u0629: JPEG, PNG, WebP, AVIF, SVG",
+  maxPerFile: "\u0627\u0644\u062D\u062F \u0627\u0644\u0623\u0642\u0635\u0649 {size}MB \u0644\u0643\u0644 \u0645\u0644\u0641",
+  upToSizeMB: "\u062D\u062A\u0649 {size} \u0645\u064A\u062C\u0627\u0628\u0627\u064A\u062A",
+  dropHere: "\u0623\u0633\u0642\u0637 \u0647\u0646\u0627",
+  addMore: "\u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0645\u0632\u064A\u062F",
+  files: "\u0645\u0644\u0641\u0627\u062A",
+  folder: "\u0645\u062C\u0644\u062F",
+  withoutAltText: "{count} \u0628\u062F\u0648\u0646 \u0646\u0635 \u0628\u062F\u064A\u0644",
+  saveImages: "\u062D\u0641\u0638 \u0627\u0644\u0635\u0648\u0631",
+  addAltBeforeSaving: "\u064A\u0631\u062C\u0649 \u0625\u0636\u0627\u0641\u0629 \u0646\u0635 \u0628\u062F\u064A\u0644 \u0642\u0628\u0644 \u0627\u0644\u062D\u0641\u0638. \u0627\u0636\u063A\u0637 \u0632\u0631 \u0627\u0644\u0648\u0635\u0641 \u0639\u0644\u0649 \u0627\u0644\u0635\u0648\u0631\u0629.",
+  missingDescription: "\u0627\u0644\u0648\u0635\u0641 \u0645\u0641\u0642\u0648\u062F",
+  saveImage: "\u062D\u0641\u0638 \u0627\u0644\u0635\u0648\u0631\u0629",
+  downloadImage: "\u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0635\u0648\u0631\u0629",
+  dragDropOrClickToUpload: "\u0627\u0633\u062D\u0628 \u0648\u0623\u0641\u0644\u062A \u0623\u0648 \u0627\u0646\u0642\u0631 \u0644\u0644\u0631\u0641\u0639",
+  browseFiles: "\u062A\u0635\u0641\u062D \u0627\u0644\u0645\u0644\u0641\u0627\u062A",
+  image: "\u0635\u0648\u0631\u0629",
+  processing: "\u062C\u0627\u0631\u064D \u0627\u0644\u0645\u0639\u0627\u0644\u062C\u0629...",
+  uploadImageAria: "\u0631\u0641\u0639 \u0635\u0648\u0631\u0629",
+  fileInputAria: "\u062D\u0642\u0644 \u0627\u062E\u062A\u064A\u0627\u0631 \u0645\u0644\u0641",
+  uploadingAlt: "\u062C\u0627\u0631\u064D \u0627\u0644\u0631\u0641\u0639",
+  previewAlt: "\u0645\u0639\u0627\u064A\u0646\u0629",
+  addImageDescription: "\u0625\u0636\u0627\u0641\u0629 \u0648\u0635\u0641 \u0644\u0644\u0635\u0648\u0631\u0629",
+  describeImagePlaceholder: "\u0635\u0641 \u0647\u0630\u0647 \u0627\u0644\u0635\u0648\u0631\u0629 \u0644\u0625\u0645\u0643\u0627\u0646\u064A\u0629 \u0627\u0644\u0648\u0635\u0648\u0644...",
+  characters: "\u062D\u0631\u0641",
+  usedForA11ySeo: "\u064A\u064F\u0633\u062A\u062E\u062F\u0645 \u0644\u0625\u0645\u0643\u0627\u0646\u064A\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0648\u062A\u062D\u0633\u064A\u0646 \u0627\u0644\u0638\u0647\u0648\u0631 \u0641\u064A \u0627\u0644\u0628\u062D\u062B",
+  cancel: "\u0625\u0644\u063A\u0627\u0621",
+  saveDescription: "\u062D\u0641\u0638 \u0627\u0644\u0648\u0635\u0641",
+  selectImageAria: "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0635\u0648\u0631\u0629",
+  editAltTextAria: "\u062A\u0639\u062F\u064A\u0644 \u0627\u0644\u0646\u0635 \u0627\u0644\u0628\u062F\u064A\u0644",
+  addAltTextAria: "\u0625\u0636\u0627\u0641\u0629 \u0646\u0635 \u0628\u062F\u064A\u0644",
+  addDescriptionForA11y: "\u0623\u0636\u0641 \u0648\u0635\u0641\u064B\u0627 \u0644\u0625\u0645\u0643\u0627\u0646\u064A\u0629 \u0627\u0644\u0648\u0635\u0648\u0644",
+  adjustBlurColorAria: "\u0636\u0628\u0637 \u0627\u0644\u062A\u0645\u0648\u064A\u0647 \u0648\u0627\u0644\u0644\u0648\u0646",
+  adjustBlurColorTitle: "\u0645\u0639\u0627\u064A\u0646\u0629 \u0628\u064A\u0627\u0646\u0627\u062A \u0627\u0644\u062A\u0645\u0648\u064A\u0647 \u0648\u0636\u0628\u0637 \u0627\u0644\u0623\u0644\u0648\u0627\u0646",
+  removeImageAria: "\u062D\u0630\u0641 \u0627\u0644\u0635\u0648\u0631\u0629",
+  pasteHint: "\u0623\u0648 \u0627\u0644\u0635\u0642 \u0645\u0646 \u0627\u0644\u062D\u0627\u0641\u0638\u0629",
+  cancelUpload: "\u0625\u0644\u063A\u0627\u0621 \u0627\u0644\u0631\u0641\u0639",
+  retryUpload: "\u0625\u0639\u0627\u062F\u0629 \u0631\u0641\u0639 \u0627\u0644\u0635\u0648\u0631\u0629",
+  minImagesError: "\u064A\u0631\u062C\u0649 \u0631\u0641\u0639 {min} \u0635\u0648\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u0623\u0642\u0644.",
+  requiredFieldError: "\u0647\u0630\u0627 \u0627\u0644\u062D\u0642\u0644 \u0645\u0637\u0644\u0648\u0628.",
+  blurModal: {
+    title: "\u0645\u0639\u0627\u064A\u0646\u0629 \u0627\u0644\u062A\u0645\u0648\u064A\u0647 \u0648\u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0633\u0627\u0626\u062F",
+    closeModal: "\u0625\u063A\u0644\u0627\u0642 \u0627\u0644\u0645\u0639\u0627\u064A\u0646\u0629",
+    adjustColor: "\u0644\u0648\u0646 \u0627\u0644\u062E\u0644\u0641\u064A\u0629 \u0627\u0644\u0633\u0627\u0626\u062F",
+    clickToSample: "\u0627\u0646\u0642\u0631 \u0641\u064A \u0623\u064A \u0645\u0643\u0627\u0646 \u0639\u0644\u0649 \u0627\u0644\u0635\u0648\u0631\u0629 \u0644\u0627\u0644\u062A\u0642\u0627\u0637 \u0644\u0648\u0646 \u0627\u0644\u0628\u0643\u0633\u0644",
+    pickColorNote: "\u0627\u062E\u062A\u0631 \u0644\u0648\u0646\u064B\u0627 \u0645\u0646 \u0627\u0644\u0623\u062F\u0627\u0629\u060C \u0623\u0648 \u0623\u062F\u062E\u0644 \u0643\u0648\u062F HEX\u060C \u0623\u0648 \u0627\u0644\u062A\u0642\u0637 \u0645\u0628\u0627\u0634\u0631\u0629 \u0645\u0646 \u0627\u0644\u0635\u0648\u0631\u0629",
+    enterHexColor: "\u0623\u062F\u062E\u0644 \u0643\u0648\u062F \u0627\u0644\u0644\u0648\u0646 HEX",
+    hexPlaceholder: "F5F5F5",
+    enablePenMode: "\u0627\u0644\u062A\u0642\u0627\u0637 \u0644\u0648\u0646 \u0645\u0646 \u0627\u0644\u0635\u0648\u0631\u0629",
+    disablePenMode: "\u0625\u064A\u0642\u0627\u0641 \u0627\u0644\u0627\u0644\u062A\u0642\u0627\u0637",
+    penModeActive: "\u0648\u0636\u0639 \u0627\u0644\u0627\u0644\u062A\u0642\u0627\u0637 \u0645\u0641\u0639\u0644",
+    resetToDetected: "\u0627\u0633\u062A\u0639\u0627\u062F\u0629 \u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u062A\u0644\u0642\u0627\u0626\u064A",
+    sampled: "\u062A\u0645 \u0627\u0644\u062A\u0642\u0627\u0637",
+    livePreview: "\u0645\u0639\u0627\u064A\u0646\u0629 \u062D\u064A\u0629 \u0644\u0644\u062A\u0645\u0648\u064A\u0647 \u0648\u0627\u0644\u0635\u0648\u0631\u0629",
+    showingOriginal: "\u0639\u0631\u0636 \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0623\u0635\u0644\u064A\u0629 (\u0644\u0627 \u064A\u062A\u0648\u0641\u0631 \u062A\u0645\u0648\u064A\u0647 \u0628\u0639\u062F)",
+    saved: "\u0627\u0644\u062A\u0648\u0641\u064A\u0631 \u0641\u064A \u0627\u0644\u062D\u062C\u0645:",
+    accessibility: "\u0625\u0645\u0643\u0627\u0646\u064A\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0648\u0645\u062D\u0631\u0643\u0627\u062A \u0627\u0644\u0628\u062D\u062B",
+    altText: "\u0627\u0644\u0646\u0635 \u0627\u0644\u0628\u062F\u064A\u0644 \u0644\u0644\u0635\u0648\u0631\u0629 (Alt Text)",
+    altTextPlaceholder: "\u0635\u0641 \u0645\u062D\u062A\u0648\u0649 \u0627\u0644\u0635\u0648\u0631\u0629 \u0644\u0642\u0627\u0631\u0626\u0627\u062A \u0627\u0644\u0634\u0627\u0634\u0629 \u0648\u0645\u062D\u0631\u0643\u0627\u062A \u0627\u0644\u0628\u062D\u062B...",
+    saveAndClose: "\u062D\u0641\u0638 \u0648\u0625\u063A\u0644\u0627\u0642"
+  }
+};
+
+// src/react/i18n/en.ts
+var enTranslations = {
+  uploadWindow: "Upload window",
+  tapToResume: "Tap to resume",
+  restoreUploadWindow: "Restore upload window",
+  minimize: "Minimize",
+  minimizeUploader: "Minimize uploader",
+  close: "Close",
+  editPrefix: "Edit - {title}",
+  uploadImage: "Upload Image",
+  uploadImages: "Upload Images",
+  noValidImageFiles: "No valid image files found. Please select image files (JPEG, PNG, WebP, AVIF, SVG).",
+  selectedImagesSkipped: "{imageCount} image{imageSuffix} selected. {skippedCount} non-image file{skippedSuffix} skipped.",
+  queued: "Queued...",
+  retrying: "Retrying...",
+  preparingUpload: "Preparing upload...",
+  uploadFailed: "Upload failed",
+  failedCreatePreview: "Failed to create preview",
+  failedCreatePreviewFor: "Failed to create preview for {file}",
+  selectAll: "Select All",
+  deselectAll: "Deselect All",
+  removeSelected: "Remove Selected",
+  uploading: "Uploading",
+  uploadingCount: "Uploading {count} image{suffix}",
+  someUploadsFailed: "Some uploads failed.",
+  retryFailedUploads: "Retry Failed Uploads",
+  needsAltBeforeSave: "{count} image{suffix} need{verbSuffix} alt text before saving. Click the description button on each image.",
+  networkError: "Network error during image upload",
+  invalidUploadResponse: "Invalid JSON response from upload endpoint",
+  uploadAborted: "Upload cancelled",
+  uploadStartedLive: "Upload started",
+  uploadProgressLive: "Upload {progress}% complete",
+  uploadCompleteLive: "Upload complete",
+  qualityTitle: "Compression Quality",
+  qualityLevelAria: "Quality level",
+  qualitySaved: "saved",
+  qualityRecommended: "\u2B50 Recommended",
+  selectFilesAria: "Select files",
+  selectMoreFilesAria: "Select more files",
+  selectFolderAria: "Select folder",
+  dropImagesHere: "Drop images here",
+  releaseToUpload: "Release to upload",
+  dragDropOrChoose: "Drag and drop images here, or choose an option below",
+  selectFiles: "Select Files",
+  selectFolder: "Select Folder",
+  supportsFormats: "Supports: JPEG, PNG, WebP, AVIF, SVG",
+  maxPerFile: "Max {size}MB per file",
+  upToSizeMB: "Up to {size} MB",
+  dropHere: "Drop here",
+  addMore: "Add More",
+  files: "Files",
+  folder: "Folder",
+  withoutAltText: "{count} without alt text",
+  saveImages: "Save Images",
+  addAltBeforeSaving: "Please add alt text before saving. Click the description button on the image.",
+  missingDescription: "Missing description",
+  saveImage: "Save Image",
+  downloadImage: "Download Image",
+  dragDropOrClickToUpload: "Drag & drop or click to upload",
+  browseFiles: "Browse Files",
+  image: "Image",
+  processing: "Processing...",
+  uploadImageAria: "Upload image",
+  fileInputAria: "File input",
+  uploadingAlt: "Uploading",
+  previewAlt: "Preview",
+  addImageDescription: "Add Image Description",
+  describeImagePlaceholder: "Describe this image for accessibility...",
+  characters: "characters",
+  usedForA11ySeo: "Used for accessibility & SEO",
+  cancel: "Cancel",
+  saveDescription: "Save Description",
+  selectImageAria: "Select image",
+  editAltTextAria: "Edit alt text",
+  addAltTextAria: "Add alt text",
+  addDescriptionForA11y: "Add description for accessibility",
+  adjustBlurColorAria: "Adjust blur and color",
+  adjustBlurColorTitle: "Visualize blur data and adjust colors",
+  removeImageAria: "Remove image",
+  pasteHint: "or paste from clipboard",
+  cancelUpload: "Cancel upload",
+  retryUpload: "Retry upload",
+  minImagesError: "Please upload at least {min} image{suffix}.",
+  requiredFieldError: "This field is required.",
+  blurModal: {
+    title: "Blur & Dominant Color Inspector",
+    closeModal: "Close inspector",
+    adjustColor: "Dominant Backdrop Color",
+    clickToSample: "Click anywhere on the image preview to sample a pixel color",
+    pickColorNote: "Use the picker, enter a HEX code, or sample directly from the image",
+    enterHexColor: "Enter HEX color",
+    hexPlaceholder: "F5F5F5",
+    enablePenMode: "Eyedropper Sample",
+    disablePenMode: "Exit Eyedropper",
+    penModeActive: "Sampling Active",
+    resetToDetected: "Reset to Detected",
+    sampled: "Sampled",
+    livePreview: "Live Placeholder & Image Preview",
+    showingOriginal: "Showing original image (blur placeholder not generated yet)",
+    saved: "Size Saved:",
+    accessibility: "Accessibility & SEO",
+    altText: "Image Alt Text",
+    altTextPlaceholder: "Describe this image for screen readers and search engines...",
+    saveAndClose: "Save & Close"
+  }
+};
+
+// src/react/i18n.ts
+var DEFAULT_UPLOAD_TRANSLATIONS = enTranslations;
+var ARABIC_UPLOAD_TRANSLATIONS = arTranslations;
+function normalizeUploadLocale(locale) {
+  if (locale) {
+    return locale.toLowerCase().startsWith("ar") ? "ar" : "en";
+  }
+  if (typeof document !== "undefined") {
+    const docLang = document.documentElement.getAttribute("lang")?.toLowerCase() || "";
+    const docDir = document.documentElement.getAttribute("dir")?.toLowerCase() || "";
+    if (docLang.startsWith("ar") || docDir === "rtl") {
+      return "ar";
+    }
+  }
+  return "en";
+}
+function selectPluralCategory(locale, count) {
+  try {
+    return new Intl.PluralRules(locale).select(count);
+  } catch {
+    return count === 1 ? "one" : "other";
+  }
+}
+function formatUploadingCount(ui, count, locale, overrides) {
+  if (overrides && !overrides.uploadingCount && (overrides.uploading || overrides.uploadImage || overrides.uploadImages)) {
+    const isOne = selectPluralCategory(locale, count) === "one";
+    return `${ui.uploading} ${count} ${isOne ? ui.uploadImage : ui.uploadImages}`;
+  }
+  const suffix = selectPluralCategory(locale, count) === "one" ? "" : "s";
+  return ui.uploadingCount.replace("{count}", String(count)).replace("{suffix}", suffix);
+}
+function formatNeedsAltMessage(ui, count, locale) {
+  const isOne = selectPluralCategory(locale, count) === "one";
+  return ui.needsAltBeforeSave.replace("{count}", String(count)).replace("{suffix}", isOne ? "" : "s").replace("{verbSuffix}", isOne ? "s" : "");
+}
+function formatSkippedImagesMessage(ui, imageCount, skippedCount, locale) {
+  const imgSuffix = selectPluralCategory(locale, imageCount) === "one" ? "" : "s";
+  const skipSuffix = selectPluralCategory(locale, skippedCount) === "one" ? "" : "s";
+  return ui.selectedImagesSkipped.replace("{imageCount}", String(imageCount)).replace("{imageSuffix}", imgSuffix).replace("{skippedCount}", String(skippedCount)).replace("{skippedSuffix}", skipSuffix);
+}
+var uploadText = {
+  en: enTranslations,
+  ar: arTranslations
+};
+function resolveTranslations(locale, overrides) {
+  const base = uploadText[normalizeUploadLocale(locale)];
+  if (!overrides) return base;
+  return {
+    ...base,
+    ...overrides,
+    blurModal: {
+      ...base.blurModal,
+      ...overrides.blurModal || {}
+    }
+  };
+}
+
+// src/react/utils/sessionMetaCache.ts
+var SIGNED_URL_QUERY_RE = /[?&](?:X-Amz-Signature|X-Amz-Credential|X-Amz-Algorithm|X-Goog-Signature|Signature|AWSAccessKeyId|GoogleAccessId|token|sig|sv|se)=/i;
+function isSignedStorageUrl(url) {
+  return SIGNED_URL_QUERY_RE.test(url);
+}
+function appendCacheBuster(url, options = {}) {
+  if (!url || !options.enabled) return url;
+  if (/^(?:blob:|data:)/i.test(url) || isSignedStorageUrl(url)) return url;
+  if (/[?&](?:v|t)=/i.test(url)) return url;
+  const buster = options.token ?? Date.now();
+  return `${url}${url.includes("?") ? "&" : "?"}t=${buster}`;
+}
+function readSessionJson(key) {
+  if (typeof window === "undefined") return null;
+  try {
+    const raw = window.sessionStorage.getItem(key);
+    return raw ? JSON.parse(raw) : null;
+  } catch {
+    return null;
+  }
+}
+function writeSessionJson(key, value) {
+  if (typeof window === "undefined") return;
+  try {
+    window.sessionStorage.setItem(key, JSON.stringify(value));
+  } catch {
+  }
+}
+function createUploadSessionCache(storagePrefix = "iuk") {
+  const altKey = (id) => `${storagePrefix}:alt-meta:${id}`;
+  const blurKey = (id) => `${storagePrefix}:blur-meta:${id}`;
+  const writeAltMetaFor = (info, alt) => {
+    if (!alt?.trim()) return;
+    if (info.url) writeSessionJson(altKey(info.url), alt);
+    if (info.contentHash) writeSessionJson(altKey(info.contentHash), alt);
+  };
+  const readAltMetaFor = (info) => {
+    if (info.contentHash) {
+      const byHash = readSessionJson(altKey(info.contentHash));
+      if (byHash) return byHash;
+    }
+    if (info.url) {
+      const byUrl = readSessionJson(altKey(info.url));
+      if (byUrl) return byUrl;
+    }
+    return null;
+  };
+  const writeBlurMetaFor = (info, meta) => {
+    if (info.url) writeSessionJson(blurKey(info.url), meta);
+    if (info.contentHash) writeSessionJson(blurKey(info.contentHash), meta);
+  };
+  const readBlurMetaFor = (info) => {
+    if (info.contentHash) {
+      const byHash = readSessionJson(blurKey(info.contentHash));
+      if (byHash?.blurDataUrl || byHash?.blurColor) return byHash;
+    }
+    if (info.url) {
+      const byUrl = readSessionJson(blurKey(info.url));
+      if (byUrl?.blurDataUrl || byUrl?.blurColor) return byUrl;
+    }
+    return null;
+  };
+  return {
+    writeAltMetaFor,
+    readAltMetaFor,
+    writeBlurMetaFor,
+    readBlurMetaFor
+  };
+}
+var MIME_TO_EXT = {
+  "image/avif": "avif",
+  "image/webp": "webp",
+  "image/jpeg": "jpg",
+  "image/png": "png",
+  "image/svg+xml": "svg"
+};
+async function downloadImageWithFallback(url, format) {
+  if (!url || typeof window === "undefined") return;
+  try {
+    const fetchUrl = isSignedStorageUrl(url) ? url : appendCacheBuster(url, { enabled: true });
+    const res = await fetch(fetchUrl, { cache: "no-store" });
+    if (!res.ok) {
+      throw new Error(`Download failed with status ${res.status}`);
+    }
+    const blob = await res.blob();
+    const objectUrl = URL.createObjectURL(blob);
+    const ext = format ?? MIME_TO_EXT[blob.type] ?? "avif";
+    const anchor = document.createElement("a");
+    anchor.href = objectUrl;
+    anchor.download = `image-${Date.now()}.${ext}`;
+    anchor.style.display = "none";
+    document.body?.appendChild(anchor);
+    anchor.click();
+    anchor.remove();
+    setTimeout(() => {
+      try {
+        URL.revokeObjectURL(objectUrl);
+      } catch {
+      }
+    }, 1e3);
+  } catch {
+    window.open(url, "_blank", "noopener,noreferrer");
+  }
+}
+
+// src/react/hooks/singleStateHelpers.ts
+function resolveInitialQualityLevel(quality, preset) {
+  const q = quality ?? preset?.quality;
+  if (!q) return preset?.recommendedQualityLevel || "high";
+  if (q <= 55) return "low";
+  if (q <= 78) return "medium";
+  return q <= 90 ? "high" : "maximum";
+}
+function resolveLiveAnnouncement(isUploading, progress, hasCompletedUpload, ui) {
+  if (isUploading) {
+    if (progress >= 75) return ui.uploadProgressLive.replace("{progress}", "75");
+    if (progress >= 50) return ui.uploadProgressLive.replace("{progress}", "50");
+    if (progress >= 25) return ui.uploadProgressLive.replace("{progress}", "25");
+    return ui.uploadStartedLive;
+  }
+  return hasCompletedUpload ? ui.uploadCompleteLive : "";
+}
+function stripUrlCacheQuery(u) {
+  return u && !/^(?:blob:|data:)/i.test(u) ? u.split("?")[0] : u;
+}
+function buildSingleImagePayload(params, overrides = {}) {
+  const {
+    uploadedData,
+    objVal,
+    value,
+    preview,
+    altText,
+    blurColor,
+    blurDataUrlState
+  } = params;
+  const base = uploadedData ? { ...uploadedData } : objVal ? { ...objVal } : typeof value === "string" && value.trim() ? {
+    url: value,
+    blurDataUrl: "",
+    blurColor: DEFAULT_BLUR_COLOR,
+    altText: "",
+    width: 0,
+    height: 0,
+    format: "webp",
+    size: 0,
+    contentHash: "existing-image",
+    uploadedAt: (/* @__PURE__ */ new Date()).toISOString()
+  } : null;
+  if (!base) return null;
+  return {
+    ...base,
+    ...overrides,
+    url: (overrides.url ?? base.url) || preview || "",
+    altText: overrides.altText ?? altText ?? base.altText ?? "",
+    blurColor: overrides.blurColor ?? blurColor ?? base.blurColor ?? DEFAULT_BLUR_COLOR,
+    blurDataUrl: overrides.blurDataUrl ?? base.blurDataUrl ?? blurDataUrlState ?? ""
+  };
+}
+function serializeSingleFormValue(params) {
+  const {
+    formValue = "url",
+    currentImageData,
+    preview,
+    altText,
+    blurColor,
+    blurDataUrlState,
+    isUploading
+  } = params;
+  if (!preview || isUploading && !currentImageData) return "";
+  const nonBlobPreview = preview && !preview.startsWith("blob:") ? preview : null;
+  const resolvedUrl = currentImageData?.url || nonBlobPreview || "";
+  if (!resolvedUrl) return "";
+  if (formValue === "json") {
+    const payload = currentImageData ? {
+      ...currentImageData,
+      altText: altText || currentImageData.altText || "",
+      blurColor: blurColor || currentImageData.blurColor || DEFAULT_BLUR_COLOR
+    } : {
+      url: resolvedUrl,
+      altText,
+      blurColor: blurColor || DEFAULT_BLUR_COLOR,
+      blurDataUrl: blurDataUrlState
+    };
+    return JSON.stringify(payload);
+  }
+  return resolvedUrl;
+}
+
+// src/react/hooks/useFilePreview.ts
+import { useCallback as useCallback3, useEffect as useEffect3, useRef as useRef3 } from "react";
+function useFilePreview(options = {}) {
+  const objectUrlsRef = useRef3(/* @__PURE__ */ new Set());
+  const errorLabel = options.errorLabel || "Failed to read file";
+  const revokePreview = useCallback3((url) => {
+    if (!url || !url.startsWith("blob:")) return;
+    objectUrlsRef.current.delete(url);
+    if (typeof URL !== "undefined" && typeof URL.revokeObjectURL === "function") {
+      try {
+        URL.revokeObjectURL(url);
+      } catch {
+      }
+    }
+  }, []);
+  const revokeAllPreviews = useCallback3(() => {
+    if (typeof URL !== "undefined" && typeof URL.revokeObjectURL === "function") {
+      for (const url of objectUrlsRef.current) {
+        try {
+          URL.revokeObjectURL(url);
+        } catch {
+        }
+      }
+    }
+    objectUrlsRef.current.clear();
+  }, []);
+  useEffect3(() => {
+    return () => {
+      revokeAllPreviews();
+    };
+  }, [revokeAllPreviews]);
+  const createPreview = useCallback3(
+    (file) => {
+      if (typeof URL !== "undefined" && typeof URL.createObjectURL === "function") {
+        try {
+          const objectUrl = URL.createObjectURL(file);
+          objectUrlsRef.current.add(objectUrl);
+          return Promise.resolve(objectUrl);
+        } catch {
+        }
+      }
+      return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onloadend = () => {
+          if (typeof reader.result === "string") {
+            resolve(reader.result);
+          } else {
+            reject(new Error(errorLabel));
+          }
+        };
+        reader.onerror = () => {
+          reject(new Error(errorLabel));
+        };
+        reader.readAsDataURL(file);
+      });
+    },
+    [errorLabel]
+  );
+  return { createPreview, revokePreview, revokeAllPreviews };
+}
+
+// src/react/hooks/useImageUpload.ts
+import { useCallback as useCallback4, useEffect as useEffect4, useRef as useRef4, useState as useState2 } from "react";
+
+// src/react/hooks/uploadTracker.ts
+var uploadCounter = 0;
+function createUploadTracker() {
+  const entries = /* @__PURE__ */ new Map();
+  const clearEntryInterval = (entry) => {
+    if (entry.interval) {
+      clearInterval(entry.interval);
+      entry.interval = null;
+    }
+  };
+  const createEntry = (file, initialMessage, customId, externalSignal) => {
+    uploadCounter += 1;
+    const id = customId || `upload-${Date.now()}-${uploadCounter}`;
+    const controller = new AbortController();
+    if (externalSignal) {
+      if (externalSignal.aborted) {
+        controller.abort();
+      } else {
+        externalSignal.addEventListener("abort", () => controller.abort(), {
+          once: true
+        });
+      }
+    }
+    const existing = entries.get(id);
+    if (existing) {
+      clearEntryInterval(existing);
+      existing.controller.abort();
+      entries.delete(id);
+    }
+    const entry = {
+      id,
+      file,
+      progress: 0,
+      message: initialMessage,
+      controller,
+      interval: null
+    };
+    entries.set(id, entry);
+    return entry;
+  };
+  const removeEntry = (id) => {
+    const entry = entries.get(id);
+    if (entry) {
+      clearEntryInterval(entry);
+      entries.delete(id);
+    }
+  };
+  const abortByIdOrFile = (idOrFile) => {
+    let aborted = false;
+    for (const [key, entry] of entries.entries()) {
+      if (typeof idOrFile === "string" && key === idOrFile || entry.file === idOrFile) {
+        clearEntryInterval(entry);
+        entry.controller.abort();
+        entries.delete(key);
+        aborted = true;
+      }
+    }
+    return aborted;
+  };
+  const abortAll = () => {
+    for (const entry of entries.values()) {
+      clearEntryInterval(entry);
+      entry.controller.abort();
+    }
+    entries.clear();
+  };
+  return {
+    entries,
+    createEntry,
+    removeEntry,
+    abortByIdOrFile,
+    abortAll
+  };
+}
+
+// src/react/hooks/xhrUpload.ts
+var MAX_ERROR_BODY_LENGTH = 160;
+function sanitizeRawErrorBody(rawBody) {
+  const trimmed = rawBody.trim();
+  if (!trimmed) return "";
+  const looksLikeHtml = /<(?:!doctype|html|head|body|title|h[1-6]|p|div|span|center|hr)\b/i.test(
+    trimmed
+  );
+  let cleaned = trimmed;
+  if (looksLikeHtml) {
+    const titleMatch = trimmed.match(/<title[^>]*>([\s\S]*?)<\/title>/i);
+    const h1Match = trimmed.match(/<h1[^>]*>([\s\S]*?)<\/h1>/i);
+    const extracted = (h1Match?.[1] || titleMatch?.[1] || trimmed).replace(/<style[\s\S]*?<\/style>/gi, " ").replace(/<script[\s\S]*?<\/script>/gi, " ").replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim();
+    cleaned = extracted;
+  }
+  if (cleaned.length > MAX_ERROR_BODY_LENGTH) {
+    return `${cleaned.slice(0, MAX_ERROR_BODY_LENGTH).trimEnd()}\u2026`;
+  }
+  return cleaned;
+}
+function createUploadAbortError(message = "Upload cancelled") {
+  const err = new Error(message);
+  err.name = "AbortError";
+  return err;
+}
+function isUploadAbortError(err) {
+  return typeof err === "object" && err !== null && "name" in err && err.name === "AbortError";
+}
+function parseErrorPayload(status, rawBody, fallbackLabel = "Upload failed") {
+  const statusInfo = `status ${status}`;
+  let parsed;
+  try {
+    const json = JSON.parse(rawBody);
+    if (json && typeof json === "object") {
+      parsed = json;
+    }
+  } catch {
+    parsed = void 0;
+  }
+  const candidateKeys = ["error", "message", "detail", "details"];
+  if (parsed) {
+    for (const key of candidateKeys) {
+      const val = parsed[key];
+      if (typeof val === "string" && val.trim()) {
+        return `${val.trim()} (${statusInfo})`;
+      }
+    }
+  }
+  const cleanedBody = rawBody ? sanitizeRawErrorBody(rawBody) : "";
+  if (cleanedBody) {
+    return `${cleanedBody} (${statusInfo})`;
+  }
+  return `${fallbackLabel} (${statusInfo})`;
+}
+function buildUploadFormData(file, fields = {}) {
+  const {
+    preset,
+    folder,
+    bucket,
+    altText,
+    customFilename,
+    outputFormat,
+    quality,
+    maxDimensions,
+    metadata
+  } = fields;
+  const formData = new FormData();
+  formData.append("file", file);
+  if (preset) formData.append("preset", preset);
+  if (folder) formData.append("folder", folder);
+  if (bucket) formData.append("bucket", bucket);
+  if (altText) formData.append("altText", altText);
+  if (customFilename) formData.append("customFilename", customFilename);
+  if (outputFormat) formData.append("outputFormat", outputFormat);
+  if (quality !== void 0) formData.append("quality", String(quality));
+  if (maxDimensions) {
+    formData.append("maxWidth", String(maxDimensions.width));
+    formData.append("maxHeight", String(maxDimensions.height));
+  }
+  if (metadata && Object.keys(metadata).length > 0) {
+    formData.append("metadata", JSON.stringify(metadata));
+  }
+  return formData;
+}
+function uploadViaXhr(endpoint, formData, options = {}) {
+  const fallbackLabel = options.fallbackErrorLabel || "Upload failed";
+  const networkLabel = options.networkErrorLabel || "Network error during image upload";
+  const invalidJsonLabel = options.invalidResponseLabel || "Invalid JSON response from upload endpoint";
+  const abortedLabel = options.abortedErrorLabel || "Upload cancelled";
+  if (options.signal?.aborted) {
+    return Promise.reject(createUploadAbortError(abortedLabel));
+  }
+  if (typeof XMLHttpRequest === "undefined") {
+    return fetch(endpoint, {
+      method: "POST",
+      body: formData,
+      headers: options.headers,
+      credentials: options.withCredentials ? "include" : "same-origin",
+      signal: options.signal
+    }).then(async (res) => {
+      const text = await res.text();
+      if (!res.ok) {
+        throw new Error(parseErrorPayload(res.status, text, fallbackLabel));
+      }
+      try {
+        return JSON.parse(text);
+      } catch {
+        throw new Error(invalidJsonLabel);
+      }
+    });
+  }
+  return new Promise((resolve, reject) => {
+    const xhr = new XMLHttpRequest();
+    xhr.open("POST", endpoint, true);
+    xhr.withCredentials = Boolean(options.withCredentials);
+    if (options.headers) {
+      for (const [key, value] of Object.entries(options.headers)) {
+        xhr.setRequestHeader(key, value);
+      }
+    }
+    const onSignalAbort = () => {
+      xhr.abort();
+    };
+    options.signal?.addEventListener("abort", onSignalAbort, { once: true });
+    const cleanup = () => {
+      options.signal?.removeEventListener("abort", onSignalAbort);
+    };
+    xhr.upload.onprogress = (event) => {
+      if (event.lengthComputable && event.total > 0) {
+        const pct = Math.min(
+          85,
+          Math.round(event.loaded / event.total * 85)
+        );
+        options.onUploadProgress?.(pct);
+      }
+    };
+    xhr.onload = () => {
+      cleanup();
+      if (xhr.status >= 200 && xhr.status < 300) {
+        try {
+          const parsed = JSON.parse(xhr.responseText);
+          resolve(parsed);
+        } catch {
+          reject(new Error(invalidJsonLabel));
+        }
+      } else {
+        reject(
+          new Error(
+            parseErrorPayload(xhr.status, xhr.responseText, fallbackLabel)
+          )
+        );
+      }
+    };
+    xhr.onerror = () => {
+      cleanup();
+      reject(new Error(networkLabel));
+    };
+    xhr.onabort = () => {
+      cleanup();
+      reject(createUploadAbortError(abortedLabel));
+    };
+    xhr.send(formData);
+  });
+}
+
+// src/react/hooks/useImageUpload.ts
+function useImageUpload({
+  preset,
+  folder,
+  bucket,
+  metadata,
+  altText,
+  outputFormat,
+  quality,
+  maxDimensions,
+  customFilename: defaultCustomFilename,
+  endpoint: propEndpoint,
+  uploader: propUploader,
+  headers: propHeaders,
+  withCredentials: propWithCredentials,
+  locale: propLocale,
+  onSuccess,
+  onError,
+  onProgress
+} = {}) {
+  const ctx = useImageUploadContext();
+  const uploadLocale = normalizeUploadLocale(propLocale || ctx.locale);
+  const ui = resolveTranslations(uploadLocale, ctx.translations);
+  const resolvedEndpoint = propEndpoint || ctx.endpoint || "/api/upload";
+  const resolvedUploader = propUploader || ctx.uploader;
+  const resolvedHeaders = propHeaders || ctx.headers;
+  const resolvedCredentials = propWithCredentials ?? ctx.withCredentials;
+  const [isUploading, setIsUploading] = useState2(false);
+  const [progress, setProgress] = useState2(0);
+  const [uploadMessage, setUploadMessage] = useState2("");
+  const isMountedRef = useRef4(true);
+  const timeoutsRef = useRef4(/* @__PURE__ */ new Set());
+  const trackerRef = useRef4(null);
+  if (!trackerRef.current) trackerRef.current = createUploadTracker();
+  const clearAllTimeouts = useCallback4(() => {
+    timeoutsRef.current.forEach((t) => clearTimeout(t));
+    timeoutsRef.current.clear();
+  }, []);
+  const safeSetTimeout = useCallback4((fn, ms) => {
+    const handle = setTimeout(() => {
+      timeoutsRef.current.delete(handle);
+      if (isMountedRef.current) fn();
+    }, ms);
+    timeoutsRef.current.add(handle);
+    return handle;
+  }, []);
+  useEffect4(() => {
+    isMountedRef.current = true;
+    const tracker = trackerRef.current;
+    return () => {
+      isMountedRef.current = false;
+      tracker?.abortAll();
+      clearAllTimeouts();
+    };
+  }, [clearAllTimeouts]);
+  const abortUpload = useCallback4((idOrFile) => {
+    const tracker = trackerRef.current;
+    const aborted = tracker.abortByIdOrFile(idOrFile);
+    if (aborted && isMountedRef.current && tracker.entries.size === 0) {
+      setIsUploading(false);
+      setProgress(0);
+      setUploadMessage("");
+    }
+    return aborted;
+  }, []);
+  const abortAll = useCallback4(() => {
+    trackerRef.current?.abortAll();
+    clearAllTimeouts();
+    if (isMountedRef.current) {
+      setIsUploading(false);
+      setProgress(0);
+      setUploadMessage("");
+    }
+  }, [clearAllTimeouts]);
+  const uploadImage = useCallback4(
+    async (file, customAltText, overrideCustomFilename, callOptions) => {
+      const tracker = trackerRef.current;
+      const entry = tracker.createEntry(
+        file,
+        ui.preparingUpload,
+        callOptions?.uploadId,
+        callOptions?.signal
+      );
+      const { id: uploadId, controller } = entry;
+      const originalSize = file.size;
+      setIsUploading(true);
+      setProgress(0);
+      setUploadMessage(ui.preparingUpload);
+      onProgress?.(0, ui.preparingUpload, file, uploadId);
+      const updateEntryProgress = (nextPct, maxCap) => {
+        if (!isMountedRef.current || controller.signal.aborted) return;
+        const clamped = Math.max(entry.progress, Math.min(maxCap, nextPct));
+        entry.progress = clamped;
+        const msg = getStatusMessage(clamped, uploadLocale);
+        entry.message = msg;
+        setProgress(clamped);
+        setUploadMessage(msg);
+        onProgress?.(clamped, msg, file, uploadId);
+      };
+      const reportProgress = (nextPct) => updateEntryProgress(nextPct, 94);
+      try {
+        entry.interval = setInterval(() => {
+          if (!isMountedRef.current || controller.signal.aborted) {
+            tracker.removeEntry(uploadId);
+            return;
+          }
+          updateEntryProgress(entry.progress + 6, 92);
+        }, 300);
+        const finalAlt = customAltText !== void 0 ? customAltText || void 0 : altText || void 0;
+        const finalCustomFilename = overrideCustomFilename || defaultCustomFilename || void 0;
+        const requestFields = {
+          preset,
+          folder,
+          bucket,
+          altText: finalAlt,
+          customFilename: finalCustomFilename,
+          outputFormat,
+          quality,
+          maxDimensions,
+          metadata
+        };
+        const data = resolvedUploader ? await resolvedUploader(file, {
+          ...requestFields,
+          signal: controller.signal,
+          onUploadProgress: reportProgress
+        }) : await uploadViaXhr(resolvedEndpoint, buildUploadFormData(file, requestFields), {
+          headers: resolvedHeaders,
+          withCredentials: resolvedCredentials,
+          signal: controller.signal,
+          fallbackErrorLabel: ui.uploadFailed,
+          networkErrorLabel: ui.networkError,
+          invalidResponseLabel: ui.invalidUploadResponse,
+          abortedErrorLabel: ui.uploadAborted,
+          onUploadProgress: reportProgress
+        });
+        tracker.removeEntry(uploadId);
+        if (!isMountedRef.current || controller.signal.aborted) return null;
+        entry.progress = 100;
+        setProgress(100);
+        const successMsg = createSuccessMessage(originalSize, data.size, false, uploadLocale);
+        setUploadMessage(successMsg);
+        onProgress?.(100, successMsg, file, uploadId);
+        safeSetTimeout(() => {
+          if (tracker.entries.size === 0) setUploadMessage("");
+        }, 5e3);
+        onSuccess?.(data, file, uploadId);
+        return data;
+      } catch (err) {
+        tracker.removeEntry(uploadId);
+        if (!isMountedRef.current || controller.signal.aborted || isUploadAbortError(err)) {
+          return null;
+        }
+        const errorMsg = err instanceof Error ? err.message : ui.uploadFailed;
+        setUploadMessage("");
+        onError?.(errorMsg, file, uploadId);
+        return null;
+      } finally {
+        tracker.removeEntry(uploadId);
+        if (isMountedRef.current && tracker.entries.size === 0) {
+          setIsUploading(false);
+          safeSetTimeout(() => {
+            if (tracker.entries.size === 0) setProgress(0);
+          }, 1e3);
+        }
+      }
+    },
+    [
+      preset,
+      folder,
+      bucket,
+      metadata,
+      altText,
+      outputFormat,
+      quality,
+      maxDimensions,
+      defaultCustomFilename,
+      resolvedEndpoint,
+      resolvedUploader,
+      resolvedHeaders,
+      resolvedCredentials,
+      uploadLocale,
+      ui.preparingUpload,
+      ui.uploadFailed,
+      ui.networkError,
+      ui.invalidUploadResponse,
+      ui.uploadAborted,
+      onSuccess,
+      onError,
+      onProgress,
+      safeSetTimeout
+    ]
+  );
+  const reset = useCallback4(() => {
+    abortAll();
+  }, [abortAll]);
+  return { uploadImage, abortUpload, abortAll, isUploading, progress, uploadMessage, reset };
+}
+
+// src/react/hooks/useSingleImageState.ts
+function useSingleImageState(props) {
+  const {
+    value,
+    onChange,
+    preset,
+    folder,
+    bucket,
+    metadata,
+    endpoint,
+    uploader,
+    headers,
+    withCredentials,
+    locale: propLocale,
+    translations,
+    initialAltText: propInitialAltText,
+    maxSizeMB: propMaxSizeMB,
+    maxDimensions,
+    requireAltText: propRequireAltText,
+    required,
+    isOpen,
+    onClose,
+    outputFormat,
+    quality: initialQualityProp,
+    customFilename,
+    formValue
+  } = props;
+  const ctx = useImageUploadContext();
+  const locale = normalizeUploadLocale(propLocale || ctx.locale);
+  const ui = resolveTranslations(locale, translations || ctx.translations);
+  const requireAltText = propRequireAltText ?? ctx.requireAltText;
+  const standardPreset = preset ? STANDARD_PRESETS[preset] : void 0;
+  const maxSizeMB = propMaxSizeMB ?? standardPreset?.maxSizeMB ?? 10;
+  const requiresManualCommit = Boolean(isOpen);
+  const cache = useMemo2(() => createUploadSessionCache(ctx.storageKeyPrefix || "iuk"), [ctx.storageKeyPrefix]);
+  const objVal = typeof value === "object" && value ? value : null;
+  const initPreview = typeof value === "string" ? value : objVal?.url || null;
+  const initAlt = objVal?.altText || propInitialAltText || "";
+  const initColor = objVal?.blurColor || DEFAULT_BLUR_COLOR;
+  const [preview, setPreview] = useState3(initPreview);
+  const previewRef = useRef5(initPreview);
+  previewRef.current = preview;
+  const [altText, setAltText] = useState3(initAlt);
+  const [blurColor, setBlurColor] = useState3(initColor);
+  const [detectedBlurColor, setDetectedBlurColor] = useState3(initColor);
+  const [blurDataUrlState, setBlurDataUrlState] = useState3(objVal?.blurDataUrl || "");
+  const [hasColorOverride, setHasColorOverride] = useState3(false);
+  const [validationError, setValidationError] = useState3("");
+  const [showMissingAltWarning, setShowMissingAltWarning] = useState3(false);
+  const [editingAltText, setEditingAltText] = useState3(false);
+  const [sizeInfo, setSizeInfo] = useState3(null);
+  const [uploadedData, setUploadedData] = useState3(objVal && "url" in objVal ? objVal : null);
+  const [isBlurModalOpen, setIsBlurModalOpen] = useState3(false);
+  const [selectedFile, setSelectedFile] = useState3(null);
+  const [qualityLevel, setQualityLevel] = useState3(() => resolveInitialQualityLevel(initialQualityProp, standardPreset));
+  const fileInputRef = useRef5(null);
+  const lastAltRef = useRef5(initAlt);
+  const activeUploadIdRef = useRef5(null);
+  const uploadSeqRef = useRef5(0);
+  const resetColorAndErrorState = () => {
+    setValidationError("");
+    setHasColorOverride(false);
+    setBlurColor(DEFAULT_BLUR_COLOR);
+    setDetectedBlurColor(DEFAULT_BLUR_COLOR);
+    setIsBlurModalOpen(false);
+  };
+  const { createPreview, revokePreview } = useFilePreview({ errorLabel: ui.failedCreatePreview });
+  const { uploadImage, abortAll, isUploading, progress, uploadMessage, reset } = useImageUpload({
+    preset,
+    folder,
+    bucket,
+    metadata,
+    outputFormat,
+    maxDimensions,
+    customFilename,
+    quality: QUALITY_PRESETS[qualityLevel].value,
+    endpoint,
+    uploader,
+    headers,
+    withCredentials,
+    locale,
+    onSuccess: (data, _file, uploadId) => {
+      if (uploadId && activeUploadIdRef.current && uploadId !== activeUploadIdRef.current) return;
+      if (previewRef.current && previewRef.current !== data.url) revokePreview(previewRef.current);
+      setPreview(data.url);
+      setSizeInfo({ original: data.originalSize || 0, optimized: data.size });
+      const normColor = data.blurColor || DEFAULT_BLUR_COLOR;
+      setBlurColor(normColor);
+      setDetectedBlurColor(normColor);
+      setHasColorOverride(false);
+      setBlurDataUrlState(data.blurDataUrl || "");
+      const keyInfo = { url: data.url, contentHash: data.contentHash };
+      cache.writeBlurMetaFor(keyInfo, { blurDataUrl: data.blurDataUrl || "", blurColor: normColor });
+      const currentAlt = lastAltRef.current || data.altText || "";
+      setAltText(currentAlt);
+      lastAltRef.current = currentAlt;
+      const payload = { ...data, altText: currentAlt, blurColor: normColor };
+      setUploadedData(payload);
+      cache.writeAltMetaFor(keyInfo, currentAlt);
+      if (!requiresManualCommit) onChange(payload);
+    },
+    onError: (errorMsg, _file, uploadId) => {
+      if (uploadId && activeUploadIdRef.current && uploadId !== activeUploadIdRef.current) return;
+      revokePreview(previewRef.current);
+      setValidationError(errorMsg);
+      setPreview(null);
+      setUploadedData(null);
+    }
+  });
+  useEffect5(() => {
+    if (isOpen === false) abortAll();
+  }, [isOpen, abortAll]);
+  useEffect5(() => {
+    const incomingObj = typeof value === "object" && value ? value : null;
+    const nextPreview = typeof value === "string" ? value : incomingObj?.url || null;
+    const rawAlt = incomingObj?.altText || propInitialAltText || "";
+    const cachedAlt = cache.readAltMetaFor({ url: incomingObj ? incomingObj.url : nextPreview, contentHash: incomingObj?.contentHash ?? null });
+    const nextAlt = rawAlt.trim() === "" && nextPreview === preview && (lastAltRef.current.trim() !== "" || cachedAlt?.trim()) ? lastAltRef.current.trim() || cachedAlt || rawAlt : rawAlt;
+    const nextColor = incomingObj?.blurColor || DEFAULT_BLUR_COLOR;
+    if (stripUrlCacheQuery(nextPreview) !== stripUrlCacheQuery(preview)) setPreview(nextPreview);
+    if (nextAlt !== altText && (nextPreview !== preview || nextAlt.trim() !== "" || !altText.trim())) {
+      setAltText(nextAlt);
+      lastAltRef.current = nextAlt;
+    }
+    const nextIsFallback = nextColor === DEFAULT_BLUR_COLOR;
+    if (nextColor !== blurColor && (nextPreview !== preview || !hasColorOverride && (!nextIsFallback || blurColor === DEFAULT_BLUR_COLOR))) {
+      setBlurColor(nextColor);
+      setDetectedBlurColor(nextColor);
+      setHasColorOverride(false);
+    }
+    const nextBlurUrl = incomingObj?.blurDataUrl || "";
+    if (nextPreview !== preview || nextBlurUrl && nextBlurUrl !== blurDataUrlState) {
+      setBlurDataUrlState(nextBlurUrl);
+    }
+    if (nextPreview) {
+      const cached = cache.readBlurMetaFor({
+        url: nextPreview,
+        contentHash: incomingObj?.contentHash || uploadedData?.contentHash
+      });
+      if (cached?.blurDataUrl && !nextBlurUrl) setBlurDataUrlState(cached.blurDataUrl);
+      if (cached?.blurColor && nextIsFallback && blurColor === DEFAULT_BLUR_COLOR) {
+        setBlurColor(cached.blurColor);
+        setDetectedBlurColor(cached.blurColor);
+      }
+    }
+    if (!value) {
+      setUploadedData(null);
+      setBlurDataUrlState("");
+      setSizeInfo(null);
+      setSelectedFile(null);
+      lastAltRef.current = propInitialAltText || "";
+      if (fileInputRef.current) fileInputRef.current.value = "";
+    } else if (incomingObj?.url) {
+      setUploadedData((prev) => prev?.url === incomingObj.url ? prev : incomingObj);
+    }
+  }, [value, propInitialAltText]);
+  const commitIfAuto = (overrides) => {
+    if (!requiresManualCommit) {
+      const payload = buildSingleImagePayload(
+        { uploadedData, objVal, value, preview, altText, blurColor, blurDataUrlState },
+        overrides
+      );
+      if (payload) onChange(payload);
+    }
+  };
+  const applyBlurColor = (color, options = {}) => {
+    const normalized = normalizeColorInput(color);
+    if (!normalized) return;
+    setBlurColor(normalized);
+    setHasColorOverride(options.markOverride !== false);
+    setUploadedData((prev) => prev ? { ...prev, blurColor: normalized } : prev);
+    if (preview) cache.writeBlurMetaFor({ url: preview, contentHash: uploadedData?.contentHash }, { blurDataUrl: blurDataUrlState, blurColor: normalized });
+    commitIfAuto({ blurColor: normalized });
+  };
+  const handleResetColor = () => {
+    if (detectedBlurColor) applyBlurColor(detectedBlurColor, { markOverride: false });
+  };
+  const handleFileSelect = async (files) => {
+    const file = files[0];
+    if (!file) return;
+    abortAll();
+    setSelectedFile(file);
+    resetColorAndErrorState();
+    const err = validateImageFile(file, maxSizeMB, locale);
+    if (err) {
+      setValidationError(err);
+      return;
+    }
+    uploadSeqRef.current += 1;
+    const uploadId = `single-${uploadSeqRef.current}`;
+    activeUploadIdRef.current = uploadId;
+    try {
+      const nextBlobUrl = await createPreview(file);
+      if (activeUploadIdRef.current !== uploadId) {
+        revokePreview(nextBlobUrl);
+        return;
+      }
+      revokePreview(previewRef.current);
+      setPreview(nextBlobUrl);
+      setAltText("");
+      lastAltRef.current = "";
+    } catch {
+      setValidationError(ui.failedCreatePreview);
+      return;
+    }
+    await uploadImage(file, "", customFilename, { uploadId });
+  };
+  const handleCancelUpload = () => {
+    activeUploadIdRef.current = null;
+    abortAll();
+    revokePreview(previewRef.current);
+    setPreview(null);
+    setSelectedFile(null);
+    reset();
+    if (fileInputRef.current) fileInputRef.current.value = "";
+  };
+  const handleRemoveTile = () => {
+    handleCancelUpload();
+    setAltText("");
+    lastAltRef.current = "";
+    setBlurDataUrlState("");
+    setSizeInfo(null);
+    setUploadedData(null);
+    resetColorAndErrorState();
+    if (!requiresManualCommit) onChange(null);
+  };
+  const handleAltTextSave = (newAltText) => {
+    setAltText(newAltText);
+    lastAltRef.current = newAltText;
+    if (preview) cache.writeAltMetaFor({ url: preview, contentHash: uploadedData?.contentHash }, newAltText);
+    setShowMissingAltWarning(false);
+    setEditingAltText(false);
+    commitIfAuto({ altText: newAltText });
+  };
+  const handleSaveImage = () => {
+    if (required && !preview) {
+      setValidationError(ui.requiredFieldError);
+      return;
+    }
+    if (requireAltText && preview && !altText?.trim()) {
+      setShowMissingAltWarning(true);
+      setValidationError(ui.addAltBeforeSaving);
+      return;
+    }
+    setShowMissingAltWarning(false);
+    setValidationError("");
+    const payload = buildSingleImagePayload({ uploadedData, objVal, value, preview, altText, blurColor, blurDataUrlState });
+    if (payload) {
+      lastAltRef.current = payload.altText || lastAltRef.current;
+      cache.writeAltMetaFor({ url: payload.url, contentHash: payload.contentHash }, payload.altText || "");
+      onChange(payload);
+    }
+    onClose?.();
+  };
+  const currentImageData = preview ? uploadedData ?? objVal : null;
+  const downloadUrl = preview ? uploadedData?.url ?? (typeof value === "string" ? value : objVal?.url) ?? null : null;
+  const handleDownload = useCallback5(async () => {
+    if (downloadUrl) await downloadImageWithFallback(downloadUrl, uploadedData?.format);
+  }, [downloadUrl, uploadedData?.format]);
+  const liveAnnouncement = resolveLiveAnnouncement(isUploading, progress, Boolean(sizeInfo && !isUploading), ui);
+  const serializedFormValue = serializeSingleFormValue({
+    formValue,
+    currentImageData,
+    preview,
+    altText,
+    blurColor,
+    blurDataUrlState,
+    isUploading
+  });
+  return {
+    locale,
+    ui,
+    requireAltText,
+    maxSizeMB,
+    fileInputRef,
+    preview,
+    altText,
+    blurColor,
+    detectedBlurColor,
+    blurDataUrlState,
+    validationError,
+    showMissingAltWarning,
+    editingAltText,
+    setEditingAltText,
+    sizeInfo,
+    uploadedData,
+    isBlurModalOpen,
+    setIsBlurModalOpen,
+    selectedFile,
+    qualityLevel,
+    setQualityLevel,
+    isUploading,
+    progress,
+    uploadMessage,
+    liveAnnouncement,
+    currentImageData,
+    canDownload: Boolean(downloadUrl),
+    serializedFormValue,
+    applyBlurColor,
+    handleResetColor,
+    handleFileSelect,
+    handleCancelUpload,
+    handleRemoveTile,
+    handleAltTextSave,
+    handleSaveImage,
+    handleDownload
+  };
+}
+
+// src/react/utils/slotStyles.ts
+var HIDDEN_INPUT_STYLE = {
+  position: "absolute",
+  width: 1,
+  height: 1,
+  padding: 0,
+  margin: -1,
+  overflow: "hidden",
+  clip: "rect(0, 0, 0, 0)",
+  whiteSpace: "nowrap",
+  border: 0
+};
+function cx(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+function resolveSlotClass(defaultClass, unstyled, ...customClasses) {
+  const merged = unstyled ? cx(...customClasses) : cx(defaultClass, ...customClasses);
+  return merged || void 0;
+}
+function resolveSlotStyle(...styles) {
+  let result;
+  for (const style of styles) {
+    if (style) {
+      result = result ? { ...result, ...style } : { ...style };
+    }
+  }
+  return result;
+}
+function resolveUploadDataState(flags) {
+  if (flags.disabled) return "disabled";
+  if (flags.isDragging) return "dragging";
+  if (flags.isUploading) return "uploading";
+  if (flags.hasError) return "error";
+  if (flags.hasContent) return "ready";
+  return "idle";
+}
+
+// src/react/headless/useSingleUpload.ts
+var DEFAULT_ACCEPT = "image/jpeg,image/png,image/webp,image/avif,image/svg+xml";
+function useSingleUpload(options) {
+  const {
+    accept = DEFAULT_ACCEPT,
+    disabled = false,
+    error: externalError,
+    capture,
+    enablePaste = true,
+    pasteTarget = "dropzone",
+    required = false,
+    onBlur
+  } = options;
+  const {
+    locale,
+    ui,
+    maxSizeMB,
+    fileInputRef,
+    preview,
+    altText,
+    blurColor,
+    detectedBlurColor,
+    blurDataUrlState,
+    validationError,
+    sizeInfo,
+    uploadedData,
+    qualityLevel,
+    setQualityLevel,
+    isUploading,
+    progress,
+    uploadMessage,
+    currentImageData,
+    canDownload,
+    applyBlurColor,
+    handleResetColor,
+    handleFileSelect,
+    handleCancelUpload,
+    handleRemoveTile,
+    handleAltTextSave,
+    handleSaveImage,
+    handleDownload
+  } = useSingleImageState(options);
+  const { isDragging, dragHandlers } = useDragAndDrop({
+    disabled,
+    onDrop: (files) => {
+      void handleFileSelect(files);
+    }
+  });
+  const { onPaste } = useClipboardPaste({
+    enabled: enablePaste,
+    pasteTarget,
+    disabled,
+    multiple: false,
+    onPasteFiles: (files) => {
+      void handleFileSelect(files);
+    }
+  });
+  const displayError = externalError || validationError || "";
+  const blurDataUrl = blurDataUrlState || currentImageData?.blurDataUrl || "";
+  const state = resolveUploadDataState({
+    disabled,
+    hasError: Boolean(displayError),
+    isUploading,
+    isDragging,
+    hasContent: Boolean(preview)
+  });
+  const openFileDialog = () => {
+    if (!disabled) fileInputRef.current?.click();
+  };
+  const getDropzoneProps = (overrides) => ({
+    ...overrides,
+    role: overrides?.role ?? "button",
+    tabIndex: overrides?.tabIndex ?? (disabled ? -1 : 0),
+    "aria-label": overrides?.["aria-label"] ?? ui.uploadImageAria,
+    "aria-disabled": disabled || void 0,
+    "aria-required": required || void 0,
+    "aria-invalid": Boolean(displayError) || void 0,
+    "data-state": state,
+    "data-dragging": isDragging || void 0,
+    "data-uploading": isUploading || void 0,
+    "data-disabled": disabled || void 0,
+    "data-error": Boolean(displayError) || void 0,
+    onClick: (event) => {
+      if (event.target === fileInputRef.current) return;
+      overrides?.onClick?.(event);
+      if (!event.defaultPrevented && !disabled) openFileDialog();
+    },
+    onKeyDown: (event) => {
+      overrides?.onKeyDown?.(event);
+      if (!event.defaultPrevented && !disabled && event.target === event.currentTarget && (event.key === "Enter" || event.key === " ")) {
+        event.preventDefault();
+        openFileDialog();
+      }
+    },
+    onBlur: (event) => {
+      overrides?.onBlur?.(event);
+      if (!event.currentTarget.contains(event.relatedTarget)) {
+        onBlur?.();
+      }
+    },
+    onPaste: (event) => {
+      overrides?.onPaste?.(event);
+      if (!event.defaultPrevented) onPaste(event);
+    },
+    onDragEnter: (event) => {
+      overrides?.onDragEnter?.(event);
+      dragHandlers.onDragEnter(event);
+    },
+    onDragLeave: (event) => {
+      overrides?.onDragLeave?.(event);
+      dragHandlers.onDragLeave(event);
+    },
+    onDragOver: (event) => {
+      overrides?.onDragOver?.(event);
+      dragHandlers.onDragOver(event);
+    },
+    onDrop: (event) => {
+      overrides?.onDrop?.(event);
+      dragHandlers.onDrop(event);
+    }
+  });
+  const getInputProps = (overrides) => ({
+    ...overrides,
+    ...capture !== void 0 && overrides?.capture === void 0 ? { capture } : {},
+    ref: fileInputRef,
+    type: "file",
+    accept: overrides?.accept ?? accept,
+    disabled: overrides?.disabled ?? disabled,
+    "aria-label": overrides?.["aria-label"] ?? ui.fileInputAria,
+    style: overrides?.style ? { ...HIDDEN_INPUT_STYLE, ...overrides.style } : HIDDEN_INPUT_STYLE,
+    onClick: (event) => {
+      overrides?.onClick?.(event);
+      event.stopPropagation();
+    },
+    onChange: (event) => {
+      overrides?.onChange?.(event);
+      if (!event.defaultPrevented) {
+        const files = event.target.files;
+        if (files && files.length > 0) void handleFileSelect(files);
+        event.target.value = "";
+      }
+    }
+  });
+  return {
+    state,
+    preview,
+    uploadedData,
+    altText,
+    blurColor,
+    detectedBlurColor,
+    blurDataUrl,
+    isDragging,
+    isUploading,
+    progress,
+    uploadMessage,
+    error: displayError,
+    sizeInfo,
+    qualityLevel,
+    maxSizeMB,
+    disabled,
+    canDownload,
+    locale,
+    ui,
+    openFileDialog,
+    selectFiles: handleFileSelect,
+    remove: handleRemoveTile,
+    cancel: handleCancelUpload,
+    cancelUpload: handleCancelUpload,
+    save: handleSaveImage,
+    download: handleDownload,
+    setQualityLevel,
+    setAltText: handleAltTextSave,
+    setBlurColor: (hex) => applyBlurColor(hex),
+    resetBlurColor: handleResetColor,
+    getDropzoneProps,
+    getInputProps
+  };
+}
+
+// src/react/headless/useMultiUpload.ts
+import { useRef as useRef7 } from "react";
+
+// src/react/hooks/useMultiImageState.ts
+import { useEffect as useEffect6, useRef as useRef6, useState as useState4 } from "react";
+
+// src/react/hooks/uploadQueue.ts
+function mapUploadedToPreview(img, prev) {
+  const altText = prev?.altText && !img.altText?.trim() ? prev.altText : img.altText;
+  return {
+    id: prev?.id || img.url,
+    url: img.url,
+    file: null,
+    uploadMessage: null,
+    originalSize: img.originalSize ?? prev?.originalSize,
+    optimizedSize: img.size ?? prev?.optimizedSize,
+    data: { ...img, altText },
+    altText,
+    blurColor: img.blurColor || prev?.blurColor
+  };
+}
+function resolveInitialQuality(q, fallback = "high") {
+  if (!q) return fallback;
+  return q <= 55 ? "low" : q <= 78 ? "medium" : q <= 90 ? "high" : "maximum";
+}
+function collectUploadedData(list, readyOnly) {
+  return list.filter((p) => p.data && (!readyOnly || !p.isUploading)).map((p) => ({
+    ...p.data,
+    altText: p.altText ?? p.data.altText,
+    blurColor: p.blurColor ?? p.data.blurColor
+  }));
+}
+function syncPreviewsWithValue(current, value, requiresManualCommit, uncommittedIds) {
+  const prevMap = /* @__PURE__ */ new Map();
+  current.forEach((p) => {
+    prevMap.set(p.id, p);
+    if (p.url) prevMap.set(p.url, p);
+    if (p.data?.url) prevMap.set(p.data.url, p);
+  });
+  const synced = value.map(
+    (img) => mapUploadedToPreview(img, prevMap.get(img.url))
+  );
+  const pending = current.filter((p) => {
+    const inValue = value.some(
+      (img) => img.url === p.id || p.url && img.url === p.url || p.data?.url && img.url === p.data.url
+    );
+    if (inValue) return false;
+    if (p.isUploading || Boolean(p.error)) return true;
+    if (requiresManualCommit && Boolean(p.data) && (uncommittedIds ? uncommittedIds.has(p.id) : p.id.startsWith("temp-"))) {
+      return true;
+    }
+    return false;
+  });
+  const next = [...synced, ...pending];
+  const isSame = next.length === current.length && next.every((it, idx) => {
+    const p = current[idx];
+    return p && p.id === it.id && p.url === it.url && p.altText === it.altText && p.blurColor === it.blurColor && p.isUploading === it.isUploading && p.error === it.error;
+  });
+  return isSame ? current : next;
+}
+async function runParallelUploadPool(items, maxParallel, workerFn) {
+  if (items.length === 0) return;
+  let nextIndex = 0;
+  const workerCount = Math.max(1, Math.min(maxParallel, items.length));
+  await Promise.all(
+    Array.from({ length: workerCount }, async () => {
+      while (nextIndex < items.length) {
+        const item = items[nextIndex];
+        nextIndex += 1;
+        await workerFn(item);
+      }
+    })
+  );
+}
+function serializeMultiFormValue(previews, formValue = "json") {
+  const uploaded = collectUploadedData(previews, true);
+  if (uploaded.length === 0) return "";
+  if (formValue === "url") {
+    return uploaded.map((img) => img.url).join(",");
+  }
+  return JSON.stringify(uploaded);
+}
+function formatMinImagesMessage(template, minImages) {
+  return template.replace("{min}", String(minImages)).replace("{suffix}", minImages === 1 ? "" : "s");
+}
+
+// src/react/hooks/useMultiImageState.ts
+var EMPTY_IMAGES = [];
+var tempIdCounter = 0;
+function useMultiImageState(options) {
+  const { onChange, preset, isOpen, onClose, minImages, required, formValue } = options;
+  const value = options.value ?? EMPTY_IMAGES;
+  const maxImages = options.maxImages ?? 999;
+  const maxParallelUploads = options.maxParallelUploads ?? 2;
+  const ctx = useImageUploadContext();
+  const locale = normalizeUploadLocale(options.locale || ctx.locale);
+  const ui = resolveTranslations(locale, options.translations || ctx.translations);
+  const requireAltText = options.requireAltText ?? ctx.requireAltText;
+  const standardPreset = preset ? STANDARD_PRESETS[preset] : void 0;
+  const maxSizeMB = options.maxSizeMB ?? standardPreset?.maxSizeMB ?? 10;
+  const requiresManualCommit = Boolean(isOpen);
+  const [previews, setPreviews] = useState4(() => value.map((img) => mapUploadedToPreview(img)));
+  const previewsRef = useRef6(previews);
+  previewsRef.current = previews;
+  const uncommittedIdsRef = useRef6(/* @__PURE__ */ new Set());
+  const isRetryingRef = useRef6(false);
+  const [validationError, setValidationError] = useState4("");
+  const [infoMessage, setInfoMessage] = useState4("");
+  const [selectedPreviews, setSelectedPreviews] = useState4(() => /* @__PURE__ */ new Set());
+  const [uploadStats, setUploadStats] = useState4({ total: 0, completed: 0, failed: 0 });
+  const [editingAltTextId, setEditingAltTextId] = useState4(null);
+  const [showMissingAltWarning, setShowMissingAltWarning] = useState4(false);
+  const [qualityLevel, setQualityLevel] = useState4(
+    () => resolveInitialQuality(options.quality ?? standardPreset?.quality, standardPreset?.recommendedQualityLevel)
+  );
+  const { createPreview, revokePreview } = useFilePreview({ errorLabel: ui.failedCreatePreview });
+  const infoTimeoutRef = useRef6(null);
+  useEffect6(() => () => {
+    if (infoTimeoutRef.current) clearTimeout(infoTimeoutRef.current);
+  }, []);
+  useEffect6(() => {
+    setPreviews((current) => {
+      const resolved = syncPreviewsWithValue(current, value, requiresManualCommit, uncommittedIdsRef.current);
+      previewsRef.current = resolved;
+      return resolved;
+    });
+  }, [value, requiresManualCommit]);
+  const emitImmediateChange = (nextPreviews) => {
+    if (!requiresManualCommit) onChange(collectUploadedData(nextPreviews, true));
+  };
+  const patchByIdOrFile = (uploadId, file, patch, emit = false) => {
+    const next = previewsRef.current.map((p) => {
+      if (!(uploadId ? p.id === uploadId : p.file === file)) return p;
+      if (patch.url && p.url && p.url !== patch.url) revokePreview(p.url);
+      return { ...p, ...patch };
+    });
+    previewsRef.current = next;
+    setPreviews(next);
+    if (emit) emitImmediateChange(next);
+  };
+  const patchPreview = (id, patch) => {
+    const next = previewsRef.current.map((p) => p.id === id ? patch(p) : p);
+    previewsRef.current = next;
+    setPreviews(next);
+    emitImmediateChange(next);
+  };
+  const { uploadImage, abortUpload, abortAll } = useImageUpload({
+    preset,
+    folder: options.folder,
+    bucket: options.bucket,
+    metadata: options.metadata,
+    outputFormat: options.outputFormat,
+    quality: QUALITY_PRESETS[qualityLevel].value,
+    maxDimensions: options.maxDimensions,
+    customFilename: options.customFilename,
+    endpoint: options.endpoint,
+    uploader: options.uploader,
+    headers: options.headers,
+    withCredentials: options.withCredentials,
+    locale,
+    onSuccess: (data, file, uploadId) => {
+      if (uploadId && requiresManualCommit) uncommittedIdsRef.current.add(uploadId);
+      patchByIdOrFile(uploadId, file, {
+        url: data.url,
+        uploadMessage: void 0,
+        originalSize: data.originalSize,
+        optimizedSize: data.size,
+        data,
+        blurColor: data.blurColor,
+        error: void 0,
+        isUploading: false,
+        progress: 100
+      }, true);
+      setUploadStats((s) => ({ ...s, completed: s.completed + 1 }));
+    },
+    onError: (error, file, uploadId) => {
+      patchByIdOrFile(uploadId, file, { uploadMessage: void 0, error, isUploading: false, progress: 0 });
+      setUploadStats((s) => ({ ...s, failed: s.failed + 1 }));
+    },
+    onProgress: (progress, uploadMessage, file, uploadId) => {
+      patchByIdOrFile(uploadId, file, { uploadMessage, progress, isUploading: true });
+    }
+  });
+  useEffect6(() => {
+    if (isOpen === false) {
+      abortAll();
+      uncommittedIdsRef.current.clear();
+    }
+  }, [isOpen, abortAll]);
+  const runBatchUploads = async (items, files) => {
+    options.onUploadStart?.(files);
+    const completedBatch = [];
+    await runParallelUploadPool(items, maxParallelUploads, async (item) => {
+      if (!previewsRef.current.some((p) => p.id === item.id) || !item.file) return;
+      const uploaded = await uploadImage(item.file, item.altText, void 0, { uploadId: item.id });
+      if (uploaded) completedBatch.push(uploaded);
+    });
+    if (completedBatch.length > 0) options.onUploadComplete?.(completedBatch);
+  };
+  const handleFileSelect = async (files) => {
+    setValidationError("");
+    setInfoMessage("");
+    const allFiles = Array.from(files);
+    const imageFiles = allFiles.filter((file) => file.type.startsWith("image/"));
+    if (imageFiles.length === 0) {
+      setValidationError(ui.noValidImageFiles);
+      return;
+    }
+    if (allFiles.length > imageFiles.length) {
+      setInfoMessage(formatSkippedImagesMessage(ui, imageFiles.length, allFiles.length - imageFiles.length, locale));
+      if (infoTimeoutRef.current) clearTimeout(infoTimeoutRef.current);
+      infoTimeoutRef.current = setTimeout(() => setInfoMessage(""), 5e3);
+    }
+    const activeCount = previewsRef.current.filter((p) => !p.error).length;
+    const validationResult = validateMultipleFiles(imageFiles, maxSizeMB, activeCount, maxImages, locale);
+    if (validationResult) {
+      setValidationError(validationResult);
+      return;
+    }
+    setUploadStats({ total: imageFiles.length, completed: 0, failed: 0 });
+    const newPreviews = [];
+    for (const file of imageFiles) {
+      try {
+        const url = await createPreview(file);
+        tempIdCounter += 1;
+        newPreviews.push({
+          id: `temp-${Date.now()}-${tempIdCounter}`,
+          url,
+          file,
+          fileName: file.name,
+          uploadMessage: ui.queued,
+          originalSize: file.size,
+          optimizedSize: null,
+          isUploading: true,
+          progress: 0
+        });
+      } catch {
+        setValidationError(ui.failedCreatePreviewFor.replace("{file}", file.name));
+        return;
+      }
+    }
+    const nextBatch = [...previewsRef.current, ...newPreviews];
+    previewsRef.current = nextBatch;
+    setPreviews(nextBatch);
+    await runBatchUploads(newPreviews, imageFiles);
+  };
+  const removeIds = (ids) => {
+    for (const p of previewsRef.current) {
+      if (ids.has(p.id)) {
+        abortUpload(p.id);
+        if (p.file) abortUpload(p.file);
+        revokePreview(p.url);
+        uncommittedIdsRef.current.delete(p.id);
+      }
+    }
+    const next = previewsRef.current.filter((p) => !ids.has(p.id));
+    previewsRef.current = next;
+    setPreviews(next);
+    emitImmediateChange(next);
+  };
+  const handleRemove = (id) => {
+    removeIds(/* @__PURE__ */ new Set([id]));
+    setSelectedPreviews((prev) => {
+      if (!prev.has(id)) return prev;
+      const copy = new Set(prev);
+      copy.delete(id);
+      return copy;
+    });
+  };
+  const handleCancelUpload = (id) => {
+    if (!previewsRef.current.some((p) => p.id === id)) return;
+    handleRemove(id);
+    options.onUploadCancel?.(id);
+  };
+  const handleRemoveSelected = () => {
+    removeIds(new Set(selectedPreviews));
+    setSelectedPreviews(/* @__PURE__ */ new Set());
+  };
+  const handleClearAll = () => {
+    removeIds(new Set(previewsRef.current.map((p) => p.id)));
+    setSelectedPreviews(/* @__PURE__ */ new Set());
+    setValidationError("");
+  };
+  const toggleSelect = (id) => {
+    setSelectedPreviews((prev) => {
+      const copy = new Set(prev);
+      if (copy.has(id)) copy.delete(id);
+      else copy.add(id);
+      return copy;
+    });
+  };
+  const handleRetryUpload = async (id) => {
+    const target = previewsRef.current.find((p) => p.id === id && p.error && p.file);
+    if (!target || !target.file) return;
+    setUploadStats({ total: 1, completed: 0, failed: 0 });
+    const updated = previewsRef.current.map(
+      (p) => p.id === id ? { ...p, error: void 0, isUploading: true, progress: 0, uploadMessage: ui.retrying } : p
+    );
+    previewsRef.current = updated;
+    setPreviews(updated);
+    await runBatchUploads([target], [target.file]);
+  };
+  const handleRetryFailed = async () => {
+    if (isRetryingRef.current) return;
+    const failedItems = previewsRef.current.filter((p) => p.error && p.file);
+    if (failedItems.length === 0) return;
+    isRetryingRef.current = true;
+    try {
+      setUploadStats({ total: failedItems.length, completed: 0, failed: 0 });
+      const failedIds = new Set(failedItems.map((p) => p.id));
+      const updated = previewsRef.current.map(
+        (p) => failedIds.has(p.id) ? { ...p, error: void 0, isUploading: true, progress: 0, uploadMessage: ui.retrying } : p
+      );
+      previewsRef.current = updated;
+      setPreviews(updated);
+      await runBatchUploads(failedItems, failedItems.map((p) => p.file).filter(Boolean));
+    } finally {
+      isRetryingRef.current = false;
+    }
+  };
+  const handleAltTextSave = (previewId, altText) => {
+    patchPreview(previewId, (p) => ({ ...p, altText, data: p.data ? { ...p.data, altText } : p.data }));
+    setEditingAltTextId(null);
+    setShowMissingAltWarning(false);
+  };
+  const handleColorChange = (previewId, blurColor) => {
+    patchPreview(previewId, (p) => ({ ...p, blurColor, data: p.data ? { ...p.data, blurColor } : p.data }));
+  };
+  const isUploading = previews.some((p) => p.isUploading);
+  const hasFailedUploads = previews.some((p) => Boolean(p.error));
+  const uploadingPreviews = previews.filter((p) => p.isUploading);
+  const completedPreviews = previews.filter((p) => Boolean(p.data) && !p.isUploading);
+  const imagesWithoutAlt = completedPreviews.filter((p) => !p.altText || !p.altText.trim());
+  const editingTarget = editingAltTextId ? previews.find((p) => p.id === editingAltTextId) ?? null : null;
+  const minImagesWarning = !isUploading && minImages && previews.length > 0 && completedPreviews.length < minImages ? formatMinImagesMessage(ui.minImagesError, minImages) : "";
+  const serializedFormValue = serializeMultiFormValue(previews, formValue ?? "json");
+  const handleSaveImages = () => {
+    if (required && completedPreviews.length === 0) {
+      setValidationError(ui.requiredFieldError);
+      return;
+    }
+    if (minImages && completedPreviews.length < minImages) {
+      setValidationError(formatMinImagesMessage(ui.minImagesError, minImages));
+      return;
+    }
+    if (requireAltText && imagesWithoutAlt.length > 0) {
+      setShowMissingAltWarning(true);
+      setValidationError(formatNeedsAltMessage(ui, imagesWithoutAlt.length, locale));
+      return;
+    }
+    setShowMissingAltWarning(false);
+    setValidationError("");
+    uncommittedIdsRef.current.clear();
+    onChange(collectUploadedData(previews, false));
+    onClose?.();
+  };
+  return {
+    locale,
+    ui,
+    requireAltText,
+    maxSizeMB,
+    previews,
+    validationError: validationError || minImagesWarning,
+    infoMessage,
+    selectedPreviews,
+    setSelectedPreviews,
+    uploadStats,
+    editingAltTextId,
+    setEditingAltTextId,
+    showMissingAltWarning,
+    qualityLevel,
+    setQualityLevel,
+    isUploading,
+    hasFailedUploads,
+    uploadingPreviews,
+    completedPreviews,
+    imagesWithoutAlt,
+    editingTarget,
+    serializedFormValue,
+    handleFileSelect,
+    handleRemove,
+    handleCancelUpload,
+    handleRemoveSelected,
+    handleClearAll,
+    toggleSelect,
+    handleRetryUpload,
+    handleRetryFailed,
+    handleAltTextSave,
+    handleColorChange,
+    handleSaveImages
+  };
+}
+
+// src/react/headless/useMultiUpload.ts
+var DEFAULT_ACCEPT2 = "image/jpeg,image/png,image/webp,image/avif,image/svg+xml";
+function useMultiUpload(options) {
+  const {
+    accept = DEFAULT_ACCEPT2,
+    disabled = false,
+    error: externalError,
+    maxImages = 999,
+    capture,
+    enablePaste = true,
+    pasteTarget = "dropzone",
+    required = false,
+    onBlur
+  } = options;
+  const fileInputRef = useRef7(null);
+  const folderInputRef = useRef7(null);
+  const {
+    locale,
+    ui,
+    maxSizeMB,
+    previews,
+    validationError,
+    infoMessage,
+    selectedPreviews,
+    setSelectedPreviews,
+    uploadStats,
+    qualityLevel,
+    setQualityLevel,
+    isUploading,
+    hasFailedUploads,
+    uploadingPreviews,
+    completedPreviews,
+    handleFileSelect,
+    handleRemove,
+    handleCancelUpload,
+    handleRemoveSelected,
+    handleClearAll,
+    toggleSelect,
+    handleRetryUpload,
+    handleRetryFailed,
+    handleAltTextSave,
+    handleColorChange,
+    handleSaveImages
+  } = useMultiImageState(options);
+  const { isDragging, dragHandlers } = useDragAndDrop({
+    disabled,
+    onDrop: (files) => {
+      void handleFileSelect(files);
+    }
+  });
+  const { onPaste } = useClipboardPaste({
+    enabled: enablePaste,
+    pasteTarget,
+    disabled,
+    multiple: true,
+    onPasteFiles: (files) => {
+      void handleFileSelect(files);
+    }
+  });
+  const displayError = externalError || validationError || "";
+  const remainingCount = Math.max(0, maxImages - previews.length);
+  const state = resolveUploadDataState({
+    disabled,
+    hasError: Boolean(displayError),
+    isUploading,
+    isDragging,
+    hasContent: previews.length > 0
+  });
+  const openFileDialog = () => {
+    if (!disabled) fileInputRef.current?.click();
+  };
+  const openFolderDialog = () => {
+    if (!disabled) folderInputRef.current?.click();
+  };
+  const getDropzoneProps = (overrides) => ({
+    ...overrides,
+    role: overrides?.role ?? "button",
+    tabIndex: overrides?.tabIndex ?? (disabled ? -1 : 0),
+    "aria-label": overrides?.["aria-label"] ?? ui.selectFilesAria,
+    "aria-disabled": disabled || void 0,
+    "aria-required": required || void 0,
+    "aria-invalid": Boolean(displayError) || void 0,
+    "data-state": state,
+    "data-dragging": isDragging || void 0,
+    "data-uploading": isUploading || void 0,
+    "data-disabled": disabled || void 0,
+    "data-error": Boolean(displayError) || void 0,
+    onClick: (event) => {
+      if (event.target === fileInputRef.current || event.target === folderInputRef.current) return;
+      overrides?.onClick?.(event);
+      if (!event.defaultPrevented && !disabled) openFileDialog();
+    },
+    onKeyDown: (event) => {
+      overrides?.onKeyDown?.(event);
+      if (!event.defaultPrevented && !disabled && event.target === event.currentTarget && (event.key === "Enter" || event.key === " ")) {
+        event.preventDefault();
+        openFileDialog();
+      }
+    },
+    onBlur: (event) => {
+      overrides?.onBlur?.(event);
+      if (!event.currentTarget.contains(event.relatedTarget)) {
+        onBlur?.();
+      }
+    },
+    onPaste: (event) => {
+      overrides?.onPaste?.(event);
+      if (!event.defaultPrevented) onPaste(event);
+    },
+    onDragEnter: (event) => {
+      overrides?.onDragEnter?.(event);
+      dragHandlers.onDragEnter(event);
+    },
+    onDragLeave: (event) => {
+      overrides?.onDragLeave?.(event);
+      dragHandlers.onDragLeave(event);
+    },
+    onDragOver: (event) => {
+      overrides?.onDragOver?.(event);
+      dragHandlers.onDragOver(event);
+    },
+    onDrop: (event) => {
+      overrides?.onDrop?.(event);
+      dragHandlers.onDrop(event);
+    }
+  });
+  const buildInputProps = (ref, defaultAriaLabel, isFolder, overrides) => ({
+    ...overrides,
+    ...isFolder ? { webkitdirectory: "", directory: "" } : capture !== void 0 && overrides?.capture === void 0 ? { capture } : {},
+    ref,
+    type: "file",
+    multiple: overrides?.multiple ?? true,
+    accept: overrides?.accept ?? accept,
+    disabled: overrides?.disabled ?? disabled,
+    "aria-label": overrides?.["aria-label"] ?? defaultAriaLabel,
+    style: overrides?.style ? { ...HIDDEN_INPUT_STYLE, ...overrides.style } : HIDDEN_INPUT_STYLE,
+    onClick: (event) => {
+      overrides?.onClick?.(event);
+      event.stopPropagation();
+    },
+    onChange: (event) => {
+      overrides?.onChange?.(event);
+      if (!event.defaultPrevented) {
+        const files = event.target.files;
+        if (files && files.length > 0) void handleFileSelect(files);
+        event.target.value = "";
+      }
+    }
+  });
+  return {
+    state,
+    items: previews,
+    completedItems: completedPreviews,
+    uploadingItems: uploadingPreviews,
+    selectedIds: selectedPreviews,
+    stats: uploadStats,
+    isDragging,
+    isUploading,
+    hasFailedUploads,
+    error: displayError,
+    infoMessage,
+    qualityLevel,
+    maxSizeMB,
+    maxImages,
+    remainingCount,
+    disabled,
+    locale,
+    ui,
+    openFileDialog,
+    openFolderDialog,
+    selectFiles: handleFileSelect,
+    remove: handleRemove,
+    removeSelected: handleRemoveSelected,
+    clear: handleClearAll,
+    cancel: handleCancelUpload,
+    cancelUpload: handleCancelUpload,
+    retry: handleRetryUpload,
+    retryUpload: handleRetryUpload,
+    retryAll: handleRetryFailed,
+    toggleSelect,
+    selectAll: () => setSelectedPreviews(new Set(previews.map((p) => p.id))),
+    clearSelection: () => setSelectedPreviews(/* @__PURE__ */ new Set()),
+    retryFailed: handleRetryFailed,
+    save: handleSaveImages,
+    setQualityLevel,
+    setAltText: handleAltTextSave,
+    setBlurColor: handleColorChange,
+    getDropzoneProps,
+    getInputProps: (overrides) => buildInputProps(fileInputRef, ui.selectFilesAria, false, overrides),
+    getFolderInputProps: (overrides) => buildInputProps(folderInputRef, ui.selectFolderAria, true, overrides)
+  };
+}
+
+// src/react/headless/HeadlessSingleUpload.tsx
+import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
+function HeadlessSingleUpload(props) {
+  const controller = useSingleUpload(props);
+  return /* @__PURE__ */ jsx2(Fragment, { children: props.children(controller) });
+}
+
+// src/react/headless/HeadlessMultiUpload.tsx
+import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
+function HeadlessMultiUpload(props) {
+  const controller = useMultiUpload(props);
+  return /* @__PURE__ */ jsx3(Fragment2, { children: props.children(controller) });
+}
+
+export {
+  HIDDEN_INPUT_STYLE,
+  cx,
+  resolveSlotClass,
+  resolveSlotStyle,
+  resolveUploadDataState,
+  arTranslations,
+  enTranslations,
+  DEFAULT_UPLOAD_TRANSLATIONS,
+  ARABIC_UPLOAD_TRANSLATIONS,
+  normalizeUploadLocale,
+  selectPluralCategory,
+  formatUploadingCount,
+  formatNeedsAltMessage,
+  formatSkippedImagesMessage,
+  uploadText,
+  resolveTranslations,
+  ImageUploadProvider,
+  useImageUploadContext,
+  extractClipboardImageFiles,
+  toFileListLike,
+  useClipboardPaste,
+  useDragAndDrop,
+  useFilePreview,
+  createUploadAbortError,
+  isUploadAbortError,
+  parseErrorPayload,
+  buildUploadFormData,
+  uploadViaXhr,
+  useImageUpload,
+  appendCacheBuster,
+  useSingleImageState,
+  useSingleUpload,
+  useMultiImageState,
+  useMultiUpload,
+  HeadlessSingleUpload,
+  HeadlessMultiUpload
+};
+//# sourceMappingURL=chunk-IDLLCVGB.js.map