@firecms/media_manager 3.1.0-canary.02232f4

package/dist/index.umd.js

@@ -0,0 +1,1737 @@
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react/jsx-runtime"), require("react-compiler-runtime"), require("react"), require("compressorjs"), require("@firecms/ui"), require("@firecms/core"), require("@firecms/formex"), require("react-router-dom")) : typeof define === "function" && define.amd ? define(["exports", "react/jsx-runtime", "react-compiler-runtime", "react", "compressorjs", "@firecms/ui", "@firecms/core", "@firecms/formex", "react-router-dom"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.FireCMSMediaManager = {}, global.jsxRuntime, global.reactCompilerRuntime, global.react, global.Compressor, global.ui, global.core, global.formex, global.reactRouterDom));
+})(this, (function(exports2, jsxRuntime, reactCompilerRuntime, react, Compressor, ui, core, formex, reactRouterDom) {
+  "use strict";
+  const MediaManagerContext = react.createContext(void 0);
+  function useMediaManager() {
+    const context = react.useContext(MediaManagerContext);
+    if (!context) {
+      throw new Error("useMediaManager must be used within a MediaManagerProvider");
+    }
+    return context;
+  }
+  function MediaManagerProvider(t0) {
+    const $ = reactCompilerRuntime.c(3);
+    const {
+      controller,
+      children
+    } = t0;
+    let t1;
+    if ($[0] !== children || $[1] !== controller) {
+      t1 = /* @__PURE__ */ jsxRuntime.jsx(MediaManagerContext.Provider, { value: controller, children });
+      $[0] = children;
+      $[1] = controller;
+      $[2] = t1;
+    } else {
+      t1 = $[2];
+    }
+    return t1;
+  }
+  const DEFAULT_THUMBNAIL_PATH = "thumbs";
+  function useMediaManagerController({
+    storageSource,
+    dataSourceDelegate,
+    storagePath,
+    collectionPath,
+    bucket,
+    thumbnailSizes,
+    thumbnailPath = DEFAULT_THUMBNAIL_PATH
+  }) {
+    const [loading, setLoading] = react.useState(true);
+    const [error, setError] = react.useState();
+    const [assets, setAssets] = react.useState([]);
+    const [selectedAsset, setSelectedAsset] = react.useState();
+    const [searchQuery, setSearchQuery] = react.useState("");
+    const fetchDownloadURL = react.useCallback(async (asset) => {
+      try {
+        const downloadConfig = await storageSource.getDownloadURL(asset.storagePath, asset.bucket);
+        return {
+          ...asset,
+          downloadURL: downloadConfig.url ?? void 0
+        };
+      } catch (err) {
+        console.warn(`Failed to get download URL for ${asset.storagePath}:`, err);
+        return {
+          ...asset,
+          downloadURL: void 0
+        };
+      }
+    }, [storageSource]);
+    const refreshAssets = react.useCallback(async () => {
+      setLoading(true);
+      setError(void 0);
+      try {
+        console.log("Fetching media assets from:", collectionPath);
+        const entities = await dataSourceDelegate.fetchCollection({
+          path: collectionPath,
+          orderBy: "createdAt",
+          order: "desc"
+        });
+        console.log("Fetched entities:", entities.length);
+        if (entities.length === 0) {
+          setAssets([]);
+          return;
+        }
+        const loadedAssets = await Promise.all(entities.map(async (entity) => {
+          const values = entity.values;
+          const baseAsset = {
+            id: entity.id,
+            fileName: values.fileName,
+            storagePath: values.storagePath,
+            mimeType: values.mimeType,
+            size: values.size,
+            dimensions: values.dimensions,
+            title: values.title,
+            altText: values.altText,
+            caption: values.caption,
+            tags: values.tags,
+            bucket: values.bucket,
+            createdAt: values.createdAt instanceof Date ? values.createdAt : values.createdAt?.toDate ? values.createdAt.toDate() : new Date(values.createdAt),
+            updatedAt: values.updatedAt instanceof Date ? values.updatedAt : values.updatedAt?.toDate ? values.updatedAt.toDate() : new Date(values.updatedAt)
+          };
+          if (baseAsset.mimeType?.startsWith("image/") || baseAsset.mimeType?.startsWith("video/")) {
+            return await fetchDownloadURL(baseAsset);
+          }
+          return {
+            ...baseAsset,
+            downloadURL: void 0
+          };
+        }));
+        console.log("Loaded assets with URLs:", loadedAssets.length);
+        setAssets(loadedAssets);
+      } catch (err_0) {
+        console.error("Error fetching media assets:", err_0);
+        setError(err_0 instanceof Error ? err_0 : new Error(String(err_0)));
+      } finally {
+        setLoading(false);
+      }
+    }, [dataSourceDelegate, collectionPath, fetchDownloadURL]);
+    react.useEffect(() => {
+      refreshAssets();
+    }, [refreshAssets]);
+    const uploadFile = react.useCallback(async (file, metadata) => {
+      console.log("Uploading file:", file.name, "to path:", storagePath);
+      const uploadResult = await storageSource.uploadFile({
+        file,
+        fileName: file.name,
+        path: storagePath,
+        bucket
+      });
+      console.log("Upload result:", uploadResult);
+      let downloadURL;
+      try {
+        const downloadConfig_0 = await storageSource.getDownloadURL(uploadResult.path, uploadResult.bucket);
+        downloadURL = downloadConfig_0.url ?? void 0;
+        console.log("Got download URL:", downloadURL);
+      } catch (err_1) {
+        console.warn("Failed to get download URL after upload:", err_1);
+      }
+      let dimensions;
+      if (file.type.startsWith("image/")) {
+        try {
+          dimensions = await getImageDimensions(file);
+        } catch (err_2) {
+          console.warn("Failed to get image dimensions:", err_2);
+        }
+      }
+      const thumbnails = {};
+      const isRasterImage = file.type.startsWith("image/") && file.type !== "image/svg+xml";
+      if (thumbnailSizes && thumbnailSizes.length > 0 && isRasterImage) {
+        console.log("Generating thumbnails for sizes:", thumbnailSizes.map((s) => s.name));
+        for (const size of thumbnailSizes) {
+          try {
+            const thumbnailBlob = await generateThumbnail(file, size.width, size.height, size.quality ?? 0.8);
+            const thumbFileName = `${Date.now()}_${size.name}_${file.name}`;
+            const thumbPath = `${storagePath}/${thumbnailPath}/${size.name}`;
+            const thumbUploadResult = await storageSource.uploadFile({
+              file: new File([thumbnailBlob], thumbFileName, {
+                type: "image/jpeg"
+              }),
+              fileName: thumbFileName,
+              path: thumbPath,
+              bucket
+            });
+            const thumbDownloadConfig = await storageSource.getDownloadURL(thumbUploadResult.path, thumbUploadResult.bucket);
+            if (thumbDownloadConfig.url) {
+              thumbnails[size.name] = thumbDownloadConfig.url;
+              console.log(`Generated ${size.name} thumbnail:`, thumbDownloadConfig.url);
+            }
+          } catch (err_3) {
+            console.warn(`Failed to generate ${size.name} thumbnail:`, err_3);
+          }
+        }
+      }
+      const now = /* @__PURE__ */ new Date();
+      const assetData = {
+        fileName: file.name,
+        storagePath: uploadResult.path,
+        mimeType: file.type,
+        size: file.size,
+        createdAt: now,
+        updatedAt: now
+      };
+      if (dimensions) assetData.dimensions = dimensions;
+      if (metadata?.title) assetData.title = metadata.title;
+      if (metadata?.altText) assetData.altText = metadata.altText;
+      if (metadata?.caption) assetData.caption = metadata.caption;
+      if (metadata?.tags && metadata.tags.length > 0) assetData.tags = metadata.tags;
+      if (uploadResult.bucket) assetData.bucket = uploadResult.bucket;
+      if (downloadURL) assetData.downloadURL = downloadURL;
+      if (Object.keys(thumbnails).length > 0) assetData.thumbnails = thumbnails;
+      console.log("Saving asset data to database:", assetData);
+      const entity_0 = await dataSourceDelegate.saveEntity({
+        path: collectionPath,
+        values: assetData,
+        status: "new"
+      });
+      console.log("Saved entity:", entity_0.id);
+      const newAsset = {
+        id: entity_0.id,
+        fileName: file.name,
+        storagePath: uploadResult.path,
+        downloadURL,
+        mimeType: file.type,
+        size: file.size,
+        createdAt: now,
+        updatedAt: now,
+        dimensions,
+        title: metadata?.title,
+        altText: metadata?.altText,
+        caption: metadata?.caption,
+        tags: metadata?.tags,
+        bucket: uploadResult.bucket,
+        thumbnails: Object.keys(thumbnails).length > 0 ? thumbnails : void 0
+      };
+      setAssets((prev) => [newAsset, ...prev]);
+      return newAsset;
+    }, [storageSource, dataSourceDelegate, storagePath, collectionPath, bucket, thumbnailSizes, thumbnailPath]);
+    const deleteAsset = react.useCallback(async (assetId) => {
+      const asset_0 = assets.find((a) => a.id === assetId);
+      if (!asset_0) {
+        throw new Error(`Asset with id ${assetId} not found`);
+      }
+      console.log("Deleting asset:", assetId, asset_0.storagePath);
+      try {
+        await storageSource.deleteFile(asset_0.storagePath, asset_0.bucket);
+      } catch (err_4) {
+        console.warn("Failed to delete from storage (may not exist):", err_4);
+      }
+      await dataSourceDelegate.deleteEntity({
+        entity: {
+          id: assetId,
+          path: collectionPath,
+          values: asset_0
+        }
+      });
+      setAssets((prev_0) => prev_0.filter((a_0) => a_0.id !== assetId));
+      if (selectedAsset?.id === assetId) {
+        setSelectedAsset(void 0);
+      }
+    }, [assets, storageSource, dataSourceDelegate, collectionPath, selectedAsset]);
+    const updateAsset = react.useCallback(async (assetId_0, data) => {
+      const asset_1 = assets.find((a_1) => a_1.id === assetId_0);
+      if (!asset_1) {
+        throw new Error(`Asset with id ${assetId_0} not found`);
+      }
+      const cleanData = {};
+      Object.entries(data).forEach(([key, value]) => {
+        if (value !== void 0) {
+          cleanData[key] = value;
+        }
+      });
+      cleanData.updatedAt = /* @__PURE__ */ new Date();
+      console.log("Updating asset:", assetId_0, cleanData);
+      await dataSourceDelegate.saveEntity({
+        path: collectionPath,
+        entityId: assetId_0,
+        values: cleanData,
+        previousValues: asset_1,
+        status: "existing"
+      });
+      setAssets((prev_1) => prev_1.map((a_2) => a_2.id === assetId_0 ? {
+        ...a_2,
+        ...cleanData
+      } : a_2));
+      if (selectedAsset?.id === assetId_0) {
+        setSelectedAsset((prev_2) => prev_2 ? {
+          ...prev_2,
+          ...cleanData
+        } : prev_2);
+      }
+    }, [assets, dataSourceDelegate, collectionPath, selectedAsset]);
+    const searchAssets = react.useCallback((query) => {
+      setSearchQuery(query);
+    }, []);
+    const selectAsset = react.useCallback((asset_2) => {
+      setSelectedAsset(asset_2);
+    }, []);
+    const filteredAssets = searchQuery ? assets.filter((asset_3) => asset_3.fileName.toLowerCase().includes(searchQuery.toLowerCase()) || asset_3.title?.toLowerCase().includes(searchQuery.toLowerCase()) || asset_3.tags?.some((tag) => tag.toLowerCase().includes(searchQuery.toLowerCase()))) : assets;
+    return {
+      loading,
+      error,
+      assets: filteredAssets,
+      totalCount: assets.length,
+      selectedAsset,
+      selectAsset,
+      uploadFile,
+      deleteAsset,
+      updateAsset,
+      refreshAssets,
+      searchAssets,
+      storagePath,
+      collectionPath
+    };
+  }
+  function getImageDimensions(file) {
+    return new Promise((resolve, reject) => {
+      const img = new Image();
+      img.onload = () => {
+        resolve({
+          width: img.width,
+          height: img.height
+        });
+        URL.revokeObjectURL(img.src);
+      };
+      img.onerror = reject;
+      img.src = URL.createObjectURL(file);
+    });
+  }
+  async function generateThumbnail(file, maxWidth, maxHeight, quality) {
+    return new Promise((resolve, reject) => {
+      new Compressor(file, {
+        quality,
+        maxWidth,
+        maxHeight,
+        mimeType: "image/jpeg",
+        success: (result) => {
+          resolve(result);
+        },
+        error: reject
+      });
+    });
+  }
+  function MediaAssetCard(t0) {
+    const $ = reactCompilerRuntime.c(53);
+    const {
+      asset,
+      viewMode,
+      onClick,
+      selected,
+      thumbnailSize: t1
+    } = t0;
+    const thumbnailSize = t1 === void 0 ? "small" : t1;
+    let t2;
+    if ($[0] !== asset.mimeType) {
+      t2 = asset.mimeType.startsWith("image/");
+      $[0] = asset.mimeType;
+      $[1] = t2;
+    } else {
+      t2 = $[1];
+    }
+    const isImage = t2;
+    const isVideo = asset.mimeType.startsWith("video/");
+    const isAudio = asset.mimeType.startsWith("audio/");
+    const FileIcon = isImage ? ui.ImageIcon : isVideo ? ui.VideoLibraryIcon : isAudio ? ui.AudiotrackIcon : ui.DescriptionIcon;
+    const formatSize = _temp;
+    const imageUrl = asset.thumbnails?.[thumbnailSize] ?? asset.downloadURL;
+    let t3;
+    if ($[2] !== FileIcon || $[3] !== asset.altText || $[4] !== asset.fileName || $[5] !== imageUrl || $[6] !== isImage) {
+      t3 = isImage && imageUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: imageUrl, alt: asset.altText || asset.fileName, className: "w-full h-full object-cover transition-transform duration-200 group-hover:scale-105", loading: "lazy" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center bg-surface-100 dark:bg-surface-800", children: /* @__PURE__ */ jsxRuntime.jsx(FileIcon, { size: "large", className: "text-surface-400 dark:text-surface-500" }) });
+      $[2] = FileIcon;
+      $[3] = asset.altText;
+      $[4] = asset.fileName;
+      $[5] = imageUrl;
+      $[6] = isImage;
+      $[7] = t3;
+    } else {
+      t3 = $[7];
+    }
+    const thumbnail = t3;
+    if (viewMode === "list") {
+      const t42 = selected && "ring-2 ring-primary bg-primary/5";
+      let t52;
+      if ($[8] !== t42) {
+        t52 = ui.cls("p-3 cursor-pointer flex items-center gap-3 rounded-lg", "hover:bg-surface-100 dark:hover:bg-surface-800", "transition-colors duration-150", `border ${ui.defaultBorderMixin}`, t42);
+        $[8] = t42;
+        $[9] = t52;
+      } else {
+        t52 = $[9];
+      }
+      let t62;
+      if ($[10] !== thumbnail) {
+        t62 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 h-12 rounded-md overflow-hidden flex-shrink-0 bg-surface-100 dark:bg-surface-800", children: thumbnail });
+        $[10] = thumbnail;
+        $[11] = t62;
+      } else {
+        t62 = $[11];
+      }
+      const t72 = asset.title || asset.fileName;
+      let t82;
+      if ($[12] !== t72) {
+        t82 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body2", className: "font-medium truncate text-surface-900 dark:text-white", children: t72 });
+        $[12] = t72;
+        $[13] = t82;
+      } else {
+        t82 = $[13];
+      }
+      const t92 = formatSize(asset.size);
+      let t102;
+      if ($[14] !== asset.mimeType) {
+        t102 = asset.mimeType.split("/")[1]?.toUpperCase();
+        $[14] = asset.mimeType;
+        $[15] = t102;
+      } else {
+        t102 = $[15];
+      }
+      let t112;
+      if ($[16] !== t102 || $[17] !== t92) {
+        t112 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Typography, { variant: "caption", color: "secondary", children: [
+          t92,
+          " • ",
+          t102
+        ] });
+        $[16] = t102;
+        $[17] = t92;
+        $[18] = t112;
+      } else {
+        t112 = $[18];
+      }
+      let t122;
+      if ($[19] !== t112 || $[20] !== t82) {
+        t122 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+          t82,
+          t112
+        ] });
+        $[19] = t112;
+        $[20] = t82;
+        $[21] = t122;
+      } else {
+        t122 = $[21];
+      }
+      let t132;
+      if ($[22] !== selected) {
+        t132 = selected && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-6 h-6 rounded-full bg-primary flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(ui.CheckIcon, { size: "smallest", className: "text-white" }) });
+        $[22] = selected;
+        $[23] = t132;
+      } else {
+        t132 = $[23];
+      }
+      let t142;
+      if ($[24] !== onClick || $[25] !== t122 || $[26] !== t132 || $[27] !== t52 || $[28] !== t62) {
+        t142 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t52, onClick, children: [
+          t62,
+          t122,
+          t132
+        ] });
+        $[24] = onClick;
+        $[25] = t122;
+        $[26] = t132;
+        $[27] = t52;
+        $[28] = t62;
+        $[29] = t142;
+      } else {
+        t142 = $[29];
+      }
+      return t142;
+    }
+    const t4 = selected && "ring-2 ring-primary";
+    let t5;
+    if ($[30] !== t4) {
+      t5 = ui.cls("cursor-pointer overflow-hidden group relative", "transition-all duration-200", "hover:shadow-lg hover:-translate-y-0.5", t4);
+      $[30] = t4;
+      $[31] = t5;
+    } else {
+      t5 = $[31];
+    }
+    let t6;
+    if ($[32] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t6 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cls("absolute inset-0 bg-black/0 group-hover:bg-black/20", "transition-colors duration-200") });
+      $[32] = t6;
+    } else {
+      t6 = $[32];
+    }
+    let t7;
+    if ($[33] !== selected) {
+      t7 = selected && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-2 right-2 w-6 h-6 rounded-full bg-primary flex items-center justify-center shadow-md", children: /* @__PURE__ */ jsxRuntime.jsx(ui.CheckIcon, { size: "smallest", className: "text-white" }) });
+      $[33] = selected;
+      $[34] = t7;
+    } else {
+      t7 = $[34];
+    }
+    let t8;
+    if ($[35] !== t7 || $[36] !== thumbnail) {
+      t8 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "aspect-square relative overflow-hidden bg-surface-100 dark:bg-surface-800", children: [
+        thumbnail,
+        t6,
+        t7
+      ] });
+      $[35] = t7;
+      $[36] = thumbnail;
+      $[37] = t8;
+    } else {
+      t8 = $[37];
+    }
+    const t9 = asset.title || asset.fileName;
+    let t10;
+    if ($[38] !== t9) {
+      t10 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body2", className: "font-medium truncate text-surface-900 dark:text-white", children: t9 });
+      $[38] = t9;
+      $[39] = t10;
+    } else {
+      t10 = $[39];
+    }
+    const t11 = formatSize(asset.size);
+    let t12;
+    if ($[40] !== asset.mimeType) {
+      t12 = asset.mimeType.split("/")[1]?.toUpperCase();
+      $[40] = asset.mimeType;
+      $[41] = t12;
+    } else {
+      t12 = $[41];
+    }
+    let t13;
+    if ($[42] !== t11 || $[43] !== t12) {
+      t13 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Typography, { variant: "caption", color: "secondary", className: "truncate block mt-0.5", children: [
+        t11,
+        " • ",
+        t12
+      ] });
+      $[42] = t11;
+      $[43] = t12;
+      $[44] = t13;
+    } else {
+      t13 = $[44];
+    }
+    let t14;
+    if ($[45] !== t10 || $[46] !== t13) {
+      t14 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3", children: [
+        t10,
+        t13
+      ] });
+      $[45] = t10;
+      $[46] = t13;
+      $[47] = t14;
+    } else {
+      t14 = $[47];
+    }
+    let t15;
+    if ($[48] !== onClick || $[49] !== t14 || $[50] !== t5 || $[51] !== t8) {
+      t15 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Card, { className: t5, onClick, children: [
+        t8,
+        t14
+      ] });
+      $[48] = onClick;
+      $[49] = t14;
+      $[50] = t5;
+      $[51] = t8;
+      $[52] = t15;
+    } else {
+      t15 = $[52];
+    }
+    return t15;
+  }
+  function _temp(bytes) {
+    if (bytes < 1024) {
+      return `${bytes} B`;
+    }
+    if (bytes < 1048576) {
+      return `${(bytes / 1024).toFixed(1)} KB`;
+    }
+    return `${(bytes / 1048576).toFixed(1)} MB`;
+  }
+  function MediaAssetDetails({
+    asset,
+    onClose,
+    onUpdate,
+    onDelete
+  }) {
+    const snackbarController = core.useSnackbarController();
+    const storageSource = core.useStorageSource();
+    const [saving, setSaving] = react.useState(false);
+    const [deleting, setDeleting] = react.useState(false);
+    const [deleteDialogOpen, setDeleteDialogOpen] = react.useState(false);
+    const [tagInput, setTagInput] = react.useState("");
+    const {
+      t
+    } = core.useTranslation();
+    const {
+      values,
+      setFieldValue,
+      dirty
+    } = formex.useCreateFormex({
+      initialValues: {
+        title: asset.title ?? "",
+        altText: asset.altText ?? "",
+        caption: asset.caption ?? "",
+        tags: asset.tags ?? []
+      }
+    });
+    const handleSave = react.useCallback(async () => {
+      setSaving(true);
+      try {
+        await onUpdate(asset.id, values);
+        snackbarController.open({
+          type: "success",
+          message: t("media_asset_updated")
+        });
+      } catch (error) {
+        snackbarController.open({
+          type: "error",
+          message: t("media_error_updating", {
+            message: error instanceof Error ? error.message : String(error)
+          })
+        });
+      } finally {
+        setSaving(false);
+      }
+    }, [asset.id, values, onUpdate, snackbarController]);
+    const handleDelete = react.useCallback(async () => {
+      setDeleting(true);
+      try {
+        await onDelete(asset.id);
+        snackbarController.open({
+          type: "success",
+          message: t("media_asset_deleted")
+        });
+        onClose();
+      } catch (error_0) {
+        snackbarController.open({
+          type: "error",
+          message: t("media_error_deleting", {
+            message: error_0 instanceof Error ? error_0.message : String(error_0)
+          })
+        });
+      } finally {
+        setDeleting(false);
+        setDeleteDialogOpen(false);
+      }
+    }, [asset.id, onDelete, snackbarController, onClose]);
+    const handleDownload = react.useCallback(async () => {
+      try {
+        const downloadConfig = await storageSource.getDownloadURL(asset.storagePath, asset.bucket);
+        if (downloadConfig.url) {
+          window.open(downloadConfig.url, "_blank");
+        }
+      } catch (error_1) {
+        snackbarController.open({
+          type: "error",
+          message: t("media_error_getting_url")
+        });
+      }
+    }, [asset, storageSource, snackbarController]);
+    const handleAddTag = react.useCallback(() => {
+      const tag = tagInput.trim();
+      if (tag && !values.tags?.includes(tag)) {
+        setFieldValue("tags", [...values.tags ?? [], tag]);
+        setTagInput("");
+      }
+    }, [tagInput, values.tags, setFieldValue]);
+    const handleRemoveTag = react.useCallback((tagToRemove) => {
+      setFieldValue("tags", values.tags?.filter((t_0) => t_0 !== tagToRemove) ?? []);
+    }, [values.tags, setFieldValue]);
+    const formatSize = (bytes) => {
+      if (bytes < 1024) return `${bytes} B`;
+      if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+      return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+    };
+    const formatDate = (date) => {
+      return new Intl.DateTimeFormat(void 0, {
+        year: "numeric",
+        month: "short",
+        day: "numeric"
+      }).format(date);
+    };
+    const isImage = asset.mimeType.startsWith("image/");
+    const isVideo = asset.mimeType.startsWith("video/");
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("fixed inset-y-0 right-0 w-full sm:w-96 lg:w-[480px]", "bg-surface-50 dark:bg-surface-900", "border-l border-surface-accent-200 dark:border-surface-accent-700", "shadow-xl z-50", "flex flex-col", "animate-slide-in-right"), children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between p-4 border-b border-surface-accent-200 dark:border-surface-accent-700", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle1", className: "font-medium truncate flex-1 mr-2", children: asset.title || asset.fileName }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { onClick: handleDownload, children: /* @__PURE__ */ jsxRuntime.jsx(ui.DownloadIcon, { size: "small" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { onClick: () => setDeleteDialogOpen(true), className: "text-red-500 hover:bg-red-50 dark:hover:bg-red-900/20", children: /* @__PURE__ */ jsxRuntime.jsx(ui.DeleteIcon, { size: "small" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(ui.CloseIcon, { size: "small" }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 bg-surface-accent-100 dark:bg-surface-accent-800 flex items-center justify-center min-h-48 max-h-64", children: isImage && asset.downloadURL ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: asset.downloadURL, alt: asset.altText || asset.fileName, className: "max-w-full max-h-full object-contain" }) : isVideo && asset.downloadURL ? /* @__PURE__ */ jsxRuntime.jsx("video", { src: asset.downloadURL, className: "max-w-full max-h-full", controls: true }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-surface-accent-400", children: t("media_preview_not_available") }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 overflow-auto p-4 space-y-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+            asset.dimensions && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-surface-accent-500", children: t("media_dimensions") }),
+              /* @__PURE__ */ jsxRuntime.jsxs(ui.Typography, { variant: "body2", children: [
+                asset.dimensions.width,
+                " × ",
+                asset.dimensions.height,
+                " px"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-surface-accent-500", children: t("media_size") }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body2", children: formatSize(asset.size) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-surface-accent-500", children: t("media_type") }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body2", children: asset.mimeType })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-surface-accent-500", children: t("media_created") }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body2", children: formatDate(asset.createdAt) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-surface-accent-200 dark:border-surface-accent-700" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { label: t("media_file_name"), value: asset.fileName, disabled: true, size: "small" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { label: t("media_title"), value: values.title ?? "", onChange: (e) => setFieldValue("title", e.target.value), size: "small" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { label: t("media_alt_text"), value: values.altText ?? "", onChange: (e_0) => setFieldValue("altText", e_0.target.value), size: "small" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-surface-accent-500 mt-1", children: t("media_recommended_seo") })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { label: t("media_caption"), value: values.caption ?? "", onChange: (e_1) => setFieldValue("caption", e_1.target.value), size: "small", multiline: true }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-surface-accent-500 mb-1 block", children: t("media_tags") }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1 mb-2", children: values.tags?.map((tag_0) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Chip, { size: "small", colorScheme: "blueLighter", onClick: () => handleRemoveTag(tag_0), children: [
+              tag_0,
+              " ×"
+            ] }, tag_0)) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { placeholder: t("media_add_tag"), value: tagInput, onChange: (e_2) => setTagInput(e_2.target.value), size: "small", className: "flex-1", onKeyDown: (e_3) => {
+                if (e_3.key === "Enter") {
+                  e_3.preventDefault();
+                  handleAddTag();
+                }
+              } }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", size: "small", onClick: handleAddTag, disabled: !tagInput.trim(), children: t("media_add") })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 p-4 border-t border-surface-accent-200 dark:border-surface-accent-700", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "filled", onClick: handleSave, disabled: !dirty || saving, className: "w-full", children: saving ? /* @__PURE__ */ jsxRuntime.jsx(ui.CircularProgress, { size: "small" }) : t("media_save_changes") }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Dialog, { open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogContent, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle1", className: "font-medium mb-2", children: t("media_delete_asset") }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { className: "text-surface-accent-600 dark:text-surface-accent-400", children: t("media_delete_confirmation", {
+            name: asset.title || asset.fileName
+          }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogActions, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", onClick: () => setDeleteDialogOpen(false), disabled: deleting, children: t("cancel") }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "filled", color: "error", onClick: handleDelete, disabled: deleting, children: deleting ? /* @__PURE__ */ jsxRuntime.jsx(ui.CircularProgress, { size: "small" }) : t("delete") })
+        ] })
+      ] })
+    ] });
+  }
+  function MediaUploadDialog({
+    open,
+    onClose,
+    onUpload,
+    maxFileSize = 52428800,
+    // 50MB default
+    acceptedMimeTypes
+  }) {
+    const [isDragging, setIsDragging] = react.useState(false);
+    const [uploading, setUploading] = react.useState(false);
+    const [error, setError] = react.useState(null);
+    const [selectedFiles, setSelectedFiles] = react.useState([]);
+    const {
+      t
+    } = core.useTranslation();
+    const validateFiles = react.useCallback((files) => {
+      const valid = [];
+      const errors = [];
+      for (const file of files) {
+        if (maxFileSize && file.size > maxFileSize) {
+          errors.push(t("media_file_too_large", {
+            name: file.name,
+            size: formatSize(maxFileSize)
+          }));
+          continue;
+        }
+        if (acceptedMimeTypes && !acceptedMimeTypes.some((type) => {
+          if (type.endsWith("/*")) {
+            return file.type.startsWith(type.slice(0, -1));
+          }
+          return file.type === type;
+        })) {
+          errors.push(t("media_file_type_not_allowed", {
+            name: file.name
+          }));
+          continue;
+        }
+        valid.push(file);
+      }
+      return {
+        valid,
+        errors
+      };
+    }, [maxFileSize, acceptedMimeTypes]);
+    const handleDragOver = react.useCallback((e) => {
+      e.preventDefault();
+      setIsDragging(true);
+    }, []);
+    const handleDragLeave = react.useCallback((e_0) => {
+      e_0.preventDefault();
+      setIsDragging(false);
+    }, []);
+    const handleDrop = react.useCallback((e_1) => {
+      e_1.preventDefault();
+      setIsDragging(false);
+      const files_0 = Array.from(e_1.dataTransfer.files);
+      const {
+        valid: valid_0,
+        errors: errors_0
+      } = validateFiles(files_0);
+      if (errors_0.length > 0) {
+        setError(errors_0.join("\n"));
+      } else {
+        setError(null);
+      }
+      setSelectedFiles((prev) => [...prev, ...valid_0]);
+    }, [validateFiles]);
+    const handleFileSelect = react.useCallback((e_2) => {
+      const files_1 = Array.from(e_2.target.files ?? []);
+      const {
+        valid: valid_1,
+        errors: errors_1
+      } = validateFiles(files_1);
+      if (errors_1.length > 0) {
+        setError(errors_1.join("\n"));
+      } else {
+        setError(null);
+      }
+      setSelectedFiles((prev_0) => [...prev_0, ...valid_1]);
+    }, [validateFiles]);
+    const handleRemoveFile = react.useCallback((index) => {
+      setSelectedFiles((prev_1) => prev_1.filter((_, i) => i !== index));
+    }, []);
+    const handleUpload = react.useCallback(async () => {
+      if (selectedFiles.length === 0) return;
+      setUploading(true);
+      setError(null);
+      try {
+        await onUpload(selectedFiles);
+        setSelectedFiles([]);
+        onClose();
+      } catch (err) {
+        setError(err instanceof Error ? err.message : t("media_upload_failed"));
+      } finally {
+        setUploading(false);
+      }
+    }, [selectedFiles, onUpload, onClose]);
+    const handleClose = react.useCallback(() => {
+      if (!uploading) {
+        setSelectedFiles([]);
+        setError(null);
+        onClose();
+      }
+    }, [uploading, onClose]);
+    const formatSize = (bytes) => {
+      if (bytes < 1024) return `${bytes} B`;
+      if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+      return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(ui.Dialog, { open, onOpenChange: (open_0) => !open_0 && handleClose(), maxWidth: "md", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogContent, { className: "p-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 border-b border-surface-accent-200 dark:border-surface-accent-700", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "h6", children: t("media_upload_files") }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("border-2 border-dashed rounded-lg p-8", "flex flex-col items-center justify-center gap-4", "transition-colors duration-150", isDragging ? "border-primary bg-primary/5" : "border-surface-accent-300 dark:border-surface-accent-600", "hover:border-primary hover:bg-primary/5", "cursor-pointer"), onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, onClick: () => document.getElementById("file-upload-input")?.click(), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.CloudUploadIcon, { size: "large", className: ui.cls(isDragging ? "text-primary" : "text-surface-accent-400") }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body1", className: "font-medium", children: t("media_drop_files") }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-surface-accent-500", children: t("media_max_file_size", {
+                size: formatSize(maxFileSize)
+              }) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("input", { id: "file-upload-input", type: "file", multiple: true, accept: acceptedMimeTypes?.join(","), onChange: handleFileSelect, className: "hidden" })
+          ] }),
+          error && /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-red-500 mt-2 block whitespace-pre-line", children: error }),
+          selectedFiles.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 space-y-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-surface-accent-500", children: t("media_selected_files_count", {
+              count: selectedFiles.length.toString()
+            }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-40 overflow-auto space-y-1", children: selectedFiles.map((file_0, index_0) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("flex items-center justify-between p-2 rounded", "bg-surface-accent-50 dark:bg-surface-accent-800"), children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0 mr-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body2", className: "truncate", children: file_0.name }),
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-surface-accent-500", children: formatSize(file_0.size) })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", size: "small", onClick: (e_3) => {
+                e_3.stopPropagation();
+                handleRemoveFile(index_0);
+              }, disabled: uploading, children: t("media_remove") })
+            ] }, `${file_0.name}-${index_0}`)) })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogActions, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", onClick: handleClose, disabled: uploading, children: t("cancel") }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "filled", onClick: handleUpload, disabled: selectedFiles.length === 0 || uploading, children: uploading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.CircularProgress, { size: "smallest" }),
+          t("media_uploading")
+        ] }) : `${t("media_upload")} ${selectedFiles.length > 0 ? `(${selectedFiles.length})` : ""}` })
+      ] })
+    ] });
+  }
+  function MediaLibraryView(t0) {
+    const $ = reactCompilerRuntime.c(87);
+    const {
+      maxFileSize,
+      acceptedMimeTypes
+    } = t0;
+    const controller = useMediaManager();
+    const [uploadDialogOpen, setUploadDialogOpen] = react.useState(false);
+    const [viewMode, setViewMode] = react.useState("grid");
+    react.useRef(null);
+    const {
+      t
+    } = core.useTranslation();
+    let t1;
+    if ($[0] !== controller) {
+      t1 = (query) => {
+        controller.searchAssets(query ?? "");
+      };
+      $[0] = controller;
+      $[1] = t1;
+    } else {
+      t1 = $[1];
+    }
+    const handleSearch = t1;
+    let t2;
+    if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t2 = () => {
+        setUploadDialogOpen(true);
+      };
+      $[2] = t2;
+    } else {
+      t2 = $[2];
+    }
+    const handleUploadClick = t2;
+    let t3;
+    if ($[3] !== controller) {
+      t3 = async (files) => {
+        for (const file of files) {
+          await controller.uploadFile(file);
+        }
+        setUploadDialogOpen(false);
+      };
+      $[3] = controller;
+      $[4] = t3;
+    } else {
+      t3 = $[4];
+    }
+    const handleFileSelect = t3;
+    let t4;
+    if ($[5] !== controller) {
+      t4 = () => {
+        controller.refreshAssets();
+      };
+      $[5] = controller;
+      $[6] = t4;
+    } else {
+      t4 = $[6];
+    }
+    const handleRefresh = t4;
+    let t5;
+    if ($[7] !== t) {
+      t5 = t("media_library");
+      $[7] = t;
+      $[8] = t5;
+    } else {
+      t5 = $[8];
+    }
+    let t6;
+    if ($[9] !== t5) {
+      t6 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "h5", className: "font-semibold", children: t5 });
+      $[9] = t5;
+      $[10] = t6;
+    } else {
+      t6 = $[10];
+    }
+    let t7;
+    if ($[11] !== controller.totalCount || $[12] !== t) {
+      t7 = controller.totalCount !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "bg-surface-accent-100 dark:bg-surface-accent-800 px-2 py-0.5 rounded-full", children: t("media_assets_count", {
+        count: controller.totalCount.toString()
+      }) });
+      $[11] = controller.totalCount;
+      $[12] = t;
+      $[13] = t7;
+    } else {
+      t7 = $[13];
+    }
+    let t8;
+    if ($[14] !== t6 || $[15] !== t7) {
+      t8 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+        t6,
+        t7
+      ] });
+      $[14] = t6;
+      $[15] = t7;
+      $[16] = t8;
+    } else {
+      t8 = $[16];
+    }
+    let t9;
+    if ($[17] !== t) {
+      t9 = t("media_search_assets");
+      $[17] = t;
+      $[18] = t9;
+    } else {
+      t9 = $[18];
+    }
+    let t10;
+    if ($[19] !== handleSearch || $[20] !== t9) {
+      t10 = /* @__PURE__ */ jsxRuntime.jsx(ui.SearchBar, { onTextSearch: handleSearch, placeholder: t9, className: "flex-1 sm:w-64" });
+      $[19] = handleSearch;
+      $[20] = t9;
+      $[21] = t10;
+    } else {
+      t10 = $[21];
+    }
+    let t11;
+    if ($[22] !== t) {
+      t11 = t("media_grid_view");
+      $[22] = t;
+      $[23] = t11;
+    } else {
+      t11 = $[23];
+    }
+    let t12;
+    if ($[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t12 = () => setViewMode("grid");
+      $[24] = t12;
+    } else {
+      t12 = $[24];
+    }
+    const t13 = viewMode === "grid" && "bg-surface-accent-100 dark:bg-surface-accent-800";
+    let t14;
+    if ($[25] !== t13) {
+      t14 = ui.cls(t13);
+      $[25] = t13;
+      $[26] = t14;
+    } else {
+      t14 = $[26];
+    }
+    let t15;
+    if ($[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t15 = /* @__PURE__ */ jsxRuntime.jsx(ui.AppsIcon, { size: "small" });
+      $[27] = t15;
+    } else {
+      t15 = $[27];
+    }
+    let t16;
+    if ($[28] !== t14) {
+      t16 = /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { onClick: t12, className: t14, children: t15 });
+      $[28] = t14;
+      $[29] = t16;
+    } else {
+      t16 = $[29];
+    }
+    let t17;
+    if ($[30] !== t11 || $[31] !== t16) {
+      t17 = /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: t11, children: t16 });
+      $[30] = t11;
+      $[31] = t16;
+      $[32] = t17;
+    } else {
+      t17 = $[32];
+    }
+    let t18;
+    if ($[33] !== t) {
+      t18 = t("media_list_view");
+      $[33] = t;
+      $[34] = t18;
+    } else {
+      t18 = $[34];
+    }
+    let t19;
+    if ($[35] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t19 = () => setViewMode("list");
+      $[35] = t19;
+    } else {
+      t19 = $[35];
+    }
+    const t20 = viewMode === "list" && "bg-surface-accent-100 dark:bg-surface-accent-800";
+    let t21;
+    if ($[36] !== t20) {
+      t21 = ui.cls(t20);
+      $[36] = t20;
+      $[37] = t21;
+    } else {
+      t21 = $[37];
+    }
+    let t22;
+    if ($[38] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t22 = /* @__PURE__ */ jsxRuntime.jsx(ui.Icon, { iconKey: "list", size: "small" });
+      $[38] = t22;
+    } else {
+      t22 = $[38];
+    }
+    let t23;
+    if ($[39] !== t21) {
+      t23 = /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { onClick: t19, className: t21, children: t22 });
+      $[39] = t21;
+      $[40] = t23;
+    } else {
+      t23 = $[40];
+    }
+    let t24;
+    if ($[41] !== t18 || $[42] !== t23) {
+      t24 = /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: t18, children: t23 });
+      $[41] = t18;
+      $[42] = t23;
+      $[43] = t24;
+    } else {
+      t24 = $[43];
+    }
+    let t25;
+    if ($[44] !== t17 || $[45] !== t24) {
+      t25 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 border-l border-surface-accent-200 dark:border-surface-accent-700 pl-2 ml-2", children: [
+        t17,
+        t24
+      ] });
+      $[44] = t17;
+      $[45] = t24;
+      $[46] = t25;
+    } else {
+      t25 = $[46];
+    }
+    let t26;
+    if ($[47] !== t) {
+      t26 = t("media_refresh");
+      $[47] = t;
+      $[48] = t26;
+    } else {
+      t26 = $[48];
+    }
+    let t27;
+    if ($[49] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t27 = /* @__PURE__ */ jsxRuntime.jsx(ui.RefreshIcon, { size: "small" });
+      $[49] = t27;
+    } else {
+      t27 = $[49];
+    }
+    let t28;
+    if ($[50] !== controller.loading || $[51] !== handleRefresh) {
+      t28 = /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { onClick: handleRefresh, disabled: controller.loading, children: t27 });
+      $[50] = controller.loading;
+      $[51] = handleRefresh;
+      $[52] = t28;
+    } else {
+      t28 = $[52];
+    }
+    let t29;
+    if ($[53] !== t26 || $[54] !== t28) {
+      t29 = /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: t26, children: t28 });
+      $[53] = t26;
+      $[54] = t28;
+      $[55] = t29;
+    } else {
+      t29 = $[55];
+    }
+    let t30;
+    if ($[56] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t30 = /* @__PURE__ */ jsxRuntime.jsx(ui.AddIcon, { size: "small" });
+      $[56] = t30;
+    } else {
+      t30 = $[56];
+    }
+    let t31;
+    if ($[57] !== t) {
+      t31 = t("media_upload");
+      $[57] = t;
+      $[58] = t31;
+    } else {
+      t31 = $[58];
+    }
+    let t32;
+    if ($[59] !== t31) {
+      t32 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "filled", onClick: handleUploadClick, children: [
+        t30,
+        t31
+      ] });
+      $[59] = t31;
+      $[60] = t32;
+    } else {
+      t32 = $[60];
+    }
+    let t33;
+    if ($[61] !== t10 || $[62] !== t25 || $[63] !== t29 || $[64] !== t32) {
+      t33 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 w-full sm:w-auto", children: [
+        t10,
+        t25,
+        t29,
+        t32
+      ] });
+      $[61] = t10;
+      $[62] = t25;
+      $[63] = t29;
+      $[64] = t32;
+      $[65] = t33;
+    } else {
+      t33 = $[65];
+    }
+    let t34;
+    if ($[66] !== t33 || $[67] !== t8) {
+      t34 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 border-b border-surface-accent-200 dark:border-surface-accent-700 bg-surface-50 dark:bg-surface-900", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { maxWidth: "6xl", className: "py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col sm:flex-row gap-4 items-start sm:items-center justify-between", children: [
+        t8,
+        t33
+      ] }) }) });
+      $[66] = t33;
+      $[67] = t8;
+      $[68] = t34;
+    } else {
+      t34 = $[68];
+    }
+    let t35;
+    if ($[69] !== controller || $[70] !== handleRefresh || $[71] !== t || $[72] !== viewMode) {
+      t35 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { maxWidth: "6xl", className: "py-6", children: controller.loading && controller.assets.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ jsxRuntime.jsx(ui.CircularProgress, {}) }) : controller.error ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center h-64 gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { className: "text-red-500", children: t("media_error_loading", {
+          message: controller.error.message
+        }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: handleRefresh, children: t("media_try_again") })
+      ] }) : controller.assets.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center h-64 gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { className: "text-surface-accent-500", children: t("media_no_assets") }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { onClick: handleUploadClick, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.AddIcon, { size: "small" }),
+          t("media_upload_first_file")
+        ] })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cls(viewMode === "grid" ? "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4" : "flex flex-col gap-2"), children: controller.assets.map((asset) => /* @__PURE__ */ jsxRuntime.jsx(MediaAssetCard, { asset, viewMode, onClick: () => controller.selectAsset(asset), selected: controller.selectedAsset?.id === asset.id }, asset.id)) }) }) });
+      $[69] = controller;
+      $[70] = handleRefresh;
+      $[71] = t;
+      $[72] = viewMode;
+      $[73] = t35;
+    } else {
+      t35 = $[73];
+    }
+    let t36;
+    if ($[74] !== controller) {
+      t36 = controller.selectedAsset && /* @__PURE__ */ jsxRuntime.jsx(MediaAssetDetails, { asset: controller.selectedAsset, onClose: () => controller.selectAsset(void 0), onUpdate: controller.updateAsset, onDelete: controller.deleteAsset });
+      $[74] = controller;
+      $[75] = t36;
+    } else {
+      t36 = $[75];
+    }
+    let t37;
+    if ($[76] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t37 = () => setUploadDialogOpen(false);
+      $[76] = t37;
+    } else {
+      t37 = $[76];
+    }
+    let t38;
+    if ($[77] !== acceptedMimeTypes || $[78] !== handleFileSelect || $[79] !== maxFileSize || $[80] !== uploadDialogOpen) {
+      t38 = /* @__PURE__ */ jsxRuntime.jsx(MediaUploadDialog, { open: uploadDialogOpen, onClose: t37, onUpload: handleFileSelect, maxFileSize, acceptedMimeTypes });
+      $[77] = acceptedMimeTypes;
+      $[78] = handleFileSelect;
+      $[79] = maxFileSize;
+      $[80] = uploadDialogOpen;
+      $[81] = t38;
+    } else {
+      t38 = $[81];
+    }
+    let t39;
+    if ($[82] !== t34 || $[83] !== t35 || $[84] !== t36 || $[85] !== t38) {
+      t39 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-full flex flex-col overflow-hidden", children: [
+        t34,
+        t35,
+        t36,
+        t38
+      ] });
+      $[82] = t34;
+      $[83] = t35;
+      $[84] = t36;
+      $[85] = t38;
+      $[86] = t39;
+    } else {
+      t39 = $[86];
+    }
+    return t39;
+  }
+  const mediaManagerTranslationsEn = {
+    media_library: "Media Library",
+    media_library_description: "Manage images and files",
+    media_search_assets: "Search assets...",
+    media_grid_view: "Grid view",
+    media_list_view: "List view",
+    media_refresh: "Refresh",
+    media_upload: "Upload",
+    media_error_loading: "Error loading assets: {{message}}",
+    media_try_again: "Try Again",
+    media_no_assets: "No media assets yet",
+    media_upload_first_file: "Upload your first file",
+    media_asset_updated: "Asset updated successfully",
+    media_error_updating: "Error updating asset: {{message}}",
+    media_asset_deleted: "Asset deleted successfully",
+    media_error_deleting: "Error deleting asset: {{message}}",
+    media_error_getting_url: "Error getting download URL",
+    media_preview_not_available: "Preview not available",
+    media_dimensions: "Dimensions",
+    media_size: "Size",
+    media_type: "Type",
+    media_created: "Created",
+    media_file_name: "File Name",
+    media_title: "Title",
+    media_alt_text: "Alt Text",
+    media_recommended_seo: "Recommended for SEO",
+    media_caption: "Caption",
+    media_tags: "Tags",
+    media_add_tag: "Add a tag...",
+    media_add: "Add",
+    media_save_changes: "Save Changes",
+    media_delete_asset: "Delete Asset?",
+    media_delete_confirmation: 'Are you sure you want to delete "{{name}}"? This action cannot be undone.',
+    media_file_too_large: "{{name}}: File too large (max {{size}})",
+    media_file_type_not_allowed: "{{name}}: File type not allowed",
+    media_upload_failed: "Upload failed",
+    media_upload_files: "Upload Files",
+    media_drop_files: "Drop files here or click to browse",
+    media_max_file_size: "Maximum file size: {{size}}",
+    media_selected_files_count: "Selected files ({{count}})",
+    media_remove: "Remove",
+    media_uploading: "Uploading...",
+    media_manage_description: "Manage your media files and assets",
+    media_assets_count: "{{count}} assets"
+  };
+  const mediaManagerTranslationsEs = {
+    media_library: "Biblioteca de Medios",
+    media_library_description: "Gestionar imágenes y archivos",
+    media_search_assets: "Buscar recursos...",
+    media_grid_view: "Vista de cuadrícula",
+    media_list_view: "Vista de lista",
+    media_refresh: "Actualizar",
+    media_upload: "Subir",
+    media_error_loading: "Error al cargar recursos: {{message}}",
+    media_try_again: "Volver a intentar",
+    media_no_assets: "Aún no hay recursos multimedia",
+    media_upload_first_file: "Sube tu primer archivo",
+    media_asset_updated: "Recurso actualizado con éxito",
+    media_error_updating: "Error al actualizar recurso: {{message}}",
+    media_asset_deleted: "Recurso eliminado con éxito",
+    media_error_deleting: "Error al eliminar recurso: {{message}}",
+    media_error_getting_url: "Error al obtener URL de descarga",
+    media_preview_not_available: "Vista previa no disponible",
+    media_dimensions: "Dimensiones",
+    media_size: "Tamaño",
+    media_type: "Tipo",
+    media_created: "Creado",
+    media_file_name: "Nombre del archivo",
+    media_title: "Título",
+    media_alt_text: "Texto alternativo",
+    media_recommended_seo: "Recomendado para SEO",
+    media_caption: "Leyenda",
+    media_tags: "Etiquetas",
+    media_add_tag: "Añadir una etiqueta...",
+    media_add: "Añadir",
+    media_save_changes: "Guardar cambios",
+    media_delete_asset: "¿Eliminar recurso?",
+    media_delete_confirmation: '¿Estás seguro de que deseas eliminar "{{name}}"? Esta acción no se puede deshacer.',
+    media_file_too_large: "{{name}}: Archivo demasiado grande (máx. {{size}})",
+    media_file_type_not_allowed: "{{name}}: Tipo de archivo no permitido",
+    media_upload_failed: "Error al subir",
+    media_upload_files: "Subir archivos",
+    media_drop_files: "Suelta archivos aquí o haz clic para buscar",
+    media_max_file_size: "Tamaño máximo de archivo: {{size}}",
+    media_selected_files_count: "Archivos seleccionados ({{count}})",
+    media_remove: "Quitar",
+    media_uploading: "Subiendo...",
+    media_manage_description: "Gestiona tus archivos y recursos multimedia",
+    media_assets_count: "{{count}} recursos"
+  };
+  const mediaManagerTranslationsDe = {
+    media_library: "Mediathek",
+    media_library_description: "Bilder und Dateien verwalten",
+    media_search_assets: "Assets durchsuchen...",
+    media_grid_view: "Rasteransicht",
+    media_list_view: "Listenansicht",
+    media_refresh: "Aktualisieren",
+    media_upload: "Hochladen",
+    media_error_loading: "Fehler beim Laden der Assets: {{message}}",
+    media_try_again: "Erneut versuchen",
+    media_no_assets: "Noch keine Medien-Assets",
+    media_upload_first_file: "Laden Sie Ihre erste Datei hoch",
+    media_asset_updated: "Asset erfolgreich aktualisiert",
+    media_error_updating: "Fehler beim Aktualisieren des Assets: {{message}}",
+    media_asset_deleted: "Asset erfolgreich gelöscht",
+    media_error_deleting: "Fehler beim Löschen des Assets: {{message}}",
+    media_error_getting_url: "Fehler beim Abrufen der Download-URL",
+    media_preview_not_available: "Vorschau nicht verfügbar",
+    media_dimensions: "Abmessungen",
+    media_size: "Größe",
+    media_type: "Typ",
+    media_created: "Erstellt",
+    media_file_name: "Dateiname",
+    media_title: "Titel",
+    media_alt_text: "Alternativtext",
+    media_recommended_seo: "Empfohlen für SEO",
+    media_caption: "Bildunterschrift",
+    media_tags: "Schlagwörter",
+    media_add_tag: "Schlagwort hinzufügen...",
+    media_add: "Hinzufügen",
+    media_save_changes: "Änderungen speichern",
+    media_delete_asset: "Asset löschen?",
+    media_delete_confirmation: 'Sind Sie sicher, dass Sie "{{name}}" löschen möchten? Diese Aktion kann nicht rückgängig gemacht werden.',
+    media_file_too_large: "{{name}}: Datei ist zu groß (max. {{size}})",
+    media_file_type_not_allowed: "{{name}}: Dateityp nicht zulässig",
+    media_upload_failed: "Hochladen fehlgeschlagen",
+    media_upload_files: "Dateien hochladen",
+    media_drop_files: "Dateien hier ablegen oder zum Durchsuchen klicken",
+    media_max_file_size: "Maximale Dateigröße: {{size}}",
+    media_selected_files_count: "Ausgewählte Dateien ({{count}})",
+    media_remove: "Entfernen",
+    media_uploading: "Wird hochgeladen...",
+    media_manage_description: "Verwalten Sie Ihre Mediendateien und Assets",
+    media_assets_count: "{{count}} Assets"
+  };
+  const mediaManagerTranslationsFr = {
+    media_library: "Médiathèque",
+    media_library_description: "Gérer les images et les fichiers",
+    media_search_assets: "Rechercher des éléments...",
+    media_grid_view: "Vue en grille",
+    media_list_view: "Vue en liste",
+    media_refresh: "Rafraîchir",
+    media_upload: "Télécharger",
+    media_error_loading: "Erreur lors du chargement des éléments : {{message}}",
+    media_try_again: "Réessayer",
+    media_no_assets: "Pas encore d'éléments multimédias",
+    media_upload_first_file: "Téléchargez votre premier fichier",
+    media_asset_updated: "Élément mis à jour avec succès",
+    media_error_updating: "Erreur lors de la mise à jour de l'élément : {{message}}",
+    media_asset_deleted: "Élément supprimé avec succès",
+    media_error_deleting: "Erreur lors de la suppression de l'élément : {{message}}",
+    media_error_getting_url: "Erreur lors de l'obtention de l'URL de téléchargement",
+    media_preview_not_available: "Aperçu non disponible",
+    media_dimensions: "Dimensions",
+    media_size: "Taille",
+    media_type: "Type",
+    media_created: "Créé",
+    media_file_name: "Nom du fichier",
+    media_title: "Titre",
+    media_alt_text: "Texte alternatif",
+    media_recommended_seo: "Recommandé pour le référencement (SEO)",
+    media_caption: "Légende",
+    media_tags: "Balises",
+    media_add_tag: "Ajouter une balise...",
+    media_add: "Ajouter",
+    media_save_changes: "Enregistrer les modifications",
+    media_delete_asset: "Supprimer l'élément ?",
+    media_delete_confirmation: 'Êtes-vous sûr de vouloir supprimer "{{name}}" ? Cette action ne peut pas être annulée.',
+    media_file_too_large: "{{name}} : Fichier trop volumineux (max {{size}})",
+    media_file_type_not_allowed: "{{name}} : Type de fichier non autorisé",
+    media_upload_failed: "Le téléchargement a échoué",
+    media_upload_files: "Télécharger des fichiers",
+    media_drop_files: "Déposez les fichiers ici ou cliquez pour parcourir",
+    media_max_file_size: "Taille maximale du fichier : {{size}}",
+    media_selected_files_count: "Fichiers sélectionnés ({{count}})",
+    media_remove: "Retirer",
+    media_uploading: "Téléchargement en cours...",
+    media_manage_description: "Gérez vos fichiers et éléments multimédias",
+    media_assets_count: "{{count}} éléments"
+  };
+  const mediaManagerTranslationsIt = {
+    media_library: "Libreria multimediale",
+    media_library_description: "Gestisci immagini e file",
+    media_search_assets: "Cerca risorse...",
+    media_grid_view: "Visualizzazione griglia",
+    media_list_view: "Visualizzazione elenco",
+    media_refresh: "Aggiorna",
+    media_upload: "Carica",
+    media_error_loading: "Errore durante il caricamento delle risorse: {{message}}",
+    media_try_again: "Riprova",
+    media_no_assets: "Nessuna risorsa multimediale ancora presente",
+    media_upload_first_file: "Carica il tuo primo file",
+    media_asset_updated: "Risorsa aggiornata con successo",
+    media_error_updating: "Errore durante l'aggiornamento della risorsa: {{message}}",
+    media_asset_deleted: "Risorsa eliminata con successo",
+    media_error_deleting: "Errore durante l'eliminazione della risorsa: {{message}}",
+    media_error_getting_url: "Errore durante il recupero dell'URL di download",
+    media_preview_not_available: "Anteprima non disponibile",
+    media_dimensions: "Dimensioni",
+    media_size: "Dimensione",
+    media_type: "Tipo",
+    media_created: "Creato",
+    media_file_name: "Nome file",
+    media_title: "Titolo",
+    media_alt_text: "Testo alternativo",
+    media_recommended_seo: "Consigliato per la SEO",
+    media_caption: "Didascalia",
+    media_tags: "Tag",
+    media_add_tag: "Aggiungi un tag...",
+    media_add: "Aggiungi",
+    media_save_changes: "Salva modifiche",
+    media_delete_asset: "Elimina risorsa?",
+    media_delete_confirmation: 'Sei sicuro di voler eliminare "{{name}}"? Questa azione non può essere annullata.',
+    media_file_too_large: "{{name}}: File troppo grande (max {{size}})",
+    media_file_type_not_allowed: "{{name}}: Tipo di file non consentito",
+    media_upload_failed: "Caricamento fallito",
+    media_upload_files: "Carica file",
+    media_drop_files: "Rilascia i file qui o fai clic per sfogliare",
+    media_max_file_size: "Dimensione massima del file: {{size}}",
+    media_selected_files_count: "File selezionati ({{count}})",
+    media_remove: "Rimuovi",
+    media_uploading: "Caricamento in corso...",
+    media_manage_description: "Gestisci i tuoi file e risorse multimediali",
+    media_assets_count: "{{count}} risorse"
+  };
+  const mediaManagerTranslationsHi = {
+    media_library: "मीडिया लाइब्रेरी",
+    media_library_description: "चित्र और फ़ाइलें प्रबंधित करें",
+    media_search_assets: "संपत्तियां खोजें...",
+    media_grid_view: "ग्रिड दृश्य",
+    media_list_view: "सूची दृश्य",
+    media_refresh: "रीफ्रेश करें",
+    media_upload: "अपलोड करें",
+    media_error_loading: "संपत्तियों को लोड करने में त्रुटि: {{message}}",
+    media_try_again: "पुनः प्रयास करें",
+    media_no_assets: "अभी तक कोई मीडिया संपत्ति नहीं",
+    media_upload_first_file: "अपनी पहली फ़ाइल अपलोड करें",
+    media_asset_updated: "संपत्ति सफलतापूर्वक अपडेट की गई",
+    media_error_updating: "संपत्ति को अपडेट करने में त्रुटि: {{message}}",
+    media_asset_deleted: "संपत्ति सफलतापूर्वक हटा दी गई",
+    media_error_deleting: "संपत्ति को हटाने में त्रुटि: {{message}}",
+    media_error_getting_url: "डाउनलोड URL प्राप्त करने में त्रुटि",
+    media_preview_not_available: "पूर्वावलोकन उपलब्ध नहीं है",
+    media_dimensions: "आयाम",
+    media_size: "आकार",
+    media_type: "प्रकार",
+    media_created: "बनाया गया",
+    media_file_name: "फ़ाइल का नाम",
+    media_title: "शीर्षक",
+    media_alt_text: "वैकल्पिक पाठ",
+    media_recommended_seo: "SEO के लिए अनुशंसित",
+    media_caption: "कैप्शन",
+    media_tags: "टैग",
+    media_add_tag: "एक टैग जोड़ें...",
+    media_add: "जोड़ें",
+    media_save_changes: "परिवर्तन सहेजें",
+    media_delete_asset: "संपत्ति हटाएं?",
+    media_delete_confirmation: 'क्या आप निश्चित रूप से "{{name}}" को हटाना चाहते हैं? यह क्रिया पूर्ववत नहीं की जा सकती।',
+    media_file_too_large: "{{name}}: फ़ाइल बहुत बड़ी है (अधिकतम {{size}})",
+    media_file_type_not_allowed: "{{name}}: फ़ाइल प्रकार की अनुमति नहीं है",
+    media_upload_failed: "अपलोड विफल रहा",
+    media_upload_files: "फ़ाइलें अपलोड करें",
+    media_drop_files: "फ़ाइलें यहाँ छोड़ें या ब्राउज़ करने के लिए क्लिक करें",
+    media_max_file_size: "अधिकतम फ़ाइल आकार: {{size}}",
+    media_selected_files_count: "चयनित फ़ाइलें ({{count}})",
+    media_remove: "हटाएं",
+    media_uploading: "अपलोड हो रहा है...",
+    media_manage_description: "अपनी मीडिया फ़ाइलें और संपत्तियां प्रबंधित करें",
+    media_assets_count: "{{count}} संपत्तियां"
+  };
+  const mediaManagerTranslationsPt = {
+    media_library: "Biblioteca de Média",
+    media_library_description: "Gerir imagens e ficheiros",
+    media_search_assets: "Pesquisar recursos...",
+    media_grid_view: "Vista em grelha",
+    media_list_view: "Vista em lista",
+    media_refresh: "Atualizar",
+    media_upload: "Carregar",
+    media_error_loading: "Erro ao carregar recursos: {{message}}",
+    media_try_again: "Tentar Novamente",
+    media_no_assets: "Ainda não há recursos de média",
+    media_upload_first_file: "Carregue o seu primeiro ficheiro",
+    media_asset_updated: "Recurso atualizado com sucesso",
+    media_error_updating: "Erro ao atualizar recurso: {{message}}",
+    media_asset_deleted: "Recurso eliminado com sucesso",
+    media_error_deleting: "Erro ao eliminar recurso: {{message}}",
+    media_error_getting_url: "Erro ao obter URL de download",
+    media_preview_not_available: "Pré-visualização não disponível",
+    media_dimensions: "Dimensões",
+    media_size: "Tamanho",
+    media_type: "Tipo",
+    media_created: "Criado",
+    media_file_name: "Nome do Ficheiro",
+    media_title: "Título",
+    media_alt_text: "Texto Alternativo",
+    media_recommended_seo: "Recomendado para SEO",
+    media_caption: "Legenda",
+    media_tags: "Etiquetas",
+    media_add_tag: "Adicionar uma etiqueta...",
+    media_add: "Adicionar",
+    media_save_changes: "Guardar Alterações",
+    media_delete_asset: "Eliminar Recurso?",
+    media_delete_confirmation: 'Tem a certeza de que quer eliminar "{{name}}"? Esta ação não pode ser desfeita.',
+    media_file_too_large: "{{name}}: Ficheiro demasiado grande (máx {{size}})",
+    media_file_type_not_allowed: "{{name}}: Tipo de ficheiro não permitido",
+    media_upload_failed: "Falha no carregamento",
+    media_upload_files: "Carregar Ficheiros",
+    media_drop_files: "Solte ficheiros aqui ou clique para navegar",
+    media_max_file_size: "Tamanho máximo de ficheiro: {{size}}",
+    media_selected_files_count: "Ficheiros selecionados ({{count}})",
+    media_remove: "Remover",
+    media_uploading: "A carregar...",
+    media_manage_description: "Gerir os seus ficheiros e recursos de média",
+    media_assets_count: "{{count}} recursos"
+  };
+  const DEFAULT_STORAGE_PATH = "media";
+  const DEFAULT_COLLECTION_PATH = "media_assets";
+  const MediaManagerConfigContext = react.createContext(null);
+  function useMediaManagerConfig() {
+    const config = react.useContext(MediaManagerConfigContext);
+    if (!config) {
+      throw new Error("useMediaManagerConfig must be used within MediaManagerConfigProvider");
+    }
+    return config;
+  }
+  function MediaLibraryViewInternal() {
+    const $ = reactCompilerRuntime.c(14);
+    const config = useMediaManagerConfig();
+    const t0 = config.storagePath ?? DEFAULT_STORAGE_PATH;
+    const t1 = config.collectionPath ?? DEFAULT_COLLECTION_PATH;
+    let t2;
+    if ($[0] !== config.bucket || $[1] !== config.dataSourceDelegate || $[2] !== config.storageSource || $[3] !== config.thumbnailPath || $[4] !== config.thumbnailSizes || $[5] !== t0 || $[6] !== t1) {
+      t2 = {
+        storageSource: config.storageSource,
+        dataSourceDelegate: config.dataSourceDelegate,
+        storagePath: t0,
+        collectionPath: t1,
+        bucket: config.bucket,
+        thumbnailSizes: config.thumbnailSizes,
+        thumbnailPath: config.thumbnailPath
+      };
+      $[0] = config.bucket;
+      $[1] = config.dataSourceDelegate;
+      $[2] = config.storageSource;
+      $[3] = config.thumbnailPath;
+      $[4] = config.thumbnailSizes;
+      $[5] = t0;
+      $[6] = t1;
+      $[7] = t2;
+    } else {
+      t2 = $[7];
+    }
+    const controller = useMediaManagerController(t2);
+    let t3;
+    if ($[8] !== config.acceptedMimeTypes || $[9] !== config.maxFileSize) {
+      t3 = /* @__PURE__ */ jsxRuntime.jsx(MediaLibraryView, { maxFileSize: config.maxFileSize, acceptedMimeTypes: config.acceptedMimeTypes });
+      $[8] = config.acceptedMimeTypes;
+      $[9] = config.maxFileSize;
+      $[10] = t3;
+    } else {
+      t3 = $[10];
+    }
+    let t4;
+    if ($[11] !== controller || $[12] !== t3) {
+      t4 = /* @__PURE__ */ jsxRuntime.jsx(MediaManagerProvider, { controller, children: t3 });
+      $[11] = controller;
+      $[12] = t3;
+      $[13] = t4;
+    } else {
+      t4 = $[13];
+    }
+    return t4;
+  }
+  function buildMediaView() {
+    return {
+      path: "media",
+      name: "Media Library",
+      description: "Manage your media files",
+      group: "Media",
+      icon: "perm_media",
+      view: /* @__PURE__ */ jsxRuntime.jsx(MediaLibraryViewInternal, {})
+    };
+  }
+  function useMediaManagerPlugin(props) {
+    const mediaView = react.useMemo(() => buildMediaView(), []);
+    return react.useMemo(() => ({
+      key: "media_manager",
+      views: [mediaView],
+      provider: {
+        Component: ({
+          children
+        }) => /* @__PURE__ */ jsxRuntime.jsx(MediaManagerConfigContext.Provider, { value: props, children })
+      },
+      i18n: {
+        en: mediaManagerTranslationsEn,
+        es: mediaManagerTranslationsEs,
+        de: mediaManagerTranslationsDe,
+        fr: mediaManagerTranslationsFr,
+        it: mediaManagerTranslationsIt,
+        hi: mediaManagerTranslationsHi,
+        pt: mediaManagerTranslationsPt
+      }
+    }), []);
+  }
+  function MediaLibraryCard(t0) {
+    const $ = reactCompilerRuntime.c(13);
+    const {
+      group
+    } = t0;
+    const {
+      t
+    } = core.useTranslation();
+    if (group !== "Media") {
+      return null;
+    }
+    let t1;
+    if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t1 = ui.cls("p-4 cursor-pointer", "hover:bg-surface-accent-100 dark:hover:bg-surface-accent-800", "transition-colors duration-200", "flex flex-col gap-2");
+      $[0] = t1;
+    } else {
+      t1 = $[0];
+    }
+    let t2;
+    if ($[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t2 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cls("w-10 h-10 rounded-lg", "bg-primary/10 dark:bg-primary/20", "flex items-center justify-center"), children: /* @__PURE__ */ jsxRuntime.jsx(ui.ImageIcon, { className: "text-primary", size: "medium" }) });
+      $[1] = t2;
+    } else {
+      t2 = $[1];
+    }
+    let t3;
+    if ($[2] !== t) {
+      t3 = t("media_library");
+      $[2] = t;
+      $[3] = t3;
+    } else {
+      t3 = $[3];
+    }
+    let t4;
+    if ($[4] !== t3) {
+      t4 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", className: "font-medium", children: t3 });
+      $[4] = t3;
+      $[5] = t4;
+    } else {
+      t4 = $[5];
+    }
+    let t5;
+    if ($[6] !== t) {
+      t5 = t("media_library_description");
+      $[6] = t;
+      $[7] = t5;
+    } else {
+      t5 = $[7];
+    }
+    let t6;
+    if ($[8] !== t5) {
+      t6 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-surface-accent-600 dark:text-surface-accent-400", children: t5 });
+      $[8] = t5;
+      $[9] = t6;
+    } else {
+      t6 = $[9];
+    }
+    let t7;
+    if ($[10] !== t4 || $[11] !== t6) {
+      t7 = /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { to: "/media", className: "no-underline", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { className: t1, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+        t2,
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+          t4,
+          t6
+        ] })
+      ] }) }) });
+      $[10] = t4;
+      $[11] = t6;
+      $[12] = t7;
+    } else {
+      t7 = $[12];
+    }
+    return t7;
+  }
+  exports2.MediaAssetCard = MediaAssetCard;
+  exports2.MediaAssetDetails = MediaAssetDetails;
+  exports2.MediaLibraryCard = MediaLibraryCard;
+  exports2.MediaLibraryView = MediaLibraryView;
+  exports2.MediaManagerProvider = MediaManagerProvider;
+  exports2.MediaUploadDialog = MediaUploadDialog;
+  exports2.useMediaManager = useMediaManager;
+  exports2.useMediaManagerController = useMediaManagerController;
+  exports2.useMediaManagerPlugin = useMediaManagerPlugin;
+  Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
+}));
+//# sourceMappingURL=index.umd.js.map