@firecms/ui 3.0.0-canary.220 → 3.0.0-canary.221

package/dist/index.umd.js

@@ -27985,12 +27985,13 @@
     full: "max-w-full min-w-full w-full"
   };
   const Dialog = (t0) => {
-    const $ = reactCompilerRuntime.c(36);
+    const $ = reactCompilerRuntime.c(39);
     const {
       open,
       onOpenChange,
       children,
       className,
+      containerClassName,
       fullWidth: t1,
       fullHeight,
       fullScreen,
@@ -28031,107 +28032,116 @@
     }
     React.useEffect(t5, t6);
     const t7 = displayed || open;
-    const t8 = displayed && open ? "opacity-100" : "opacity-0";
-    let t9;
-    if ($[3] !== t8) {
-      t9 = cls("fixed inset-0 transition-opacity z-20 ease-in-out duration-200 bg-black bg-opacity-50 dark:bg-opacity-60 backdrop-blur-sm ", t8, "z-20 fixed top-0 left-0 w-full h-full flex justify-center items-center");
-      $[3] = t8;
-      $[4] = t9;
+    let t8;
+    if ($[3] !== containerClassName) {
+      t8 = cls("fixed inset-0 z-30", containerClassName);
+      $[3] = containerClassName;
+      $[4] = t8;
     } else {
-      t9 = $[4];
+      t8 = $[4];
     }
-    const t10 = displayed ? "auto" : "none";
-    let t11;
-    if ($[5] !== t10) {
-      t11 = {
-        pointerEvents: t10
-      };
-      $[5] = t10;
-      $[6] = t11;
+    const t9 = displayed && open ? "opacity-100" : "opacity-0";
+    let t10;
+    if ($[5] !== t9) {
+      t10 = cls("fixed inset-0 transition-opacity z-20 ease-in-out duration-200 bg-black bg-opacity-50 dark:bg-opacity-60 backdrop-blur-sm ", t9, "z-20 fixed top-0 left-0 w-full h-full flex justify-center items-center");
+      $[5] = t9;
+      $[6] = t10;
     } else {
-      t11 = $[6];
+      t10 = $[6];
     }
+    const t11 = displayed ? "auto" : "none";
     let t12;
-    if ($[7] !== t11 || $[8] !== t9) {
-      t12 = /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Overlay, { className: t9, style: t11 });
+    if ($[7] !== t11) {
+      t12 = {
+        pointerEvents: t11
+      };
       $[7] = t11;
-      $[8] = t9;
-      $[9] = t12;
+      $[8] = t12;
     } else {
-      t12 = $[9];
+      t12 = $[8];
     }
     let t13;
-    if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-      t13 = cls("h-full outline-none flex justify-center items-center z-40 opacity-100 transition-all duration-200 ease-in-out");
-      $[10] = t13;
-    } else {
-      t13 = $[10];
-    }
-    const t14 = fullWidth && !fullScreen ? "w-11/12" : void 0;
-    const t15 = fullHeight && !fullScreen ? "h-full" : void 0;
-    const t16 = fullScreen ? "h-screen w-screen" : "max-h-[90vh] shadow-xl";
-    const t17 = scrollable && "overflow-y-auto";
-    const t18 = displayed && open ? "opacity-100" : "opacity-0";
-    const t19 = maxWidth && !fullScreen ? widthClasses[maxWidth] : void 0;
-    let t20;
-    if ($[11] !== className || $[12] !== t14 || $[13] !== t15 || $[14] !== t16 || $[15] !== t17 || $[16] !== t18 || $[17] !== t19) {
-      t20 = cls(paperMixin, "z-30", "relative", "outline-none focus:outline-none", t14, t15, "text-surface-accent-900 dark:text-white", "justify-center items-center", t16, "ease-in-out duration-200", t17, t18, t19, className);
-      $[11] = className;
+    if ($[9] !== t10 || $[10] !== t12) {
+      t13 = /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Overlay, { className: t10, style: t12 });
+      $[9] = t10;
+      $[10] = t12;
+      $[11] = t13;
+    } else {
+      t13 = $[11];
+    }
+    let t14;
+    if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+      t14 = cls("h-full outline-none flex justify-center items-center z-40 opacity-100 transition-all duration-200 ease-in-out");
       $[12] = t14;
-      $[13] = t15;
-      $[14] = t16;
-      $[15] = t17;
-      $[16] = t18;
-      $[17] = t19;
-      $[18] = t20;
     } else {
-      t20 = $[18];
+      t14 = $[12];
     }
+    const t15 = fullWidth && !fullScreen ? "w-11/12" : void 0;
+    const t16 = fullHeight && !fullScreen ? "h-full" : void 0;
+    const t17 = fullScreen ? "h-screen w-screen" : "max-h-[90vh] shadow-xl";
+    const t18 = scrollable && "overflow-y-auto";
+    const t19 = displayed && open ? "opacity-100" : "opacity-0";
+    const t20 = maxWidth && !fullScreen ? widthClasses[maxWidth] : void 0;
     let t21;
-    if ($[19] !== children || $[20] !== t20) {
-      t21 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: t20, children });
-      $[19] = children;
-      $[20] = t20;
-      $[21] = t21;
+    if ($[13] !== className || $[14] !== t15 || $[15] !== t16 || $[16] !== t17 || $[17] !== t18 || $[18] !== t19 || $[19] !== t20) {
+      t21 = cls(paperMixin, "z-30", "relative", "outline-none focus:outline-none", t15, t16, "text-surface-accent-900 dark:text-white", "justify-center items-center", t17, "ease-in-out duration-200", t18, t19, t20, className);
+      $[13] = className;
+      $[14] = t15;
+      $[15] = t16;
+      $[16] = t17;
+      $[17] = t18;
+      $[18] = t19;
+      $[19] = t20;
+      $[20] = t21;
     } else {
-      t21 = $[21];
+      t21 = $[20];
     }
     let t22;
-    if ($[22] !== onEscapeKeyDown || $[23] !== onInteractOutside || $[24] !== onOpenAutoFocus || $[25] !== onPointerDownOutside || $[26] !== t21) {
-      t22 = /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Content, { onEscapeKeyDown, onOpenAutoFocus, onPointerDownOutside, onInteractOutside, className: t13, children: t21 });
-      $[22] = onEscapeKeyDown;
-      $[23] = onInteractOutside;
-      $[24] = onOpenAutoFocus;
-      $[25] = onPointerDownOutside;
-      $[26] = t21;
-      $[27] = t22;
+    if ($[21] !== children || $[22] !== t21) {
+      t22 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: t21, children });
+      $[21] = children;
+      $[22] = t21;
+      $[23] = t22;
     } else {
-      t22 = $[27];
+      t22 = $[23];
     }
     let t23;
-    if ($[28] !== t12 || $[29] !== t22) {
-      t23 = /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fixed inset-0 z-30", children: [
-        t12,
-        t22
-      ] }) });
-      $[28] = t12;
-      $[29] = t22;
-      $[30] = t23;
+    if ($[24] !== onEscapeKeyDown || $[25] !== onInteractOutside || $[26] !== onOpenAutoFocus || $[27] !== onPointerDownOutside || $[28] !== t22) {
+      t23 = /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Content, { onEscapeKeyDown, onOpenAutoFocus, onPointerDownOutside, onInteractOutside, className: t14, children: t22 });
+      $[24] = onEscapeKeyDown;
+      $[25] = onInteractOutside;
+      $[26] = onOpenAutoFocus;
+      $[27] = onPointerDownOutside;
+      $[28] = t22;
+      $[29] = t23;
     } else {
-      t23 = $[30];
+      t23 = $[29];
     }
     let t24;
-    if ($[31] !== modal || $[32] !== onOpenChange || $[33] !== t23 || $[34] !== t7) {
-      t24 = /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Root, { open: t7, modal, onOpenChange, children: t23 });
-      $[31] = modal;
-      $[32] = onOpenChange;
-      $[33] = t23;
-      $[34] = t7;
-      $[35] = t24;
+    if ($[30] !== t13 || $[31] !== t23 || $[32] !== t8) {
+      t24 = /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t8, children: [
+        t13,
+        t23
+      ] }) });
+      $[30] = t13;
+      $[31] = t23;
+      $[32] = t8;
+      $[33] = t24;
     } else {
-      t24 = $[35];
+      t24 = $[33];
     }
-    return t24;
+    let t25;
+    if ($[34] !== modal || $[35] !== onOpenChange || $[36] !== t24 || $[37] !== t7) {
+      t25 = /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Root, { open: t7, modal, onOpenChange, children: t24 });
+      $[34] = modal;
+      $[35] = onOpenChange;
+      $[36] = t24;
+      $[37] = t7;
+      $[38] = t25;
+    } else {
+      t25 = $[38];
+    }
+    return t25;
   };
   function _temp$2() {
   }