img-upload-kit 1.1.1 → 2.0.0

package/dist/chunk-KJVYWKIG.cjs

@@ -0,0 +1,158 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// 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
+  }
+};
+
+// 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);
+}
+function estimateOutputSize(originalBytes, level) {
+  return Math.round(originalBytes * QUALITY_PRESETS[level].compressionRatio);
+}
+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"
+];
+function getStatusMessage(progress, locale = "en") {
+  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...";
+  }
+  const list = locale === "ar" ? creativeMessagesAr : creativeMessages;
+  const clampedProgress = Math.max(0, Math.min(99, progress));
+  const messageIndex = Math.min(
+    list.length - 1,
+    Math.floor(clampedProgress / 100 * list.length)
+  );
+  return list[messageIndex];
+}
+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})`;
+}
+var FILE_TYPE_ERROR_REGEX = /\b(?:file\s+type|mime\s+type|invalid\s+type|unsupported|format|mime)\b/i;
+function getFriendlyErrorMessage(error, locale = "en") {
+  const lower = error.toLowerCase();
+  if (lower.includes("size") || lower.includes("large") || lower.includes("exceeds")) {
+    return locale === "ar" ? "\u0627\u0644\u0645\u0644\u0641 \u0643\u0628\u064A\u0631 \u062C\u062F\u0627\u064B. \u064A\u0631\u062C\u0649 \u0627\u062E\u062A\u064A\u0627\u0631 \u0635\u0648\u0631\u0629 \u0623\u0635\u063A\u0631." : "File is too large. Please choose a smaller image.";
+  }
+  if (lower.includes("network") || lower.includes("fetch") || lower.includes("connection")) {
+    return locale === "ar" ? "\u062D\u062F\u062B \u062E\u0637\u0623 \u0641\u064A \u0627\u0644\u0634\u0628\u0643\u0629. \u064A\u0631\u062C\u0649 \u0627\u0644\u062A\u062D\u0642\u0642 \u0645\u0646 \u0627\u0644\u0627\u062A\u0635\u0627\u0644 \u0648\u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062E\u0631\u0649." : "Network error. Please check your connection and try again.";
+  }
+  if (lower.includes("timeout") || lower.includes("timed out")) {
+    return locale === "ar" ? "\u0627\u0646\u062A\u0647\u062A \u0645\u0647\u0644\u0629 \u0627\u0644\u0631\u0641\u0639. \u064A\u0631\u062C\u0649 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062E\u0631\u0649." : "Upload timed out. Please try again.";
+  }
+  if (FILE_TYPE_ERROR_REGEX.test(error)) {
+    return locale === "ar" ? "\u0646\u0648\u0639 \u0627\u0644\u0645\u0644\u0641 \u063A\u064A\u0631 \u0635\u0627\u0644\u062D. \u064A\u0631\u062C\u0649 \u0631\u0641\u0639 \u0635\u0648\u0631\u0629 \u0635\u0627\u0644\u062D\u0629 (JPEG, PNG, WebP, AVIF)." : "Invalid file type. Please upload a valid image (JPEG, PNG, WebP, AVIF).";
+  }
+  if (error) return error;
+  return locale === "ar" ? "\u0641\u0634\u0644 \u0627\u0644\u0631\u0641\u0639. \u064A\u0631\u062C\u0649 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062E\u0631\u0649." : "Upload failed. Please try again.";
+}
+
+
+
+
+
+
+
+
+
+exports.QUALITY_PRESETS = QUALITY_PRESETS; exports.formatFileSize = formatFileSize; exports.calculateReduction = calculateReduction; exports.estimateOutputSize = estimateOutputSize; exports.getStatusMessage = getStatusMessage; exports.createSuccessMessage = createSuccessMessage; exports.getFriendlyErrorMessage = getFriendlyErrorMessage;
+//# sourceMappingURL=chunk-KJVYWKIG.cjs.map

package/dist/chunk-KJVYWKIG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/image-upload-kit/image-upload-kit/dist/chunk-KJVYWKIG.cjs","../src/types/quality.ts","../src/utils/formatters.ts"],"names":[],"mappings":"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","file":"/home/runner/work/image-upload-kit/image-upload-kit/dist/chunk-KJVYWKIG.cjs","sourcesContent":[null,"export type UploadLocale = 'en' | 'ar';\n\nexport type ImageOutputFormat = 'avif' | 'webp' | 'jpeg' | 'png' | 'svg';\n\nexport type ExplicitOutputFormat = 'avif' | 'webp' | 'jpeg' | 'png';\n\nexport type QualityLevel = 'low' | 'medium' | 'high' | 'maximum';\n\nexport interface QualityPreset {\n  label: string;\n  labelAr: string;\n  value: number;\n  description: string;\n  descriptionAr: string;\n  /** Rough fraction of original bytes after modern AVIF/WebP compression */\n  compressionRatio: number;\n}\n\nexport const QUALITY_PRESETS: Record<QualityLevel, QualityPreset> = {\n  low: {\n    label: 'Low',\n    labelAr: 'منخفضة',\n    value: 50,\n    description: 'Smallest file — best for tiny thumbnails and icons',\n    descriptionAr: 'أصغر حجم — مناسب للمصغرات والأيقونات الصغيرة',\n    compressionRatio: 0.12,\n  },\n  medium: {\n    label: 'Medium',\n    labelAr: 'متوسطة',\n    value: 72,\n    description: 'Balanced size and quality — suitable for most web images',\n    descriptionAr: 'توازن بين الحجم والجودة — مناسب لمعظم صور الويب',\n    compressionRatio: 0.22,\n  },\n  high: {\n    label: 'High',\n    labelAr: 'عالية',\n    value: 85,\n    description: 'Recommended — sharp visuals with excellent compression',\n    descriptionAr: 'موصى به — جودة عالية وضغط ممتاز',\n    compressionRatio: 0.3,\n  },\n  maximum: {\n    label: 'Maximum',\n    labelAr: 'أقصى جودة',\n    value: 95,\n    description: 'Closest to original — large file, use for hero / print',\n    descriptionAr: 'أقرب للأصل — حجم كبير، مناسب للصور الرئيسية والطباعة',\n    compressionRatio: 0.55,\n  },\n};\n\nexport interface ImageDimensions {\n  width: number;\n  height: number;\n}\n","import type { QualityLevel, UploadLocale } from '../types';\nimport { QUALITY_PRESETS } from '../types';\n\nexport function formatFileSize(bytes: number): string {\n  if (bytes <= 0) return '0 Bytes';\n  const k = 1024;\n  const sizes = ['Bytes', 'KB', 'MB', 'GB'];\n  const i = Math.min(\n    sizes.length - 1,\n    Math.floor(Math.log(bytes) / Math.log(k)),\n  );\n  return `${Math.round((bytes / Math.pow(k, i)) * 100) / 100} ${sizes[i]}`;\n}\n\nexport function calculateReduction(\n  original: number,\n  optimized: number,\n): number {\n  if (original <= 0) return 0;\n  return Math.round(((original - optimized) / original) * 100);\n}\n\nexport function estimateOutputSize(\n  originalBytes: number,\n  level: QualityLevel,\n): number {\n  return Math.round(originalBytes * QUALITY_PRESETS[level].compressionRatio);\n}\n\nconst creativeMessages = [\n  'Sprinkling digital magic ✨',\n  'Painting pixels with perfection 🎨',\n  'Launching to the cloud 🚀',\n  'Creating something beautiful ⭐',\n  'Transforming your vision ⚡',\n  'Weaving visual excellence 💫',\n  'Crafting your masterpiece 🎭',\n  'Working our magic 🔮',\n  'Making it pixel-perfect ✨',\n  'Keep calm, creating magic 🎪',\n  'Hitting the sweet spot 🎯',\n  'Artist mode activated 🎨',\n  'Shooting for the stars 🌠',\n  'Compressing with love 💝',\n  'Enhancing quality 💎',\n  'Polishing to perfection ✨',\n];\n\nconst creativeMessagesAr = [\n  'نضيف لمسة رقمية ساحرة ✨',\n  'ننسق البكسلات بإتقان 🎨',\n  'الرفع جارٍ إلى السحابة 🚀',\n  'نصنع شيئاً جميلاً ⭐',\n  'نحوّل رؤيتك إلى واقع ⚡',\n  'نبني تجربة بصرية مميزة 💫',\n  'نصقل عملك باحتراف 🎭',\n  'السحر جارٍ الآن 🔮',\n  'نضبط كل بكسل بعناية ✨',\n  'اهدأ، نحن نهتم بالتفاصيل 🎪',\n  'نقترب من النتيجة المثالية 🎯',\n  'وضع الإبداع مفعل 🎨',\n  'نستهدف أفضل نتيجة 🌠',\n  'ضغط ذكي مع الحفاظ على الجودة 💝',\n  'تحسين الجودة مستمر 💎',\n  'اللمسات الأخيرة قيد التنفيذ ✨',\n];\n\nexport function getStatusMessage(\n  progress: number,\n  locale: UploadLocale = 'en',\n): string {\n  if (progress >= 95) {\n    return locale === 'ar' ? '🎉 اقتربنا جداً...' : '🎉 Almost there...';\n  }\n  if (progress >= 85) {\n    return locale === 'ar'\n      ? '✨ نضع اللمسات الأخيرة...'\n      : '✨ Polishing the final details...';\n  }\n\n  const list = locale === 'ar' ? creativeMessagesAr : creativeMessages;\n  const clampedProgress = Math.max(0, Math.min(99, progress));\n  const messageIndex = Math.min(\n    list.length - 1,\n    Math.floor((clampedProgress / 100) * list.length),\n  );\n\n  return list[messageIndex];\n}\n\nexport function createSuccessMessage(\n  originalSize: number,\n  optimizedSize: number,\n  compact: boolean = false,\n  locale: UploadLocale = 'en',\n): string {\n  const reduction = calculateReduction(originalSize, optimizedSize);\n  const original = formatFileSize(originalSize);\n  const optimized = formatFileSize(optimizedSize);\n\n  if (compact) {\n    if (reduction > 50) {\n      return locale === 'ar'\n        ? `🎉 أصغر بنسبة ${reduction}%! (${original} → ${optimized})`\n        : `🎉 ${reduction}% smaller! (${original} → ${optimized})`;\n    }\n    if (reduction > 0) {\n      return locale === 'ar'\n        ? `✓ أصغر بنسبة ${reduction}% (${original} → ${optimized})`\n        : `✓ ${reduction}% smaller (${original} → ${optimized})`;\n    }\n    return `✓ ${optimized}`;\n  }\n\n  if (reduction > 70) {\n    return locale === 'ar'\n      ? `🎉 رائع! تم تقليل الحجم بنسبة ${reduction}% (${original} → ${optimized})`\n      : `🎉 Amazing! Reduced by ${reduction}% (${original} → ${optimized})`;\n  }\n  if (reduction > 50) {\n    return locale === 'ar'\n      ? `✨ ممتاز! تم تقليل الحجم بنسبة ${reduction}% (${original} → ${optimized})`\n      : `✨ Great! Reduced by ${reduction}% (${original} → ${optimized})`;\n  }\n  if (reduction > 20) {\n    return locale === 'ar'\n      ? `✓ اكتمل الرفع! تم تقليل الحجم بنسبة ${reduction}% (${original} → ${optimized})`\n      : `✓ Upload complete! Reduced by ${reduction}% (${original} → ${optimized})`;\n  }\n  return locale === 'ar'\n    ? `✓ اكتمل الرفع! (${original} → ${optimized})`\n    : `✓ Upload complete! (${original} → ${optimized})`;\n}\n\nconst FILE_TYPE_ERROR_REGEX =\n  /\\b(?:file\\s+type|mime\\s+type|invalid\\s+type|unsupported|format|mime)\\b/i;\n\nexport function getFriendlyErrorMessage(\n  error: string,\n  locale: UploadLocale = 'en',\n): string {\n  const lower = error.toLowerCase();\n  if (\n    lower.includes('size') ||\n    lower.includes('large') ||\n    lower.includes('exceeds')\n  ) {\n    return locale === 'ar'\n      ? 'الملف كبير جداً. يرجى اختيار صورة أصغر.'\n      : 'File is too large. Please choose a smaller image.';\n  }\n  if (\n    lower.includes('network') ||\n    lower.includes('fetch') ||\n    lower.includes('connection')\n  ) {\n    return locale === 'ar'\n      ? 'حدث خطأ في الشبكة. يرجى التحقق من الاتصال والمحاولة مرة أخرى.'\n      : 'Network error. Please check your connection and try again.';\n  }\n  if (lower.includes('timeout') || lower.includes('timed out')) {\n    return locale === 'ar'\n      ? 'انتهت مهلة الرفع. يرجى المحاولة مرة أخرى.'\n      : 'Upload timed out. Please try again.';\n  }\n  if (FILE_TYPE_ERROR_REGEX.test(error)) {\n    return locale === 'ar'\n      ? 'نوع الملف غير صالح. يرجى رفع صورة صالحة (JPEG, PNG, WebP, AVIF).'\n      : 'Invalid file type. Please upload a valid image (JPEG, PNG, WebP, AVIF).';\n  }\n  if (error) return error;\n  return locale === 'ar'\n    ? 'فشل الرفع. يرجى المحاولة مرة أخرى.'\n    : 'Upload failed. Please try again.';\n}\n"]}

package/dist/chunk-NEDBIIE3.cjs

@@ -0,0 +1,226 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/types/presets.ts
+var SVG_MIME_TYPE = "image/svg+xml";
+var DEFAULT_ALLOWED_FORMATS = [
+  "image/jpeg",
+  "image/png",
+  "image/webp",
+  "image/avif"
+];
+var RASTER_ALLOWED_FORMATS = [
+  "image/jpeg",
+  "image/png",
+  "image/webp",
+  "image/avif"
+];
+var DEFAULT_IMAGE_DIMENSIONS = {
+  width: 1920,
+  height: 1080
+};
+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
+  }
+};
+function defineUploadPresets(presets) {
+  return presets;
+}
+
+// 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] = _nullishCoalesce(next.match(threeHex), () => ( []));
+    if (triplet) {
+      next = `#${triplet.split("").map((char) => char + char).join("")}`;
+    }
+  } else if (!sixHex.test(next)) {
+    return null;
+  }
+  return next.toUpperCase();
+}
+function hexToRgb(hex) {
+  const normalized = hex.replace("#", "");
+  const expanded = normalized.length === 3 ? normalized.split("").map((char) => char + char).join("") : normalized;
+  const padded = expanded.padEnd(6, "0").slice(0, 6);
+  const value = Number.parseInt(padded, 16);
+  if (Number.isNaN(value)) {
+    return { r: 245, g: 245, b: 245 };
+  }
+  return {
+    r: value >> 16 & 255,
+    g: value >> 8 & 255,
+    b: value & 255
+  };
+}
+function rgbToHex(r, g, b) {
+  const clamp = (v) => Math.max(0, Math.min(255, Math.round(v)));
+  const value = clamp(r) << 16 | clamp(g) << 8 | clamp(b);
+  return `#${value.toString(16).padStart(6, "0").toUpperCase()}`;
+}
+function encodeBase64Ascii(str) {
+  if (typeof btoa === "function") {
+    return btoa(str);
+  }
+  return Buffer.from(str, "utf8").toString("base64");
+}
+function generateColorSvgDataURL(color = DEFAULT_BLUR_COLOR) {
+  const safeColor = normalizeColorInput(color) || DEFAULT_BLUR_COLOR;
+  const svg = `<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" fill="${safeColor}"/></svg>`;
+  return `data:image/svg+xml;base64,${encodeBase64Ascii(svg)}`;
+}
+
+// src/utils/validators.ts
+function validateImageFileStrict(file, maxSizeMB, allowedFormats) {
+  const maxBytes = maxSizeMB * 1024 * 1024;
+  if (file.size > maxBytes) {
+    return {
+      valid: false,
+      error: `File size (${(file.size / 1024 / 1024).toFixed(2)}MB) exceeds maximum of ${maxSizeMB}MB`
+    };
+  }
+  if (allowedFormats.length > 0 && !allowedFormats.includes(file.type)) {
+    return {
+      valid: false,
+      error: `File type ${file.type || "unknown"} is not allowed. Allowed: ${allowedFormats.join(", ")}`
+    };
+  }
+  return { valid: true };
+}
+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";
+  }
+  if (allowedFormats && allowedFormats.length > 0 && !allowedFormats.includes(file.type)) {
+    return locale === "ar" ? `\u0635\u064A\u063A\u0629 \u0627\u0644\u0645\u0644\u0641 \u063A\u064A\u0631 \u0645\u062F\u0639\u0648\u0645\u0629 (${file.type})` : `Unsupported image format (${file.type})`;
+  }
+  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 validateImageFileWithName(file, maxSizeMB, locale = "en") {
+  if (!file.type || !file.type.startsWith("image/")) {
+    return locale === "ar" ? `${file.name}: \u0644\u064A\u0633 \u0645\u0644\u0641 \u0635\u0648\u0631\u0629 \u0635\u0627\u0644\u062D\u0627\u064B` : `${file.name}: Not a valid image file`;
+  }
+  const fileSizeMB = file.size / (1024 * 1024);
+  if (fileSizeMB > maxSizeMB) {
+    return locale === "ar" ? `${file.name}: \u064A\u062C\u0628 \u0623\u0644\u0627 \u064A\u062A\u062C\u0627\u0648\u0632 \u062D\u062C\u0645 \u0627\u0644\u0645\u0644\u0641 ${maxSizeMB}MB` : `${file.name}: 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;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.SVG_MIME_TYPE = SVG_MIME_TYPE; exports.DEFAULT_ALLOWED_FORMATS = DEFAULT_ALLOWED_FORMATS; exports.RASTER_ALLOWED_FORMATS = RASTER_ALLOWED_FORMATS; exports.DEFAULT_IMAGE_DIMENSIONS = DEFAULT_IMAGE_DIMENSIONS; exports.STANDARD_PRESETS = STANDARD_PRESETS; exports.defineUploadPresets = defineUploadPresets; exports.DEFAULT_BLUR_COLOR = DEFAULT_BLUR_COLOR; exports.normalizeColorInput = normalizeColorInput; exports.hexToRgb = hexToRgb; exports.rgbToHex = rgbToHex; exports.generateColorSvgDataURL = generateColorSvgDataURL; exports.validateImageFileStrict = validateImageFileStrict; exports.validateImageFile = validateImageFile; exports.validateImageFileWithName = validateImageFileWithName; exports.validateMultipleFiles = validateMultipleFiles;
+//# sourceMappingURL=chunk-NEDBIIE3.cjs.map

package/dist/chunk-NEDBIIE3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/image-upload-kit/image-upload-kit/dist/chunk-NEDBIIE3.cjs","../src/types/presets.ts","../src/utils/color.ts","../src/utils/validators.ts"],"names":[],"mappings":"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","file":"/home/runner/work/image-upload-kit/image-upload-kit/dist/chunk-NEDBIIE3.cjs","sourcesContent":[null,"import type {\n  ExplicitOutputFormat,\n  ImageDimensions,\n  QualityLevel,\n} from './quality';\n\n/**\n * Universal visual role presets (project-agnostic).\n * Consumers can define their own presets via `defineUploadPresets` / `createImageUploader({ presets })`\n * or augment `UploadKitRegister` for global type-safety.\n */\nexport type StandardPresetName =\n  | 'thumbnail'\n  | 'avatar'\n  | 'card'\n  | 'cover'\n  | 'hero'\n  | 'logo'\n  | 'original';\n\n/**\n * Module augmentation hook for global preset autocomplete across a project:\n * ```ts\n * declare module 'img-upload-kit' {\n *   interface UploadKitRegister {\n *     presets: 'product-main' | 'product-thumb' | 'user-avatar';\n *   }\n * }\n * ```\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface UploadKitRegister {}\n\nexport type UploadPresetName = UploadKitRegister extends {\n  presets: infer TCustom extends string;\n}\n  ? TCustom\n  : StandardPresetName | (string & {});\n\nexport interface UploadPresetConfig {\n  /** Target storage bucket for this preset */\n  bucket?: string;\n  /** Default folder prefix within the bucket (e.g. 'avatars' or 'products/thumbnails') */\n  folder?: string;\n  /** Maximum bounding box dimensions (aspect ratio preserved, never enlarged) */\n  maxDimensions?: ImageDimensions;\n  /** Maximum allowed source file size in MB */\n  maxSizeMB?: number;\n  /** Allowed source MIME types */\n  allowedFormats?: string[];\n  /** Force a specific output format; omit for smart size-guarded AVIF/WebP optimization */\n  outputFormat?: ExplicitOutputFormat;\n  /** Default compression quality (1–100) */\n  quality?: number;\n  /** Recommended UI quality tab for React `<QualitySelector />` */\n  recommendedQualityLevel?: QualityLevel;\n  /** Optional guidance note shown in `<QualitySelector />` */\n  recommendationNote?: { en: string; ar?: string };\n  /** Generate compact BlurHash string alongside WebP LQIP data URL */\n  includeBlurHash?: boolean;\n  /** Opt-in to allow SVG uploads for this preset (sanitized before storage). Defaults to `false`. */\n  allowSvg?: boolean;\n  /** Maximum input pixel count allowed by Sharp (defaults to 50 MP = 50,000,000) */\n  limitInputPixels?: number;\n  /** Responsive variant widths in pixels (e.g. [640, 1024, 1920]); widths >= main image width are skipped */\n  variantWidths?: number[];\n  /** Optional local directory to mirror uploaded files into */\n  mirrorDir?: string;\n  /** Optional public URL prefix when `mirrorDir` is used */\n  publicUrlBase?: string;\n}\n\nexport const SVG_MIME_TYPE = 'image/svg+xml';\n\nexport const DEFAULT_ALLOWED_FORMATS: string[] = [\n  'image/jpeg',\n  'image/png',\n  'image/webp',\n  'image/avif',\n];\n\nexport const RASTER_ALLOWED_FORMATS: string[] = [\n  'image/jpeg',\n  'image/png',\n  'image/webp',\n  'image/avif',\n];\n\nexport const DEFAULT_IMAGE_DIMENSIONS: ImageDimensions = {\n  width: 1920,\n  height: 1080,\n};\n\nexport const STANDARD_PRESETS: Record<StandardPresetName, UploadPresetConfig> = {\n  thumbnail: {\n    folder: 'thumbnails',\n    maxDimensions: { width: 600, height: 600 },\n    maxSizeMB: 5,\n    quality: 78,\n    recommendedQualityLevel: 'medium',\n    allowedFormats: RASTER_ALLOWED_FORMATS,\n    recommendationNote: {\n      en: 'Thumbnails display at compact sizes — Medium quality keeps pages fast',\n      ar: 'المصغرات تعرض بأحجام صغيرة — الجودة المتوسطة تحافظ على سرعة الصفحة',\n    },\n  },\n  avatar: {\n    folder: 'avatars',\n    maxDimensions: { width: 512, height: 512 },\n    maxSizeMB: 5,\n    quality: 80,\n    recommendedQualityLevel: 'medium',\n    allowedFormats: RASTER_ALLOWED_FORMATS,\n    recommendationNote: {\n      en: 'Avatars display small — Medium quality balances sharpness and speed',\n      ar: 'الصور الشخصية صغيرة — الجودة المتوسطة توازن بين الوضوح والسرعة',\n    },\n  },\n  card: {\n    folder: 'cards',\n    maxDimensions: { width: 1200, height: 900 },\n    maxSizeMB: 8,\n    quality: 85,\n    recommendedQualityLevel: 'high',\n    allowedFormats: DEFAULT_ALLOWED_FORMATS,\n  },\n  cover: {\n    folder: 'covers',\n    maxDimensions: { width: 1920, height: 1080 },\n    maxSizeMB: 10,\n    quality: 88,\n    recommendedQualityLevel: 'high',\n    allowedFormats: DEFAULT_ALLOWED_FORMATS,\n  },\n  hero: {\n    folder: 'hero',\n    maxDimensions: { width: 2560, height: 1440 },\n    maxSizeMB: 15,\n    quality: 92,\n    recommendedQualityLevel: 'maximum',\n    allowedFormats: DEFAULT_ALLOWED_FORMATS,\n    recommendationNote: {\n      en: 'Full-width hero visuals benefit from Maximum quality to preserve fine detail',\n      ar: 'الصور الرئيسية بعرض كامل تستفيد من الجودة القصوى للحفاظ على التفاصيل الدقيقة',\n    },\n  },\n  logo: {\n    folder: 'logos',\n    maxDimensions: { width: 800, height: 800 },\n    maxSizeMB: 5,\n    quality: 90,\n    recommendedQualityLevel: 'high',\n    allowedFormats: DEFAULT_ALLOWED_FORMATS,\n    recommendationNote: {\n      en: 'Prefer SVG for vector logos — High quality preserves crisp edges on raster logos',\n      ar: 'يفضل SVG للشعارات المتجهة — الجودة العالية تحافظ على حواف واضحة',\n    },\n  },\n  original: {\n    folder: 'originals',\n    maxDimensions: { width: 4096, height: 4096 },\n    maxSizeMB: 25,\n    quality: 95,\n    recommendedQualityLevel: 'maximum',\n    allowedFormats: DEFAULT_ALLOWED_FORMATS,\n  },\n};\n\n/**\n * Type-safe helper to define project-specific upload presets with full key inference.\n */\nexport function defineUploadPresets<\n  T extends Record<string, UploadPresetConfig>,\n>(presets: T): T {\n  return presets;\n}\n","export const DEFAULT_BLUR_COLOR = '#F5F5F5';\n\nexport function normalizeColorInput(value?: string | null): string | null {\n  if (!value) return null;\n  let next = value.trim();\n  if (!next) return null;\n  if (!next.startsWith('#')) {\n    next = `#${next}`;\n  }\n  const threeHex = /^#([0-9a-fA-F]{3})$/;\n  const sixHex = /^#([0-9a-fA-F]{6})$/;\n  if (threeHex.test(next)) {\n    const [, triplet] = next.match(threeHex) ?? [];\n    if (triplet) {\n      next = `#${triplet\n        .split('')\n        .map((char) => char + char)\n        .join('')}`;\n    }\n  } else if (!sixHex.test(next)) {\n    return null;\n  }\n  return next.toUpperCase();\n}\n\nexport function hexToRgb(hex: string): { r: number; g: number; b: number } {\n  const normalized = hex.replace('#', '');\n  const expanded =\n    normalized.length === 3\n      ? normalized\n          .split('')\n          .map((char) => char + char)\n          .join('')\n      : normalized;\n  const padded = expanded.padEnd(6, '0').slice(0, 6);\n  const value = Number.parseInt(padded, 16);\n  if (Number.isNaN(value)) {\n    return { r: 245, g: 245, b: 245 };\n  }\n  return {\n    r: (value >> 16) & 255,\n    g: (value >> 8) & 255,\n    b: value & 255,\n  };\n}\n\nexport function rgbToHex(r: number, g: number, b: number): string {\n  const clamp = (v: number) => Math.max(0, Math.min(255, Math.round(v)));\n  const value = (clamp(r) << 16) | (clamp(g) << 8) | clamp(b);\n  return `#${value.toString(16).padStart(6, '0').toUpperCase()}`;\n}\n\nfunction encodeBase64Ascii(str: string): string {\n  if (typeof btoa === 'function') {\n    return btoa(str);\n  }\n  return Buffer.from(str, 'utf8').toString('base64');\n}\n\nexport function generateColorSvgDataURL(color: string = DEFAULT_BLUR_COLOR): string {\n  const safeColor = normalizeColorInput(color) || DEFAULT_BLUR_COLOR;\n  const svg = `<svg width=\"100\" height=\"100\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"100%\" height=\"100%\" fill=\"${safeColor}\"/></svg>`;\n  return `data:image/svg+xml;base64,${encodeBase64Ascii(svg)}`;\n}\n","import type { UploadLocale } from '../types';\n\nexport interface FileLike {\n  name?: string;\n  size: number;\n  type: string;\n}\n\nexport function validateImageFileStrict(\n  file: FileLike,\n  maxSizeMB: number,\n  allowedFormats: string[],\n): { valid: boolean; error?: string } {\n  const maxBytes = maxSizeMB * 1024 * 1024;\n  if (file.size > maxBytes) {\n    return {\n      valid: false,\n      error: `File size (${(file.size / 1024 / 1024).toFixed(2)}MB) exceeds maximum of ${maxSizeMB}MB`,\n    };\n  }\n\n  if (allowedFormats.length > 0 && !allowedFormats.includes(file.type)) {\n    return {\n      valid: false,\n      error: `File type ${file.type || 'unknown'} is not allowed. Allowed: ${allowedFormats.join(', ')}`,\n    };\n  }\n\n  return { valid: true };\n}\n\nexport function validateImageFile(\n  file: FileLike,\n  maxSizeMB: number,\n  locale: UploadLocale = 'en',\n  allowedFormats?: string[],\n): string | null {\n  if (!file.type || !file.type.startsWith('image/')) {\n    return locale === 'ar'\n      ? 'يرجى اختيار ملف صورة صالح'\n      : 'Please select a valid image file';\n  }\n\n  if (allowedFormats && allowedFormats.length > 0 && !allowedFormats.includes(file.type)) {\n    return locale === 'ar'\n      ? `صيغة الملف غير مدعومة (${file.type})`\n      : `Unsupported image format (${file.type})`;\n  }\n\n  const fileSizeMB = file.size / (1024 * 1024);\n  if (fileSizeMB > maxSizeMB) {\n    return locale === 'ar'\n      ? `يجب ألا يتجاوز حجم الملف ${maxSizeMB}MB`\n      : `File size must be less than ${maxSizeMB}MB`;\n  }\n\n  return null;\n}\n\nexport function validateImageFileWithName(\n  file: FileLike & { name: string },\n  maxSizeMB: number,\n  locale: UploadLocale = 'en',\n): string | null {\n  if (!file.type || !file.type.startsWith('image/')) {\n    return locale === 'ar'\n      ? `${file.name}: ليس ملف صورة صالحاً`\n      : `${file.name}: Not a valid image file`;\n  }\n\n  const fileSizeMB = file.size / (1024 * 1024);\n  if (fileSizeMB > maxSizeMB) {\n    return locale === 'ar'\n      ? `${file.name}: يجب ألا يتجاوز حجم الملف ${maxSizeMB}MB`\n      : `${file.name}: File size must be less than ${maxSizeMB}MB`;\n  }\n\n  return null;\n}\n\nexport function validateMultipleFiles(\n  files: Array<FileLike & { name: string }>,\n  maxSizeMB: number,\n  currentCount: number,\n  maxImages: number,\n  locale: UploadLocale = 'en',\n): string | null {\n  if (currentCount + files.length > maxImages) {\n    return locale === 'ar'\n      ? `يمكن رفع ${maxImages} صورة فقط. المتبقي: ${maxImages - currentCount}.`\n      : `Can only upload ${maxImages} images. ${maxImages - currentCount} remaining.`;\n  }\n\n  const oversizedFiles: string[] = [];\n  for (const file of files) {\n    const fileSizeMB = file.size / (1024 * 1024);\n    if (fileSizeMB > maxSizeMB) {\n      oversizedFiles.push(file.name);\n    }\n  }\n\n  if (oversizedFiles.length > 0) {\n    if (locale === 'ar') {\n      return `الملفات التالية أكبر من الحد المسموح (${maxSizeMB}MB): ${oversizedFiles.join(', ')}`;\n    }\n    return `The following file${\n      oversizedFiles.length > 1 ? 's are' : ' is'\n    } too large (max ${maxSizeMB}MB): ${oversizedFiles.join(', ')}`;\n  }\n\n  return null;\n}\n"]}

package/dist/chunk-QHU7FUO4.cjs

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/storage/urlParser.ts
+var DEFAULT_PUBLIC_STORAGE_PREFIX = "/storage/v1/object/public/";
+function parsePublicStorageUrl(url, publicPrefix = DEFAULT_PUBLIC_STORAGE_PREFIX) {
+  if (!url) return null;
+  try {
+    const parsed = new URL(url, "http://localhost");
+    const pathname = parsed.pathname;
+    const prefixIndex = pathname.indexOf(publicPrefix);
+    if (prefixIndex === -1) {
+      return null;
+    }
+    const relativePath = pathname.slice(prefixIndex + publicPrefix.length).replace(/^\/+/, "");
+    const segments = relativePath.split("/").filter(Boolean);
+    if (segments.length < 2) {
+      return null;
+    }
+    const [bucket, ...pathParts] = segments;
+    const filePath = pathParts.join("/");
+    const filename = pathParts[pathParts.length - 1];
+    const lastDotIndex = filename.lastIndexOf(".");
+    const extension = lastDotIndex >= 0 ? filename.slice(lastDotIndex) : null;
+    return {
+      bucket,
+      path: filePath,
+      filename,
+      extension
+    };
+  } catch (e) {
+    return null;
+  }
+}
+
+
+
+
+exports.DEFAULT_PUBLIC_STORAGE_PREFIX = DEFAULT_PUBLIC_STORAGE_PREFIX; exports.parsePublicStorageUrl = parsePublicStorageUrl;
+//# sourceMappingURL=chunk-QHU7FUO4.cjs.map

package/dist/chunk-QHU7FUO4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/image-upload-kit/image-upload-kit/dist/chunk-QHU7FUO4.cjs","../src/storage/urlParser.ts"],"names":[],"mappings":"AAAA;ACOO,IAAM,8BAAA,EAAgC,4BAAA;AAEtC,SAAS,qBAAA,CACd,GAAA,EACA,aAAA,EAAuB,6BAAA,EACG;AAC1B,EAAA,GAAA,CAAI,CAAC,GAAA,EAAK,OAAO,IAAA;AAEjB,EAAA,IAAI;AACF,IAAA,MAAM,OAAA,EAAS,IAAI,GAAA,CAAI,GAAA,EAAK,kBAAkB,CAAA;AAC9C,IAAA,MAAM,SAAA,EAAW,MAAA,CAAO,QAAA;AACxB,IAAA,MAAM,YAAA,EAAc,QAAA,CAAS,OAAA,CAAQ,YAAY,CAAA;AAEjD,IAAA,GAAA,CAAI,YAAA,IAAgB,CAAA,CAAA,EAAI;AACtB,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,MAAM,aAAA,EAAe,QAAA,CAClB,KAAA,CAAM,YAAA,EAAc,YAAA,CAAa,MAAM,CAAA,CACvC,OAAA,CAAQ,MAAA,EAAQ,EAAE,CAAA;AAErB,IAAA,MAAM,SAAA,EAAW,YAAA,CAAa,KAAA,CAAM,GAAG,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA;AACvD,IAAA,GAAA,CAAI,QAAA,CAAS,OAAA,EAAS,CAAA,EAAG;AACvB,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,MAAM,CAAC,MAAA,EAAQ,GAAG,SAAS,EAAA,EAAI,QAAA;AAC/B,IAAA,MAAM,SAAA,EAAW,SAAA,CAAU,IAAA,CAAK,GAAG,CAAA;AACnC,IAAA,MAAM,SAAA,EAAW,SAAA,CAAU,SAAA,CAAU,OAAA,EAAS,CAAC,CAAA;AAC/C,IAAA,MAAM,aAAA,EAAe,QAAA,CAAS,WAAA,CAAY,GAAG,CAAA;AAC7C,IAAA,MAAM,UAAA,EAAY,aAAA,GAAgB,EAAA,EAAI,QAAA,CAAS,KAAA,CAAM,YAAY,EAAA,EAAI,IAAA;AAErE,IAAA,OAAO;AAAA,MACL,MAAA;AAAA,MACA,IAAA,EAAM,QAAA;AAAA,MACN,QAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,EACF,EAAA,UAAQ;AACN,IAAA,OAAO,IAAA;AAAA,EACT;AACF;ADjBA;AACA;AACE;AACA;AACF,6HAAC","file":"/home/runner/work/image-upload-kit/image-upload-kit/dist/chunk-QHU7FUO4.cjs","sourcesContent":[null,"export interface PublicStorageInfo {\n  bucket: string;\n  path: string;\n  filename: string;\n  extension: string | null;\n}\n\nexport const DEFAULT_PUBLIC_STORAGE_PREFIX = '/storage/v1/object/public/';\n\nexport function parsePublicStorageUrl(\n  url?: string | null,\n  publicPrefix: string = DEFAULT_PUBLIC_STORAGE_PREFIX,\n): PublicStorageInfo | null {\n  if (!url) return null;\n\n  try {\n    const parsed = new URL(url, 'http://localhost');\n    const pathname = parsed.pathname;\n    const prefixIndex = pathname.indexOf(publicPrefix);\n\n    if (prefixIndex === -1) {\n      return null;\n    }\n\n    const relativePath = pathname\n      .slice(prefixIndex + publicPrefix.length)\n      .replace(/^\\/+/, '');\n\n    const segments = relativePath.split('/').filter(Boolean);\n    if (segments.length < 2) {\n      return null;\n    }\n\n    const [bucket, ...pathParts] = segments;\n    const filePath = pathParts.join('/');\n    const filename = pathParts[pathParts.length - 1];\n    const lastDotIndex = filename.lastIndexOf('.');\n    const extension = lastDotIndex >= 0 ? filename.slice(lastDotIndex) : null;\n\n    return {\n      bucket,\n      path: filePath,\n      filename,\n      extension,\n    };\n  } catch {\n    return null;\n  }\n}\n"]}

package/dist/chunk-QQHZJKNA.js

@@ -0,0 +1,135 @@
+// src/blur/blurDataUtils.ts
+import { decode as decodeBlurHash, isBlurhashValid } from "blurhash";
+function formatCssUrl(rawUrl) {
+  const escaped = rawUrl.replace(/\\/g, "\\\\").replace(/"/g, '\\"').replace(/[\r\n]/g, "");
+  return `url("${escaped}")`;
+}
+function getBlurData(image) {
+  if (!image) {
+    return {
+      blurDataUrl: "",
+      blurColor: "#E5E7EB",
+      hasBlur: false
+    };
+  }
+  return {
+    blurDataUrl: image.blurDataUrl || "",
+    blurColor: image.blurColor || "#E5E7EB",
+    ...image.blurHash ? { blurHash: image.blurHash } : {},
+    hasBlur: Boolean(image.blurDataUrl || image.blurHash)
+  };
+}
+function getImagePropsWithBlur(image) {
+  if (!image?.url) {
+    return null;
+  }
+  const blurData = getBlurData(image);
+  return {
+    src: image.url,
+    alt: image.altText || "",
+    width: image.width || 1920,
+    height: image.height || 1080,
+    ...blurData.blurDataUrl && {
+      placeholder: "blur",
+      blurDataURL: blurData.blurDataUrl
+    }
+  };
+}
+function getBackgroundPropsWithBlur(image) {
+  if (!image?.url) {
+    return {
+      backgroundColor: "#E5E7EB"
+    };
+  }
+  const blurData = getBlurData(image);
+  return {
+    backgroundColor: blurData.blurColor,
+    backgroundImage: formatCssUrl(image.url),
+    backgroundSize: "cover",
+    backgroundPosition: "center",
+    backgroundRepeat: "no-repeat"
+  };
+}
+function getBlurPlaceholderStyle(image) {
+  const blurData = getBlurData(image);
+  if (!blurData.blurDataUrl) {
+    return {
+      backgroundColor: blurData.blurColor
+    };
+  }
+  return {
+    backgroundColor: blurData.blurColor,
+    backgroundImage: formatCssUrl(blurData.blurDataUrl),
+    backgroundSize: "cover",
+    backgroundPosition: "center",
+    filter: "blur(20px)",
+    transform: "scale(1.1)"
+  };
+}
+function hasBlurData(image) {
+  return Boolean(image?.blurDataUrl || image?.blurColor || image?.blurHash);
+}
+function getBulkBlurData(images) {
+  return images.map(getBlurData);
+}
+function createSrcSetWithBlur(image) {
+  if (!image?.url) return "";
+  if (image.width && image.width > 0) {
+    return `${image.url} ${image.width}w`;
+  }
+  return image.url;
+}
+function preloadImageWithBlur(image) {
+  if (!image?.url || typeof document === "undefined" || !document.head) return;
+  const existingLinks = document.head.querySelectorAll(
+    'link[rel="preload"][as="image"]'
+  );
+  for (let i = 0; i < existingLinks.length; i++) {
+    const el = existingLinks[i];
+    if (el.getAttribute("href") === image.url || el.href === image.url) {
+      return;
+    }
+  }
+  const link = document.createElement("link");
+  link.rel = "preload";
+  link.as = "image";
+  link.href = image.url;
+  document.head.appendChild(link);
+}
+function extractImageUrls(image) {
+  if (!image?.url) return [];
+  return [image.url];
+}
+function decodeBlurHashToDataURL(hash, width = 32, height = 32, punch = 1) {
+  if (!hash || typeof document === "undefined") return null;
+  const validation = isBlurhashValid(hash);
+  if (!validation.result) return null;
+  try {
+    const pixels = decodeBlurHash(hash, width, height, punch);
+    const canvas = document.createElement("canvas");
+    canvas.width = width;
+    canvas.height = height;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return null;
+    const imageData = ctx.createImageData(width, height);
+    imageData.data.set(pixels);
+    ctx.putImageData(imageData, 0, 0);
+    return canvas.toDataURL("image/png");
+  } catch {
+    return null;
+  }
+}
+
+export {
+  getBlurData,
+  getImagePropsWithBlur,
+  getBackgroundPropsWithBlur,
+  getBlurPlaceholderStyle,
+  hasBlurData,
+  getBulkBlurData,
+  createSrcSetWithBlur,
+  preloadImageWithBlur,
+  extractImageUrls,
+  decodeBlurHashToDataURL
+};
+//# sourceMappingURL=chunk-QQHZJKNA.js.map

package/dist/chunk-QQHZJKNA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/blur/blurDataUtils.ts"],"sourcesContent":["import { decode as decodeBlurHash, isBlurhashValid } from 'blurhash';\nimport type { BlurData, BlurImageSource } from './types';\n\nexport interface BlurPlaceholderStyle {\n  backgroundColor: string;\n  backgroundImage?: string;\n  backgroundSize?: string;\n  backgroundPosition?: string;\n  backgroundRepeat?: string;\n  filter?: string;\n  transform?: string;\n}\n\nfunction formatCssUrl(rawUrl: string): string {\n  const escaped = rawUrl\n    .replace(/\\\\/g, '\\\\\\\\')\n    .replace(/\"/g, '\\\\\"')\n    .replace(/[\\r\\n]/g, '');\n  return `url(\"${escaped}\")`;\n}\n\nexport function getBlurData(\n  image: BlurImageSource | null | undefined,\n): BlurData {\n  if (!image) {\n    return {\n      blurDataUrl: '',\n      blurColor: '#E5E7EB',\n      hasBlur: false,\n    };\n  }\n\n  return {\n    blurDataUrl: image.blurDataUrl || '',\n    blurColor: image.blurColor || '#E5E7EB',\n    ...(image.blurHash ? { blurHash: image.blurHash } : {}),\n    hasBlur: Boolean(image.blurDataUrl || image.blurHash),\n  };\n}\n\nexport function getImagePropsWithBlur(\n  image: BlurImageSource | null | undefined,\n) {\n  if (!image?.url) {\n    return null;\n  }\n\n  const blurData = getBlurData(image);\n\n  return {\n    src: image.url,\n    alt: image.altText || '',\n    width: image.width || 1920,\n    height: image.height || 1080,\n    ...(blurData.blurDataUrl && {\n      placeholder: 'blur' as const,\n      blurDataURL: blurData.blurDataUrl,\n    }),\n  };\n}\n\nexport function getBackgroundPropsWithBlur(\n  image: BlurImageSource | null | undefined,\n): BlurPlaceholderStyle {\n  if (!image?.url) {\n    return {\n      backgroundColor: '#E5E7EB',\n    };\n  }\n\n  const blurData = getBlurData(image);\n\n  return {\n    backgroundColor: blurData.blurColor,\n    backgroundImage: formatCssUrl(image.url),\n    backgroundSize: 'cover',\n    backgroundPosition: 'center',\n    backgroundRepeat: 'no-repeat',\n  };\n}\n\nexport function getBlurPlaceholderStyle(\n  image: BlurImageSource | null | undefined,\n): BlurPlaceholderStyle {\n  const blurData = getBlurData(image);\n\n  if (!blurData.blurDataUrl) {\n    return {\n      backgroundColor: blurData.blurColor,\n    };\n  }\n\n  return {\n    backgroundColor: blurData.blurColor,\n    backgroundImage: formatCssUrl(blurData.blurDataUrl),\n    backgroundSize: 'cover',\n    backgroundPosition: 'center',\n    filter: 'blur(20px)',\n    transform: 'scale(1.1)',\n  };\n}\n\nexport function hasBlurData(\n  image: BlurImageSource | null | undefined,\n): boolean {\n  return Boolean(image?.blurDataUrl || image?.blurColor || image?.blurHash);\n}\n\nexport function getBulkBlurData(\n  images: Array<BlurImageSource | null | undefined>,\n): BlurData[] {\n  return images.map(getBlurData);\n}\n\n/**\n * Builds a responsive `srcset` descriptor for the full-resolution image URL.\n * Never includes the low-resolution LQIP placeholder in `srcset` so browsers\n * cannot accidentally select the blurred placeholder as the final image.\n */\nexport function createSrcSetWithBlur(\n  image: BlurImageSource | null | undefined,\n): string {\n  if (!image?.url) return '';\n  if (image.width && image.width > 0) {\n    return `${image.url} ${image.width}w`;\n  }\n  return image.url;\n}\n\n/**\n * Preloads the target image URL in `document.head` via `<link rel=\"preload\" as=\"image\">`.\n * Does not set `imagesrcset` to the LQIP data URL and deduplicates existing preload links.\n */\nexport function preloadImageWithBlur(\n  image: BlurImageSource | null | undefined,\n): void {\n  if (!image?.url || typeof document === 'undefined' || !document.head) return;\n\n  const existingLinks = document.head.querySelectorAll(\n    'link[rel=\"preload\"][as=\"image\"]',\n  );\n  for (let i = 0; i < existingLinks.length; i++) {\n    const el = existingLinks[i] as HTMLLinkElement;\n    if (el.getAttribute('href') === image.url || el.href === image.url) {\n      return;\n    }\n  }\n\n  const link = document.createElement('link');\n  link.rel = 'preload';\n  link.as = 'image';\n  link.href = image.url;\n  document.head.appendChild(link);\n}\n\nexport function extractImageUrls(\n  image: BlurImageSource | null | undefined,\n): string[] {\n  if (!image?.url) return [];\n  return [image.url];\n}\n\n/**\n * Browser helper: Decodes a compact BlurHash string (e.g. \"LEHV6nWB2yk8pyo0adR*.7kCMdnj\")\n * into a `data:image/png;base64,...` URL using an offscreen `<canvas>`.\n */\nexport function decodeBlurHashToDataURL(\n  hash: string,\n  width: number = 32,\n  height: number = 32,\n  punch: number = 1,\n): string | null {\n  if (!hash || typeof document === 'undefined') return null;\n  const validation = isBlurhashValid(hash);\n  if (!validation.result) return null;\n\n  try {\n    const pixels = decodeBlurHash(hash, width, height, punch);\n    const canvas = document.createElement('canvas');\n    canvas.width = width;\n    canvas.height = height;\n    const ctx = canvas.getContext('2d');\n    if (!ctx) return null;\n    const imageData = ctx.createImageData(width, height);\n    imageData.data.set(pixels);\n    ctx.putImageData(imageData, 0, 0);\n    return canvas.toDataURL('image/png');\n  } catch {\n    return null;\n  }\n}\n"],"mappings":"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","names":[]}