img-upload-kit 1.1.1 → 2.0.1

package/dist/headless.js

@@ -1,1888 +1,27 @@
-import { createContext, useState, useCallback, useMemo, useContext, useRef, useEffect } from 'react';
-import { jsx, Fragment } from 'react/jsx-runtime';
-
-function useDragAndDrop({ disabled, onDrop }) {
-  const [isDragging, setIsDragging] = useState(false);
-  const handleDragEnter = useCallback(
-    (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      if (!disabled) {
-        setIsDragging(true);
-      }
-    },
-    [disabled]
-  );
-  const handleDragLeave = useCallback((e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    setIsDragging(false);
-  }, []);
-  const handleDragOver = useCallback((e) => {
-    e.preventDefault();
-    e.stopPropagation();
-  }, []);
-  const handleDrop = useCallback(
-    (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      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/types/quality.ts
-var QUALITY_PRESETS = {
-  low: {
-    label: "Low",
-    labelAr: "\u0645\u0646\u062E\u0641\u0636\u0629",
-    value: 50,
-    description: "Smallest file \u2014 best for tiny thumbnails and icons",
-    descriptionAr: "\u0623\u0635\u063A\u0631 \u062D\u062C\u0645 \u2014 \u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u0645\u0635\u063A\u0631\u0627\u062A \u0648\u0627\u0644\u0623\u064A\u0642\u0648\u0646\u0627\u062A \u0627\u0644\u0635\u063A\u064A\u0631\u0629",
-    compressionRatio: 0.12
-  },
-  medium: {
-    label: "Medium",
-    labelAr: "\u0645\u062A\u0648\u0633\u0637\u0629",
-    value: 72,
-    description: "Balanced size and quality \u2014 suitable for most web images",
-    descriptionAr: "\u062A\u0648\u0627\u0632\u0646 \u0628\u064A\u0646 \u0627\u0644\u062D\u062C\u0645 \u0648\u0627\u0644\u062C\u0648\u062F\u0629 \u2014 \u0645\u0646\u0627\u0633\u0628 \u0644\u0645\u0639\u0638\u0645 \u0635\u0648\u0631 \u0627\u0644\u0648\u064A\u0628",
-    compressionRatio: 0.22
-  },
-  high: {
-    label: "High",
-    labelAr: "\u0639\u0627\u0644\u064A\u0629",
-    value: 85,
-    description: "Recommended \u2014 sharp visuals with excellent compression",
-    descriptionAr: "\u0645\u0648\u0635\u0649 \u0628\u0647 \u2014 \u062C\u0648\u062F\u0629 \u0639\u0627\u0644\u064A\u0629 \u0648\u0636\u063A\u0637 \u0645\u0645\u062A\u0627\u0632",
-    compressionRatio: 0.3
-  },
-  maximum: {
-    label: "Maximum",
-    labelAr: "\u0623\u0642\u0635\u0649 \u062C\u0648\u062F\u0629",
-    value: 95,
-    description: "Closest to original \u2014 large file, use for hero / print",
-    descriptionAr: "\u0623\u0642\u0631\u0628 \u0644\u0644\u0623\u0635\u0644 \u2014 \u062D\u062C\u0645 \u0643\u0628\u064A\u0631\u060C \u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u0635\u0648\u0631 \u0627\u0644\u0631\u0626\u064A\u0633\u064A\u0629 \u0648\u0627\u0644\u0637\u0628\u0627\u0639\u0629",
-    compressionRatio: 0.55
-  }
+'use client';
+import {
+  HeadlessMultiUpload,
+  HeadlessSingleUpload,
+  ImageUploadProvider,
+  useDragAndDrop,
+  useFilePreview,
+  useImageUpload,
+  useImageUploadContext,
+  useMultiUpload,
+  useSingleUpload
+} from "./chunk-IDLLCVGB.js";
+import "./chunk-25GYKQ6J.js";
+import "./chunk-HILELQGS.js";
+export {
+  HeadlessMultiUpload,
+  HeadlessSingleUpload,
+  ImageUploadProvider,
+  useDragAndDrop,
+  useDragAndDrop as useDropzone,
+  useFilePreview,
+  useImageUpload,
+  useImageUploadContext,
+  useMultiUpload,
+  useSingleUpload
 };
-
-// src/types/presets.ts
-var DEFAULT_ALLOWED_FORMATS = [
-  "image/jpeg",
-  "image/png",
-  "image/webp",
-  "image/avif",
-  "image/svg+xml"
-];
-var RASTER_ALLOWED_FORMATS = [
-  "image/jpeg",
-  "image/png",
-  "image/webp",
-  "image/avif"
-];
-var STANDARD_PRESETS = {
-  thumbnail: {
-    folder: "thumbnails",
-    maxDimensions: { width: 600, height: 600 },
-    maxSizeMB: 5,
-    quality: 78,
-    recommendedQualityLevel: "medium",
-    allowedFormats: RASTER_ALLOWED_FORMATS,
-    recommendationNote: {
-      en: "Thumbnails display at compact sizes \u2014 Medium quality keeps pages fast",
-      ar: "\u0627\u0644\u0645\u0635\u063A\u0631\u0627\u062A \u062A\u0639\u0631\u0636 \u0628\u0623\u062D\u062C\u0627\u0645 \u0635\u063A\u064A\u0631\u0629 \u2014 \u0627\u0644\u062C\u0648\u062F\u0629 \u0627\u0644\u0645\u062A\u0648\u0633\u0637\u0629 \u062A\u062D\u0627\u0641\u0638 \u0639\u0644\u0649 \u0633\u0631\u0639\u0629 \u0627\u0644\u0635\u0641\u062D\u0629"
-    }
-  },
-  avatar: {
-    folder: "avatars",
-    maxDimensions: { width: 512, height: 512 },
-    maxSizeMB: 5,
-    quality: 80,
-    recommendedQualityLevel: "medium",
-    allowedFormats: RASTER_ALLOWED_FORMATS,
-    recommendationNote: {
-      en: "Avatars display small \u2014 Medium quality balances sharpness and speed",
-      ar: "\u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u0634\u062E\u0635\u064A\u0629 \u0635\u063A\u064A\u0631\u0629 \u2014 \u0627\u0644\u062C\u0648\u062F\u0629 \u0627\u0644\u0645\u062A\u0648\u0633\u0637\u0629 \u062A\u0648\u0627\u0632\u0646 \u0628\u064A\u0646 \u0627\u0644\u0648\u0636\u0648\u062D \u0648\u0627\u0644\u0633\u0631\u0639\u0629"
-    }
-  },
-  card: {
-    folder: "cards",
-    maxDimensions: { width: 1200, height: 900 },
-    maxSizeMB: 8,
-    quality: 85,
-    recommendedQualityLevel: "high",
-    allowedFormats: DEFAULT_ALLOWED_FORMATS
-  },
-  cover: {
-    folder: "covers",
-    maxDimensions: { width: 1920, height: 1080 },
-    maxSizeMB: 10,
-    quality: 88,
-    recommendedQualityLevel: "high",
-    allowedFormats: DEFAULT_ALLOWED_FORMATS
-  },
-  hero: {
-    folder: "hero",
-    maxDimensions: { width: 2560, height: 1440 },
-    maxSizeMB: 15,
-    quality: 92,
-    recommendedQualityLevel: "maximum",
-    allowedFormats: DEFAULT_ALLOWED_FORMATS,
-    recommendationNote: {
-      en: "Full-width hero visuals benefit from Maximum quality to preserve fine detail",
-      ar: "\u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u0631\u0626\u064A\u0633\u064A\u0629 \u0628\u0639\u0631\u0636 \u0643\u0627\u0645\u0644 \u062A\u0633\u062A\u0641\u064A\u062F \u0645\u0646 \u0627\u0644\u062C\u0648\u062F\u0629 \u0627\u0644\u0642\u0635\u0648\u0649 \u0644\u0644\u062D\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u062A\u0641\u0627\u0635\u064A\u0644 \u0627\u0644\u062F\u0642\u064A\u0642\u0629"
-    }
-  },
-  logo: {
-    folder: "logos",
-    maxDimensions: { width: 800, height: 800 },
-    maxSizeMB: 5,
-    quality: 90,
-    recommendedQualityLevel: "high",
-    allowedFormats: DEFAULT_ALLOWED_FORMATS,
-    recommendationNote: {
-      en: "Prefer SVG for vector logos \u2014 High quality preserves crisp edges on raster logos",
-      ar: "\u064A\u0641\u0636\u0644 SVG \u0644\u0644\u0634\u0639\u0627\u0631\u0627\u062A \u0627\u0644\u0645\u062A\u062C\u0647\u0629 \u2014 \u0627\u0644\u062C\u0648\u062F\u0629 \u0627\u0644\u0639\u0627\u0644\u064A\u0629 \u062A\u062D\u0627\u0641\u0638 \u0639\u0644\u0649 \u062D\u0648\u0627\u0641 \u0648\u0627\u0636\u062D\u0629"
-    }
-  },
-  original: {
-    folder: "originals",
-    maxDimensions: { width: 4096, height: 4096 },
-    maxSizeMB: 25,
-    quality: 95,
-    recommendedQualityLevel: "maximum",
-    allowedFormats: DEFAULT_ALLOWED_FORMATS
-  }
-};
-
-// src/utils/color.ts
-var DEFAULT_BLUR_COLOR = "#F5F5F5";
-function normalizeColorInput(value) {
-  if (!value) return null;
-  let next = value.trim();
-  if (!next) return null;
-  if (!next.startsWith("#")) {
-    next = `#${next}`;
-  }
-  const threeHex = /^#([0-9a-fA-F]{3})$/;
-  const sixHex = /^#([0-9a-fA-F]{6})$/;
-  if (threeHex.test(next)) {
-    const [, triplet] = next.match(threeHex) ?? [];
-    if (triplet) {
-      next = `#${triplet.split("").map((char) => char + char).join("")}`;
-    }
-  } else if (!sixHex.test(next)) {
-    return null;
-  }
-  return next.toUpperCase();
-}
-
-// src/utils/validators.ts
-function validateImageFile(file, maxSizeMB, locale = "en", allowedFormats) {
-  if (!file.type || !file.type.startsWith("image/")) {
-    return locale === "ar" ? "\u064A\u0631\u062C\u0649 \u0627\u062E\u062A\u064A\u0627\u0631 \u0645\u0644\u0641 \u0635\u0648\u0631\u0629 \u0635\u0627\u0644\u062D" : "Please select a valid image file";
-  }
-  const fileSizeMB = file.size / (1024 * 1024);
-  if (fileSizeMB > maxSizeMB) {
-    return locale === "ar" ? `\u064A\u062C\u0628 \u0623\u0644\u0627 \u064A\u062A\u062C\u0627\u0648\u0632 \u062D\u062C\u0645 \u0627\u0644\u0645\u0644\u0641 ${maxSizeMB}MB` : `File size must be less than ${maxSizeMB}MB`;
-  }
-  return null;
-}
-function validateMultipleFiles(files, maxSizeMB, currentCount, maxImages, locale = "en") {
-  if (currentCount + files.length > maxImages) {
-    return locale === "ar" ? `\u064A\u0645\u0643\u0646 \u0631\u0641\u0639 ${maxImages} \u0635\u0648\u0631\u0629 \u0641\u0642\u0637. \u0627\u0644\u0645\u062A\u0628\u0642\u064A: ${maxImages - currentCount}.` : `Can only upload ${maxImages} images. ${maxImages - currentCount} remaining.`;
-  }
-  const oversizedFiles = [];
-  for (const file of files) {
-    const fileSizeMB = file.size / (1024 * 1024);
-    if (fileSizeMB > maxSizeMB) {
-      oversizedFiles.push(file.name);
-    }
-  }
-  if (oversizedFiles.length > 0) {
-    if (locale === "ar") {
-      return `\u0627\u0644\u0645\u0644\u0641\u0627\u062A \u0627\u0644\u062A\u0627\u0644\u064A\u0629 \u0623\u0643\u0628\u0631 \u0645\u0646 \u0627\u0644\u062D\u062F \u0627\u0644\u0645\u0633\u0645\u0648\u062D (${maxSizeMB}MB): ${oversizedFiles.join(", ")}`;
-    }
-    return `The following file${oversizedFiles.length > 1 ? "s are" : " is"} too large (max ${maxSizeMB}MB): ${oversizedFiles.join(", ")}`;
-  }
-  return null;
-}
-var DEFAULT_CONTEXT = {
-  endpoint: "/api/upload",
-  locale: "en",
-  storageKeyPrefix: "iuk",
-  requireAltText: true,
-  unstyled: false
-};
-var ImageUploadContext = createContext(DEFAULT_CONTEXT);
-function ImageUploadProvider({
-  children,
-  endpoint = "/api/upload",
-  uploader,
-  headers,
-  withCredentials,
-  locale = "en",
-  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",
-  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.",
-  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",
-  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",
-  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.",
-  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",
-  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
-function normalizeUploadLocale(locale) {
-  if (locale && locale.toLowerCase().startsWith("ar")) {
-    return "ar";
-  }
-  if (typeof document !== "undefined") {
-    const docLang = document.documentElement.getAttribute("lang") || document.documentElement.getAttribute("dir");
-    if (!locale && (docLang === "ar" || docLang === "rtl")) {
-      return "ar";
-    }
-  }
-  return "en";
-}
-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
-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 sep = url.includes("?") ? "&" : "?";
-    const fetchUrl = `${url}${sep}t=${Date.now()}`;
-    const res = await fetch(fetchUrl, { cache: "no-store" });
-    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.click();
-    URL.revokeObjectURL(objectUrl);
-  } catch {
-    window.open(url, "_blank", "noopener,noreferrer");
-  }
-}
-function useFilePreview() {
-  const createPreview = useCallback((file) => {
-    return new Promise((resolve, reject) => {
-      const reader = new FileReader();
-      reader.onloadend = () => {
-        resolve(reader.result);
-      };
-      reader.onerror = () => {
-        reject(new Error("Failed to read file"));
-      };
-      reader.readAsDataURL(file);
-    });
-  }, []);
-  return { createPreview };
-}
-
-// src/utils/formatters.ts
-function formatFileSize(bytes) {
-  if (bytes <= 0) return "0 Bytes";
-  const k = 1024;
-  const sizes = ["Bytes", "KB", "MB", "GB"];
-  const i = Math.min(
-    sizes.length - 1,
-    Math.floor(Math.log(bytes) / Math.log(k))
-  );
-  return `${Math.round(bytes / Math.pow(k, i) * 100) / 100} ${sizes[i]}`;
-}
-function calculateReduction(original, optimized) {
-  if (original <= 0) return 0;
-  return Math.round((original - optimized) / original * 100);
-}
-var creativeMessages = [
-  "Sprinkling digital magic \u2728",
-  "Painting pixels with perfection \u{1F3A8}",
-  "Launching to the cloud \u{1F680}",
-  "Creating something beautiful \u2B50",
-  "Transforming your vision \u26A1",
-  "Weaving visual excellence \u{1F4AB}",
-  "Crafting your masterpiece \u{1F3AD}",
-  "Working our magic \u{1F52E}",
-  "Making it pixel-perfect \u2728",
-  "Keep calm, creating magic \u{1F3AA}",
-  "Hitting the sweet spot \u{1F3AF}",
-  "Artist mode activated \u{1F3A8}",
-  "Shooting for the stars \u{1F320}",
-  "Compressing with love \u{1F49D}",
-  "Enhancing quality \u{1F48E}",
-  "Polishing to perfection \u2728"
-];
-var creativeMessagesAr = [
-  "\u0646\u0636\u064A\u0641 \u0644\u0645\u0633\u0629 \u0631\u0642\u0645\u064A\u0629 \u0633\u0627\u062D\u0631\u0629 \u2728",
-  "\u0646\u0646\u0633\u0642 \u0627\u0644\u0628\u0643\u0633\u0644\u0627\u062A \u0628\u0625\u062A\u0642\u0627\u0646 \u{1F3A8}",
-  "\u0627\u0644\u0631\u0641\u0639 \u062C\u0627\u0631\u064D \u0625\u0644\u0649 \u0627\u0644\u0633\u062D\u0627\u0628\u0629 \u{1F680}",
-  "\u0646\u0635\u0646\u0639 \u0634\u064A\u0626\u0627\u064B \u062C\u0645\u064A\u0644\u0627\u064B \u2B50",
-  "\u0646\u062D\u0648\u0651\u0644 \u0631\u0624\u064A\u062A\u0643 \u0625\u0644\u0649 \u0648\u0627\u0642\u0639 \u26A1",
-  "\u0646\u0628\u0646\u064A \u062A\u062C\u0631\u0628\u0629 \u0628\u0635\u0631\u064A\u0629 \u0645\u0645\u064A\u0632\u0629 \u{1F4AB}",
-  "\u0646\u0635\u0642\u0644 \u0639\u0645\u0644\u0643 \u0628\u0627\u062D\u062A\u0631\u0627\u0641 \u{1F3AD}",
-  "\u0627\u0644\u0633\u062D\u0631 \u062C\u0627\u0631\u064D \u0627\u0644\u0622\u0646 \u{1F52E}",
-  "\u0646\u0636\u0628\u0637 \u0643\u0644 \u0628\u0643\u0633\u0644 \u0628\u0639\u0646\u0627\u064A\u0629 \u2728",
-  "\u0627\u0647\u062F\u0623\u060C \u0646\u062D\u0646 \u0646\u0647\u062A\u0645 \u0628\u0627\u0644\u062A\u0641\u0627\u0635\u064A\u0644 \u{1F3AA}",
-  "\u0646\u0642\u062A\u0631\u0628 \u0645\u0646 \u0627\u0644\u0646\u062A\u064A\u062C\u0629 \u0627\u0644\u0645\u062B\u0627\u0644\u064A\u0629 \u{1F3AF}",
-  "\u0648\u0636\u0639 \u0627\u0644\u0625\u0628\u062F\u0627\u0639 \u0645\u0641\u0639\u0644 \u{1F3A8}",
-  "\u0646\u0633\u062A\u0647\u062F\u0641 \u0623\u0641\u0636\u0644 \u0646\u062A\u064A\u062C\u0629 \u{1F320}",
-  "\u0636\u063A\u0637 \u0630\u0643\u064A \u0645\u0639 \u0627\u0644\u062D\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u062C\u0648\u062F\u0629 \u{1F49D}",
-  "\u062A\u062D\u0633\u064A\u0646 \u0627\u0644\u062C\u0648\u062F\u0629 \u0645\u0633\u062A\u0645\u0631 \u{1F48E}",
-  "\u0627\u0644\u0644\u0645\u0633\u0627\u062A \u0627\u0644\u0623\u062E\u064A\u0631\u0629 \u0642\u064A\u062F \u0627\u0644\u062A\u0646\u0641\u064A\u0630 \u2728"
-];
-var lastMessageIndex = -1;
-function getStatusMessage(progress, locale = "en") {
-  const list = locale === "ar" ? creativeMessagesAr : creativeMessages;
-  const clampedProgress = Math.max(0, Math.min(99, progress));
-  const messageIndex = Math.floor(clampedProgress / 100 * list.length);
-  const useRandom = Math.random() > 0.7;
-  let selectedIndex = useRandom ? Math.floor(Math.random() * list.length) : messageIndex;
-  if (selectedIndex === lastMessageIndex && list.length > 1) {
-    selectedIndex = (selectedIndex + 1) % list.length;
-  }
-  lastMessageIndex = selectedIndex;
-  if (progress >= 95) {
-    return locale === "ar" ? "\u{1F389} \u0627\u0642\u062A\u0631\u0628\u0646\u0627 \u062C\u062F\u0627\u064B..." : "\u{1F389} Almost there...";
-  }
-  if (progress >= 85) {
-    return locale === "ar" ? "\u2728 \u0646\u0636\u0639 \u0627\u0644\u0644\u0645\u0633\u0627\u062A \u0627\u0644\u0623\u062E\u064A\u0631\u0629..." : "\u2728 Polishing the final details...";
-  }
-  return list[selectedIndex];
-}
-function createSuccessMessage(originalSize, optimizedSize, compact = false, locale = "en") {
-  const reduction = calculateReduction(originalSize, optimizedSize);
-  const original = formatFileSize(originalSize);
-  const optimized = formatFileSize(optimizedSize);
-  if (compact) {
-    if (reduction > 50) {
-      return locale === "ar" ? `\u{1F389} \u0623\u0635\u063A\u0631 \u0628\u0646\u0633\u0628\u0629 ${reduction}%! (${original} \u2192 ${optimized})` : `\u{1F389} ${reduction}% smaller! (${original} \u2192 ${optimized})`;
-    }
-    if (reduction > 0) {
-      return locale === "ar" ? `\u2713 \u0623\u0635\u063A\u0631 \u0628\u0646\u0633\u0628\u0629 ${reduction}% (${original} \u2192 ${optimized})` : `\u2713 ${reduction}% smaller (${original} \u2192 ${optimized})`;
-    }
-    return `\u2713 ${optimized}`;
-  }
-  if (reduction > 70) {
-    return locale === "ar" ? `\u{1F389} \u0631\u0627\u0626\u0639! \u062A\u0645 \u062A\u0642\u0644\u064A\u0644 \u0627\u0644\u062D\u062C\u0645 \u0628\u0646\u0633\u0628\u0629 ${reduction}% (${original} \u2192 ${optimized})` : `\u{1F389} Amazing! Reduced by ${reduction}% (${original} \u2192 ${optimized})`;
-  }
-  if (reduction > 50) {
-    return locale === "ar" ? `\u2728 \u0645\u0645\u062A\u0627\u0632! \u062A\u0645 \u062A\u0642\u0644\u064A\u0644 \u0627\u0644\u062D\u062C\u0645 \u0628\u0646\u0633\u0628\u0629 ${reduction}% (${original} \u2192 ${optimized})` : `\u2728 Great! Reduced by ${reduction}% (${original} \u2192 ${optimized})`;
-  }
-  if (reduction > 20) {
-    return locale === "ar" ? `\u2713 \u0627\u0643\u062A\u0645\u0644 \u0627\u0644\u0631\u0641\u0639! \u062A\u0645 \u062A\u0642\u0644\u064A\u0644 \u0627\u0644\u062D\u062C\u0645 \u0628\u0646\u0633\u0628\u0629 ${reduction}% (${original} \u2192 ${optimized})` : `\u2713 Upload complete! Reduced by ${reduction}% (${original} \u2192 ${optimized})`;
-  }
-  return locale === "ar" ? `\u2713 \u0627\u0643\u062A\u0645\u0644 \u0627\u0644\u0631\u0641\u0639! (${original} \u2192 ${optimized})` : `\u2713 Upload complete! (${original} \u2192 ${optimized})`;
-}
-
-// src/react/hooks/xhrUpload.ts
-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})`;
-      }
-    }
-  }
-  if (rawBody && rawBody.trim()) {
-    return `${rawBody.trim()} (${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";
-  if (typeof XMLHttpRequest === "undefined") {
-    return fetch(endpoint, {
-      method: "POST",
-      body: formData,
-      headers: options.headers,
-      credentials: options.withCredentials ? "include" : "same-origin"
-    }).then(async (res) => {
-      const text = await res.text();
-      if (!res.ok) {
-        throw new Error(parseErrorPayload(res.status, text, fallbackLabel));
-      }
-      return JSON.parse(text);
-    });
-  }
-  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);
-      }
-    }
-    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 = () => {
-      if (xhr.status >= 200 && xhr.status < 300) {
-        try {
-          const parsed = JSON.parse(xhr.responseText);
-          resolve(parsed);
-        } catch {
-          reject(new Error("Invalid JSON response from upload endpoint"));
-        }
-      } else {
-        reject(
-          new Error(
-            parseErrorPayload(xhr.status, xhr.responseText, fallbackLabel)
-          )
-        );
-      }
-    };
-    xhr.onerror = () => {
-      reject(new Error("Network error during image upload"));
-    };
-    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] = useState(false);
-  const [progress, setProgress] = useState(0);
-  const [uploadMessage, setUploadMessage] = useState("");
-  const isMountedRef = useRef(true);
-  const timeoutsRef = useRef(/* @__PURE__ */ new Set());
-  const activeIntervalRef = useRef(null);
-  const clearProgressInterval = useCallback(() => {
-    if (activeIntervalRef.current) {
-      clearInterval(activeIntervalRef.current);
-      activeIntervalRef.current = null;
-    }
-  }, []);
-  const clearAllTimeouts = useCallback(() => {
-    timeoutsRef.current.forEach((t) => clearTimeout(t));
-    timeoutsRef.current.clear();
-  }, []);
-  const safeSetTimeout = useCallback((fn, ms) => {
-    const handle = setTimeout(() => {
-      timeoutsRef.current.delete(handle);
-      if (isMountedRef.current) {
-        fn();
-      }
-    }, ms);
-    timeoutsRef.current.add(handle);
-    return handle;
-  }, []);
-  useEffect(() => {
-    isMountedRef.current = true;
-    return () => {
-      isMountedRef.current = false;
-      clearProgressInterval();
-      clearAllTimeouts();
-    };
-  }, [clearProgressInterval, clearAllTimeouts]);
-  const uploadImage = useCallback(
-    async (file, customAltText, overrideCustomFilename) => {
-      clearProgressInterval();
-      clearAllTimeouts();
-      const originalSize = file.size;
-      setIsUploading(true);
-      setProgress(0);
-      setUploadMessage(ui.preparingUpload);
-      onProgress?.(0, ui.preparingUpload, file);
-      const reportProgress = (nextPct) => {
-        if (!isMountedRef.current) return;
-        setProgress((prev) => {
-          const clamped = Math.max(prev, Math.min(94, nextPct));
-          const msg = getStatusMessage(clamped, uploadLocale);
-          setUploadMessage(msg);
-          onProgress?.(clamped, msg, file);
-          return clamped;
-        });
-      };
-      try {
-        activeIntervalRef.current = setInterval(() => {
-          if (!isMountedRef.current) {
-            clearProgressInterval();
-            return;
-          }
-          setProgress((prev) => {
-            const nextProgress = Math.min(prev + 6, 92);
-            const msg = getStatusMessage(nextProgress, uploadLocale);
-            setUploadMessage(msg);
-            onProgress?.(nextProgress, msg, file);
-            return nextProgress;
-          });
-        }, 300);
-        const finalAlt = customAltText || 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,
-          onUploadProgress: reportProgress
-        }) : await uploadViaXhr(
-          resolvedEndpoint,
-          buildUploadFormData(file, requestFields),
-          {
-            headers: resolvedHeaders,
-            withCredentials: resolvedCredentials,
-            fallbackErrorLabel: ui.uploadFailed,
-            onUploadProgress: reportProgress
-          }
-        );
-        clearProgressInterval();
-        if (!isMountedRef.current) return data;
-        setProgress(100);
-        const successMsg = createSuccessMessage(
-          originalSize,
-          data.size,
-          false,
-          uploadLocale
-        );
-        setUploadMessage(successMsg);
-        onProgress?.(100, successMsg, file);
-        safeSetTimeout(() => {
-          setUploadMessage("");
-        }, 5e3);
-        onSuccess?.(data, file);
-        return data;
-      } catch (err) {
-        clearProgressInterval();
-        if (!isMountedRef.current) return null;
-        const errorMsg = err instanceof Error ? err.message : ui.uploadFailed;
-        setUploadMessage("");
-        onError?.(errorMsg, file);
-        return null;
-      } finally {
-        clearProgressInterval();
-        if (isMountedRef.current) {
-          setIsUploading(false);
-          safeSetTimeout(() => {
-            setProgress(0);
-          }, 1e3);
-        }
-      }
-    },
-    [
-      preset,
-      folder,
-      bucket,
-      metadata,
-      altText,
-      outputFormat,
-      quality,
-      maxDimensions,
-      defaultCustomFilename,
-      resolvedEndpoint,
-      resolvedUploader,
-      resolvedHeaders,
-      resolvedCredentials,
-      uploadLocale,
-      ui.preparingUpload,
-      ui.uploadFailed,
-      onSuccess,
-      onError,
-      onProgress,
-      clearProgressInterval,
-      clearAllTimeouts,
-      safeSetTimeout
-    ]
-  );
-  const reset = useCallback(() => {
-    clearProgressInterval();
-    clearAllTimeouts();
-    setIsUploading(false);
-    setProgress(0);
-    setUploadMessage("");
-  }, [clearProgressInterval, clearAllTimeouts]);
-  return {
-    uploadImage,
-    isUploading,
-    progress,
-    uploadMessage,
-    reset
-  };
-}
-
-// src/react/hooks/useSingleImageState.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 useSingleImageState(props) {
-  const {
-    value,
-    onChange,
-    preset,
-    folder,
-    bucket,
-    metadata,
-    endpoint,
-    uploader,
-    headers,
-    withCredentials,
-    locale: propLocale,
-    translations,
-    initialAltText: propInitialAltText,
-    maxSizeMB: propMaxSizeMB,
-    maxDimensions,
-    requireAltText: propRequireAltText,
-    isOpen,
-    onClose,
-    outputFormat,
-    quality: initialQualityProp,
-    customFilename
-  } = 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 = useMemo(() => 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] = useState(initPreview);
-  const [altText, setAltText] = useState(initAlt);
-  const [blurColor, setBlurColor] = useState(initColor);
-  const [detectedBlurColor, setDetectedBlurColor] = useState(initColor);
-  const [blurDataUrlState, setBlurDataUrlState] = useState(objVal?.blurDataUrl || "");
-  const [hasColorOverride, setHasColorOverride] = useState(false);
-  const [validationError, setValidationError] = useState("");
-  const [showMissingAltWarning, setShowMissingAltWarning] = useState(false);
-  const [editingAltText, setEditingAltText] = useState(false);
-  const [sizeInfo, setSizeInfo] = useState(null);
-  const [uploadedData, setUploadedData] = useState(objVal && "url" in objVal ? objVal : null);
-  const [isBlurModalOpen, setIsBlurModalOpen] = useState(false);
-  const [selectedFile, setSelectedFile] = useState(null);
-  const [qualityLevel, setQualityLevel] = useState(() => resolveInitialQualityLevel(initialQualityProp, standardPreset));
-  const fileInputRef = useRef(null);
-  const lastAltRef = useRef(initAlt);
-  const resetColorAndErrorState = () => {
-    setValidationError("");
-    setHasColorOverride(false);
-    setBlurColor(DEFAULT_BLUR_COLOR);
-    setDetectedBlurColor(DEFAULT_BLUR_COLOR);
-    setIsBlurModalOpen(false);
-  };
-  const { createPreview } = useFilePreview();
-  const { uploadImage, isUploading, progress, uploadMessage, reset } = useImageUpload({
-    preset,
-    folder,
-    bucket,
-    metadata,
-    outputFormat,
-    maxDimensions,
-    customFilename,
-    quality: QUALITY_PRESETS[qualityLevel].value,
-    endpoint,
-    uploader,
-    headers,
-    withCredentials,
-    locale,
-    onSuccess: (data) => {
-      const nextPreviewUrl = /^(?:blob:|data:)/i.test(data.url) ? data.url : `${data.url}${data.url.includes("?") ? "&" : "?"}t=${Date.now()}`;
-      setPreview(nextPreviewUrl);
-      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 payload = { ...data, altText, blurColor: normColor };
-      setUploadedData(payload);
-      lastAltRef.current = altText;
-      cache.writeAltMetaFor(keyInfo, altText);
-      if (!requiresManualCommit) onChange(payload);
-    },
-    onError: (errorMsg) => {
-      setValidationError(errorMsg);
-      setPreview(null);
-      setUploadedData(null);
-    }
-  });
-  useEffect(() => {
-    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;
-    const stripCacheQuery = (u) => u && !/^(?:blob:|data:)/i.test(u) ? u.split("?")[0] : u;
-    if (stripCacheQuery(nextPreview) !== stripCacheQuery(preview)) setPreview(nextPreview);
-    if (nextAlt !== altText && (nextPreview !== preview || nextAlt.trim() !== "" || !altText.trim())) setAltText(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);
-      if (fileInputRef.current) fileInputRef.current.value = "";
-    } else if (incomingObj?.url) {
-      setUploadedData((prev) => prev?.url === incomingObj.url ? prev : incomingObj);
-    }
-  }, [value, propInitialAltText]);
-  const buildExistingImagePayload = (overrides = {}) => {
-    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 ?? ""
-    };
-  };
-  const commitIfAuto = (overrides) => {
-    if (!requiresManualCommit) {
-      const payload = buildExistingImagePayload(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;
-    setSelectedFile(file);
-    resetColorAndErrorState();
-    const err = validateImageFile(file, maxSizeMB, locale);
-    if (err) {
-      setValidationError(err);
-      return;
-    }
-    try {
-      setPreview(await createPreview(file));
-      setAltText("");
-      lastAltRef.current = "";
-    } catch {
-      setValidationError(ui.failedCreatePreview);
-      return;
-    }
-    await uploadImage(file, altText);
-  };
-  const handleRemoveTile = () => {
-    setPreview(null);
-    setAltText("");
-    setBlurDataUrlState("");
-    setSizeInfo(null);
-    setUploadedData(null);
-    setSelectedFile(null);
-    resetColorAndErrorState();
-    reset();
-    if (fileInputRef.current) fileInputRef.current.value = "";
-    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 (requireAltText && preview && !altText?.trim()) {
-      setShowMissingAltWarning(true);
-      setValidationError(ui.addAltBeforeSaving);
-      return;
-    }
-    setShowMissingAltWarning(false);
-    setValidationError("");
-    const payload = buildExistingImagePayload();
-    if (payload) {
-      lastAltRef.current = payload.altText || lastAltRef.current;
-      cache.writeAltMetaFor({ url: payload.url, contentHash: payload.contentHash }, payload.altText || "");
-      onChange(payload);
-    }
-    onClose?.();
-  };
-  const downloadUrl = uploadedData?.url ?? (typeof value === "string" ? value : objVal?.url) ?? null;
-  const handleDownload = useCallback(async () => {
-    if (downloadUrl) await downloadImageWithFallback(downloadUrl, uploadedData?.format);
-  }, [downloadUrl, uploadedData?.format]);
-  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,
-    currentImageData: uploadedData ?? objVal,
-    canDownload: Boolean(downloadUrl),
-    applyBlurColor,
-    handleResetColor,
-    handleFileSelect,
-    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 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 } = options;
-  const {
-    locale,
-    ui,
-    maxSizeMB,
-    fileInputRef,
-    preview,
-    altText,
-    blurColor,
-    detectedBlurColor,
-    blurDataUrlState,
-    validationError,
-    sizeInfo,
-    uploadedData,
-    qualityLevel,
-    setQualityLevel,
-    isUploading,
-    progress,
-    uploadMessage,
-    currentImageData,
-    canDownload,
-    applyBlurColor,
-    handleResetColor,
-    handleFileSelect,
-    handleRemoveTile,
-    handleAltTextSave,
-    handleSaveImage,
-    handleDownload
-  } = useSingleImageState(options);
-  const { isDragging, dragHandlers } = useDragAndDrop({
-    disabled,
-    onDrop: (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,
-    "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();
-      }
-    },
-    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,
-    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,
-    save: handleSaveImage,
-    download: handleDownload,
-    setQualityLevel,
-    setAltText: handleAltTextSave,
-    setBlurColor: (hex) => applyBlurColor(hex),
-    resetBlurColor: handleResetColor,
-    getDropzoneProps,
-    getInputProps
-  };
-}
-var EMPTY_IMAGES = [];
-function mapUploadedToPreview(img, prev) {
-  const altText = prev?.altText && !img.altText?.trim() ? prev.altText : img.altText;
-  return {
-    id: img.url,
-    url: img.url,
-    file: null,
-    uploadMessage: null,
-    originalSize: img.originalSize,
-    optimizedSize: img.size,
-    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 useMultiImageState(options) {
-  const { onChange, preset, isOpen, onClose } = 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] = useState(() => value.map((img) => mapUploadedToPreview(img)));
-  const previewsRef = useRef(previews);
-  previewsRef.current = previews;
-  const [validationError, setValidationError] = useState("");
-  const [infoMessage, setInfoMessage] = useState("");
-  const [selectedPreviews, setSelectedPreviews] = useState(() => /* @__PURE__ */ new Set());
-  const [uploadStats, setUploadStats] = useState({ total: 0, completed: 0, failed: 0 });
-  const [editingAltTextId, setEditingAltTextId] = useState(null);
-  const [showMissingAltWarning, setShowMissingAltWarning] = useState(false);
-  const [qualityLevel, setQualityLevel] = useState(
-    () => resolveInitialQuality(options.quality ?? standardPreset?.quality, standardPreset?.recommendedQualityLevel)
-  );
-  const { createPreview } = useFilePreview();
-  const infoTimeoutRef = useRef(null);
-  useEffect(() => {
-    return () => {
-      if (infoTimeoutRef.current) clearTimeout(infoTimeoutRef.current);
-    };
-  }, []);
-  useEffect(() => {
-    setPreviews((current) => {
-      const prevMap = /* @__PURE__ */ new Map();
-      current.forEach((p) => {
-        prevMap.set(p.id, p);
-        if (p.url) prevMap.set(p.url, p);
-      });
-      const synced = value.map((img) => mapUploadedToPreview(img, prevMap.get(img.url)));
-      const pending = current.filter(
-        (p) => !value.some((img) => img.url === p.id || p.url && img.url === p.url) && (p.isUploading || Boolean(p.error))
-      );
-      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;
-      });
-      const resolved = isSame ? current : next;
-      previewsRef.current = resolved;
-      return resolved;
-    });
-  }, [value]);
-  const emitImmediateChange = (nextPreviews) => {
-    if (!requiresManualCommit) onChange(collectUploadedData(nextPreviews, true));
-  };
-  const patchByFile = (file, patch, emit = false) => {
-    const next = previewsRef.current.map((p) => p.file === file ? { ...p, ...patch } : p);
-    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 } = 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) => {
-      patchByFile(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) => {
-      patchByFile(file, { uploadMessage: void 0, error, isUploading: false, progress: 0 });
-      setUploadStats((s) => ({ ...s, failed: s.failed + 1 }));
-    },
-    onProgress: (progress, uploadMessage, file) => {
-      patchByFile(file, { uploadMessage, progress, isUploading: true });
-    }
-  });
-  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) {
-      const skipped = allFiles.length - imageFiles.length;
-      const msg = ui.selectedImagesSkipped.replace("{imageCount}", String(imageFiles.length)).replace("{imageSuffix}", imageFiles.length > 1 ? "s" : "").replace("{skippedCount}", String(skipped)).replace("{skippedSuffix}", skipped > 1 ? "s" : "");
-      setInfoMessage(msg);
-      if (infoTimeoutRef.current) clearTimeout(infoTimeoutRef.current);
-      infoTimeoutRef.current = setTimeout(() => setInfoMessage(""), 5e3);
-    }
-    const validationResult = validateMultipleFiles(imageFiles, maxSizeMB, previews.length, 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);
-        newPreviews.push({
-          id: `temp-${Date.now()}-${Math.random()}`,
-          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);
-    let nextIndex = 0;
-    const workerCount = Math.max(1, Math.min(maxParallelUploads, imageFiles.length));
-    await Promise.all(
-      Array.from({ length: workerCount }, async () => {
-        while (nextIndex < imageFiles.length) {
-          const file = imageFiles[nextIndex];
-          nextIndex += 1;
-          await uploadImage(file);
-        }
-      })
-    );
-  };
-  const removeIds = (ids) => {
-    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 handleRemoveSelected = () => {
-    removeIds(new Set(selectedPreviews));
-    setSelectedPreviews(/* @__PURE__ */ new Set());
-  };
-  const toggleSelect = (id) => {
-    setSelectedPreviews((prev) => {
-      const copy = new Set(prev);
-      if (copy.has(id)) copy.delete(id);
-      else copy.add(id);
-      return copy;
-    });
-  };
-  const handleRetryFailed = async () => {
-    for (const item of previews.filter((p) => p.error && p.file)) {
-      if (item.file) {
-        patchByFile(item.file, { error: void 0, isUploading: true, uploadMessage: ui.retrying });
-        await uploadImage(item.file);
-      }
-    }
-  };
-  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 handleSaveImages = () => {
-    if (requireAltText && imagesWithoutAlt.length > 0) {
-      const count = imagesWithoutAlt.length;
-      setShowMissingAltWarning(true);
-      setValidationError(
-        ui.needsAltBeforeSave.replace("{count}", String(count)).replace("{suffix}", count > 1 ? "s" : "").replace("{verbSuffix}", count > 1 ? "" : "s")
-      );
-      return;
-    }
-    setShowMissingAltWarning(false);
-    setValidationError("");
-    onChange(collectUploadedData(previews, false));
-    onClose?.();
-  };
-  return {
-    locale,
-    ui,
-    requireAltText,
-    maxSizeMB,
-    previews,
-    validationError,
-    infoMessage,
-    selectedPreviews,
-    setSelectedPreviews,
-    uploadStats,
-    editingAltTextId,
-    setEditingAltTextId,
-    showMissingAltWarning,
-    qualityLevel,
-    setQualityLevel,
-    isUploading,
-    hasFailedUploads,
-    uploadingPreviews,
-    completedPreviews,
-    imagesWithoutAlt,
-    editingTarget,
-    handleFileSelect,
-    handleRemove,
-    handleRemoveSelected,
-    toggleSelect,
-    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
-  } = options;
-  const fileInputRef = useRef(null);
-  const folderInputRef = useRef(null);
-  const {
-    locale,
-    ui,
-    maxSizeMB,
-    previews,
-    validationError,
-    infoMessage,
-    selectedPreviews,
-    setSelectedPreviews,
-    uploadStats,
-    qualityLevel,
-    setQualityLevel,
-    isUploading,
-    hasFailedUploads,
-    uploadingPreviews,
-    completedPreviews,
-    handleFileSelect,
-    handleRemove,
-    handleRemoveSelected,
-    toggleSelect,
-    handleRetryFailed,
-    handleAltTextSave,
-    handleColorChange,
-    handleSaveImages
-  } = useMultiImageState(options);
-  const { isDragging, dragHandlers } = useDragAndDrop({
-    disabled,
-    onDrop: (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,
-    "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();
-      }
-    },
-    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: "" } : {},
-    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,
-    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)
-  };
-}
-function HeadlessSingleUpload(props) {
-  const controller = useSingleUpload(props);
-  return /* @__PURE__ */ jsx(Fragment, { children: props.children(controller) });
-}
-function HeadlessMultiUpload(props) {
-  const controller = useMultiUpload(props);
-  return /* @__PURE__ */ jsx(Fragment, { children: props.children(controller) });
-}
-
-export { HeadlessMultiUpload, HeadlessSingleUpload, ImageUploadProvider, useDragAndDrop, useDragAndDrop as useDropzone, useFilePreview, useImageUpload, useImageUploadContext, useMultiUpload, useSingleUpload };
-//# sourceMappingURL=headless.js.map
 //# sourceMappingURL=headless.js.map