@blitheforge/media-library 1.0.8 → 1.1.1

package/dist/index.js

@@ -107,13 +107,6 @@ function isImagePath(path) {
 // src/components/media-library-modal.tsx
 import { createPortal as createPortal2 } from "react-dom";
 
-// src/utils/cn.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
 // src/utils/bfml-theme.ts
 function bfmlRootProps(theme = "sync") {
   return {
@@ -129,6 +122,13 @@ function resolveThemeMode(theme) {
 import { useEffect as useEffect2, useMemo, useRef, useState as useState2 } from "react";
 import { ChevronRight, Folder, ImagePlus, LoaderCircle as LoaderCircle2, PanelLeft, Search, Trash2, Upload, X as X2 } from "lucide-react";
 
+// src/utils/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
 // src/components/ui/button.tsx
 import { jsx } from "react/jsx-runtime";
 var variants = {
@@ -170,11 +170,10 @@ function ConfirmDialog({
   if (!open || typeof document === "undefined") return null;
   const rootProps = bfmlRootProps(theme);
   return createPortal(
-    /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx2("div", { ...rootProps, children: /* @__PURE__ */ jsx2(
       "div",
       {
-        ...rootProps,
-        className: cn(rootProps.className, "fixed inset-0 z-[10001] flex items-end justify-center p-0 backdrop-blur-sm sm:items-center sm:p-4"),
+        className: "fixed inset-0 z-[10060] flex items-end justify-center p-0 backdrop-blur-sm sm:items-center sm:p-4",
         style: { backgroundColor: "var(--bfml-overlay)" },
         role: "presentation",
         onClick: onCancel,
@@ -198,7 +197,7 @@ function ConfirmDialog({
           }
         )
       }
-    ),
+    ) }),
     document.body
   );
 }
@@ -295,19 +294,12 @@ function ToastCard({ toast }) {
 }
 function ToastContainer({ theme = "sync" }) {
   const [items, setItems] = useState([]);
-  const rootProps = bfmlRootProps(theme);
+  void theme;
   useEffect(() => {
     return subscribeToasts(setItems);
   }, []);
   if (items.length === 0) return null;
-  return /* @__PURE__ */ jsx4(
-    "div",
-    {
-      ...rootProps,
-      className: cn(rootProps.className, "pointer-events-none absolute right-3 top-3 z-[45] flex w-[min(100%,20rem)] flex-col items-end gap-2 sm:right-4 sm:top-4"),
-      children: items.map((toast) => /* @__PURE__ */ jsx4(ToastCard, { toast }, toast.id))
-    }
-  );
+  return /* @__PURE__ */ jsx4("div", { className: "pointer-events-none absolute right-3 top-3 z-[45] flex w-[min(100%,20rem)] flex-col items-end gap-2 sm:right-4 sm:top-4", children: items.map((toast) => /* @__PURE__ */ jsx4(ToastCard, { toast }, toast.id)) });
 }
 
 // src/components/upload-preview.tsx
@@ -734,12 +726,10 @@ function MediaLibraryPanel({
       folder.path || "root"
     );
   }) });
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsx6("div", { ...rootProps, className: "h-full min-h-0", children: /* @__PURE__ */ jsxs4(
     "section",
     {
-      ...rootProps,
       className: cn(
-        rootProps.className,
         "relative flex h-full min-h-0 flex-col overflow-hidden bg-[var(--bfml-surface)]",
         variant === "modal" && "h-[100dvh] w-full max-w-none border-0 shadow-[var(--bfml-shadow-lg)] sm:h-[min(92vh,760px)] sm:max-w-6xl sm:rounded-2xl sm:border sm:border-[var(--bfml-border)]",
         variant === "embedded" && "rounded-none border-0 shadow-none",
@@ -1006,7 +996,7 @@ function MediaLibraryPanel({
         )
       ]
     }
-  );
+  ) });
 }
 
 // src/components/media-library-modal.tsx
@@ -1031,14 +1021,10 @@ function MediaLibraryModal({
   const rootProps = bfmlRootProps(themeMode);
   if (!open || typeof document === "undefined") return null;
   return createPortal2(
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx7("div", { ...rootProps, children: /* @__PURE__ */ jsx7(
       "div",
       {
-        ...rootProps,
-        className: cn(
-          rootProps.className,
-          "fixed inset-0 z-[9999] flex items-stretch justify-center p-0 backdrop-blur-sm sm:items-center sm:p-2 md:p-4"
-        ),
+        className: "fixed inset-0 z-[10050] flex items-stretch justify-center p-0 backdrop-blur-sm sm:items-center sm:p-2 md:p-4",
         style: { backgroundColor: "var(--bfml-overlay)" },
         children: /* @__PURE__ */ jsx7(
           MediaLibraryPanel,
@@ -1061,7 +1047,7 @@ function MediaLibraryModal({
           }
         )
       }
-    ),
+    ) }),
     document.body
   );
 }
@@ -1093,12 +1079,10 @@ function MediaLibraryWidget({
   const resolved = { ...defaultMediaLibraryConfig, ...config };
   const themeMode = resolveThemeMode(theme ?? resolved.theme);
   const rootProps = bfmlRootProps(themeMode);
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx8("div", { ...rootProps, children: /* @__PURE__ */ jsx8(
     "div",
     {
-      ...rootProps,
       className: cn(
-        rootProps.className,
         "overflow-hidden rounded-2xl border border-[var(--bfml-border)] bg-[var(--bfml-surface)] shadow-[var(--bfml-shadow-lg)]",
         className
       ),
@@ -1122,7 +1106,7 @@ function MediaLibraryWidget({
         }
       )
     }
-  );
+  ) });
 }
 
 // src/components/media-picker.tsx
@@ -1218,7 +1202,7 @@ function MediaPicker({
   }
   const currentValue = value ?? selectedPath;
   const fileName = currentValue ? fileNameFromPath(currentValue) : null;
-  return /* @__PURE__ */ jsxs6("div", { ...rootProps, className: cn(rootProps.className, "space-y-2", className), children: [
+  return /* @__PURE__ */ jsx10("div", { ...rootProps, children: /* @__PURE__ */ jsxs6("div", { className: cn("space-y-2", className), children: [
     label ? /* @__PURE__ */ jsx10("label", { className: "text-sm font-medium text-[var(--bfml-foreground)]", children: label }) : null,
     /* @__PURE__ */ jsxs6(
       "button",
@@ -1250,7 +1234,7 @@ function MediaPicker({
         accept
       }
     )
-  ] });
+  ] }) });
 }
 
 // src/components/media-picker-multi.tsx
@@ -1299,7 +1283,7 @@ function MediaPickerMulti({
       return next;
     });
   }
-  return /* @__PURE__ */ jsxs7("div", { ...rootProps, className: cn(rootProps.className, "space-y-2", className), children: [
+  return /* @__PURE__ */ jsx11("div", { ...rootProps, children: /* @__PURE__ */ jsxs7("div", { className: cn("space-y-2", className), children: [
     label ? /* @__PURE__ */ jsx11("label", { className: "text-sm font-medium text-[var(--bfml-foreground)]", children: label }) : null,
     /* @__PURE__ */ jsxs7("div", { className: "overflow-hidden rounded-xl border border-[var(--bfml-border)] bg-[var(--bfml-surface-soft)]", children: [
       /* @__PURE__ */ jsxs7(
@@ -1362,7 +1346,7 @@ function MediaPickerMulti({
         accept
       }
     )
-  ] });
+  ] }) });
 }
 export {
   MAX_MEDIA_UPLOAD_BYTES,